# nnxy-retrieve
**Repository Path**: dalefengs/nnxy-retrieve
## Basic Information
- **Project Name**: nnxy-retrieve
- **Description**: 南院寻物 Spring Boot 代码
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 4
- **Forks**: 0
- **Created**: 2022-03-03
- **Last Updated**: 2026-01-07
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
南院寻物| Cangjie
### Cangjie 项目成员
- 冯仁贵
- 李智
- 肖国贵
### 项目介绍
基于Spring boot+vue + uni-app的校园失物招领平台. 含平台主体PC端、微信小程序和web后台数据管理平台.
* 失物招领信息一览
* 信息发布(支持图片上传)
### 项目技术栈
- PC端(nnxy_retrieve-PC):`Vue 2.0`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`
- 后台管理系统(nnxy_retrieve-Web):基于Vue-admin-ui脚手架
- 微信小程序(nnxy_retrieve-uniapp):uni-app + Vue.js
- 后端(nnxy_retrieve):Springboot 2.4.2 + Java Web Token + MybatisPlus + Swagger
- 数据库:MySql 5.7
### 项目地址
项目采用前后端分离开发模式,PC端使用:Vue + Element-ui, 小程序使用Uni-app开发,后端数据API采用Java、Spring-Boot开发.
PC端Code地址:https://github.com/lzscxb
小程序端code地址:https://github.com/lzscxb
后端code地址:https://github.com/lzscxb
web管理端code地址: https://github.com/lzscxb
### 体验地址
http://124.222.161.246:8090
## 项目简介
- 本项目前后端分离,前端基于`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`,参考锤子商城实现。后端基于SpringBoot(框架) + JSON WEB TOKEN(令牌机制) + MybatisPlus + Mysql实现。
- 系统设计秉承“前后端分离/SOA”的总体思想,前端使用Vue/ElementUI作为主要框架技术、Nginx作为HTTP服务器,用来提供静态页面访问服务和反向代理作用;后端则以Springboot主流框架技术为主、采用MySQL开源数据库,前后端使用Restful规范交换数据。
- 系统采用JWT令牌鉴权方式,降低服务器运行消耗,提升系统的伸缩性和扩展性。
- 总体设计按“前后端分离”方式,当浏览器请求页面或静态资源时,HTTP Server直接响应;当浏览器请求数据时,该请求仍然先发给HTTP Server,经由该Server转发至Web APP Server。Web APP Server业务处理后将结果数据返回给HTTP Server,最终返回浏览器。在此过程中,Web APP Server返回的仅仅是数据(json格式),没有任何与显示(视图)相关的信息,做到了完全的前后端分离,前端负责页面与展示,后端负责业务处理与数据。
## 技术栈
- 前台页面展示系统(nnxy_retrieve-PC):`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`
- 后台管理系统:基于Vue-admin-ui脚手架
- 微信小程序:uni-app + Vue.js
- 后端:Springboot + Java Web Token +MybatisPlus + Swagger 框架
- 数据库:MySql
## 功能模块
#### 1.前台页面展示(nnxy_retrieve-PC)
- ###### nnxy_retrieve-PC首页部分展示
- 物品详情页
- ###### 寻失物部分页面展示
- ##### 认领页面
- ##### 信息发布页面
- ###### 寻失主部分页面展示
- ###### 捐赠部分页面展示
#### 2.微信小程序页面(nnxy_retrieve-uniapp)
#### 登录页面
#### 首页部分页面展示
#### 寻物页面部分展示
#### 3.后台管理系统(nnxy_retrieve-web)
#### 登录页面展示
#### 首页页面展示
#### 部分功能页面展示