Campus lost and found platform based on Springboot+vue+uni-app. It includes the main PC side of the platform, WeChat applet and web backend data management platform.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
The project adopts the front-end and back-end separation development model. The PC side uses: Vue + Element-ui, the mini program is developed using Uni-app, and the back-end data API is developed using Java and Spring-Boot.
PC code address: https://github.com/lijinghailjh/WarmSearch-PC
Mini program code address: https://github.com/lijinghailjh/WarmSearch-uniapp
Backend code address: https://github.com/lijinghailjh/WarmSearch
Web management terminal code address: https://github.com/lijinghailjh/WarmSearch-Web
Since the project is still being improved, it is not yet online;
Mainly because I'm poor and can't afford a server
Demonstration video: Online demonstration video
?I am currently (May 8, 2021) a sophomore college student. I have been preparing to self-study Java since May last year (2020), from basics to frameworks. I use my spare time to start from JavaWeb, to SSM, to SpringBoot. Then to the front-end Ht ml5, CSS3, JS, Vue.js, and finally Node.js. After finishing the study, I started to make this campus lost and found website. At present, the prototype of the project has been presented. This is based on the front-end and back-end separation project. Currently, I use my spare time , and constantly improve the project. I'm new to this, so if I make any mistakes, I hope you guys can give me some advice. The source code of each part will be continuously updated on Github.
This project uses front-end and back-end separation technology Springboot + vue + uniapp + Mysql
1. This project includes the back-end management system WarmSearch-Web 2. The front-end system WarmSearch-PC 3. The WeChat applet part WarmSearch-uniapp
If you think this project is good, you can support it
Star
in the upper right corner. Thank you very much! ! !
The front-end and back-end of this project are separated. The front-end is based on Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
, and is implemented with reference to Hammer Mall. The backend is implemented based on SpringBoot (framework) + JSON WEB TOKEN (token mechanism) + MybatisPlus + Mysql.
Overall architecture
The system design adheres to the overall idea of "separation of front-end and back-end/SOA". The front-end uses Vue/ElementUI as the main framework technology and Nginx as the HTTP server to provide static page access services and reverse proxy functions; the back-end uses Springboot mainstream framework technology Mainly, the MySQL open source database is used, and the front and back ends use Restful specifications to exchange data.
The system adopts JWT token authentication method to reduce server operation consumption and improve the scalability and expansibility of the system.
Overall architecture
The overall design is based on the "front-end and back-end separation" method. When the browser requests a page or static resource, the HTTP Server responds directly; when the browser requests data, the request is still sent to the HTTP Server first and is forwarded to the Web APP Server via the server. After Web APP Server business processing, the result data is returned to HTTP Server and finally returned to the browser. In this process, the Web APP Server returns only data (json format) without any information related to display (view), achieving complete front-end and back-end separation. The front-end is responsible for pages and display, and the back-end is responsible for business processing and data. .
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Mini program updated version v2.0 (2022 2 17)
This is the second update of the mini program and will continue to be updated in the future.
Partial display of the found object page
3.Backend management system (WarmSearch-web)
Login page display
Home page display
Display of some function pages
Later plans
If you think my project is not bad, you can give me some praise. I am now a sophomore student and plan to continue to improve this project, so I plan to buy a server and deploy it; open source is not easy, if you like my project , can you invest in my server fund for me, a struggling college student, thank you very much! ! ! !
If you can see this, it means you are definitely interested in my project, then please visit my blog, which will be updated with more detailed information about my project.
Or you can also contact me through the email on my Github homepage [email protected]
This is my WeChat, if you need anything you can contact me ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ This is my email address: [email protected]. Any advice is welcome.