# WarmSearch-PC
**Repository Path**: xjyunqing/WarmSearch-PC
## Basic Information
- **Project Name**: WarmSearch-PC
- **Description**: 🏫WarmSearch的PC端的前台页面， 项目基于vue开发的校园失物招领网站，采用前后端分离项目技术
- **Primary Language**: Unknown
- **License**: LGPL-2.1
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-26
- **Last Updated**: 2021-06-26
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
校园失物招领网站 | Dorian
### 项目介绍 :book:
👉基于Springboot+vue+uni-app的校园失物招领平台. 含平台主体PC端、微信小程序和web后台数据管理平台.
* 失物招领信息一览
* 信息发布(支持图片上传)
### 项目技术栈 :star:
- PC端（WarmSearch-PC)：`Vue 2.0`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`
- 后台管理系统(WarmSearch-Web)：基于Vue-admin-ui脚手架
- 微信小程序(WarmSearch-uniapp)：uni-app + Vue.js
- 后端(WarmSearch)：Springboot 2.4.2 + Java Web Token +MybatisPlus + Swagger
- 数据库：MySql 5.7
### 项目地址 :link:
项目采用前后端分离开发模式，PC端使用:Vue + Element-ui, 小程序使用Uni-app开发，后端数据API采用Java、Spring-Boot开发.
PC端Code地址：https://github.com/Dorian1015/WarmSearch-PC
小程序端code地址：https://github.com/Dorian1015/WarmSearch-uniapp
后端code地址：https://github.com/Dorian1015/WarmSearch
web管理端code地址: https://github.com/Dorian1015/WarmSearch-Web
### 体验地址
由于项目还在不断完善中，所以目前还未上线；
主要还是因为穷，买不起服务器
演示视频：[在线演示视频](https://www.bilibili.com/video/BV1f54y1j7sG)
## 前言：
🏫本人目前（2021年5月8日）是一名大二在校大学生从去年（2020年)5月开始准备自学java，从基础到框架，利用课余时间从JavaWeb开始，到SSM,到SpringBoot,再到前端Html5,CSS3,JS,Vue.js,最后到Node.js，学完之后开始着手开始做这个校园失物招领网站，目前该项目大概原型已经呈现出来，这是基于前后端分离项目，目前利用课余时间，不断完善改项目。小白开始，若有错误，还望大家多多指教。各部分源码将在Github上持续更新。
##### 这是我的邮箱lijinghailjh@163.com,欢迎大家来指正
##### 最新代码将在[GitHub](https://github.com/Dorian1015)上持续更新
##### 在读大二学生（2021年5月8日）
## 说明
> 本项目前后端分离，前端(WarmSearch-PC）[参考锤子商城](https://www.smartisan.com/)
> 这是本项目的前台源码，后端源码请看[WarmSearch](https://github.com/Dorian1015/WarmSearch),本项目包括后台管理系统([WarmSearch-Web](https://github.com/Dorian1015/WarmSearch-Web))，前台系统（[WarmSearch-PC](https://github.com/Dorian1015/WarmSearch-PC))，微信小程序部分（[WarmSearch-uniapp](https://github.com/Dorian1015/WarmSearch-uniapp))
> #### 如果您觉得这项目还不错，可以在右上角`Star`支持一下，万分感谢！！！
## 项目简介
- 本项目前后端分离，前端基于`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格式），没有任何与显示（视图）相关的信息，做到了完全的前后端分离，前端负责页面与展示，后端负责业务处理与数据。
## 技术栈
- 前台页面展示系统（WarmSearch-PC)：`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`
- 后台管理系统：基于Vue-admin-ui脚手架
- 微信小程序：uni-app + Vue.js
- 后端：Springboot + Java Web Token +MybatisPlus + Swagger 框架
- 数据库：MySql
## 功能模块
#### 1.前台页面展示（WarmSearch-PC)
- ###### WarmSearch-PC首页部分展示
- 物品详情页
- ###### 寻失物部分页面展示
- ##### 认领页面
- ##### 信息发布页面
- ###### 寻失主部分页面展示
- ###### 捐赠部分页面展示
#### 2.微信小程序页面(WarmSearch-uniapp)
- #### 登录页面
- #### 首页部分页面展示
- #### 寻物页面部分展示
#### 3.后台管理系统(WarmSearch-web)
- #### 登录页面展示
- #### 首页页面展示
- #### 部分功能页面展示
## 后期打算
### 如果你觉得我的项目，还不错，可以给我一下赞赏，本人现是一名大二学生，打算不断完善这个项目，所以我打算购买服务器，并部署上去；开源不易，如果你喜欢我的项目，可以给我投资一下我的服务器基金，苦逼大学生，万分感谢您！！！！
### 如果你能看到这里说明你肯定对我的项目感兴趣，那么请访问我的博客吧，里面会更新更详细的关于我这个项目的信息 [博客](https://dorian1015.github.io/)
### 或者你也可以通过我的[Github](https://github.com/Dorian1015) 首页的邮箱来联系我 lijinghailjh@163.com