校園失物招領網站 | 何逢君

項目介紹 📖

👉基于Springboot+vue+uni-app的校園失物招領平臺. 含平臺主體PC端、微信小程序和web后臺數據管理平臺.

• 失物招領信息一覽
• 信息發布(支持圖片上傳)

項目技術棧 ??

• 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

項目地址 🔗

項目采用前后端分離開發模式，PC端使用:Vue + Element-ui, 小程序使用Uni-app開發，后端數據API采用Java、Spring-Boot開發.

PC端Code地址：https://github.com/lijinghailjh/WarmSearch-PC

小程序端code地址：https://github.com/lijinghailjh/WarmSearch-uniapp

后端code地址：https://github.com/lijinghailjh/WarmSearch

web管理端code地址: https://github.com/lijinghailjh/WarmSearch-Web

體驗地址

由于項目還在不斷完善中，所以目前還未上線；

主要還是因為窮，買不起服務器

演示視頻：在線演示視頻

前言：

🏫本人目前（2021年5月8日）是一名大二在校大學生從去年（2020年)5月開始準備自學java，從基礎到框架，利用課余時間從JavaWeb開始，到SSM,到SpringBoot,再到前端Html5,CSS3,JS,Vue.js,最后到Node.js，學完之后開始著手開始做這個校園失物招領網站，目前該項目大概原型已經呈現出來，這是基于前后端分離項目，目前利用課余時間，不斷完善改項目。小白開始，若有錯誤，還望大家多多指教。各部分源碼將在Github上持續更新。

這是我的郵箱lijinghailjh@163.com,歡迎大家來指正

最新代碼將在GitHub上持續更新

在讀大二學生（2021年5月8日）

說明

本項目前后端分離，前端(WarmSearch-PC）(https://www.smartisan.com/)

這是本項目的前臺源碼，后端源碼請看WarmSearch,本項目包括后臺管理系統(WarmSearch-Web)，前臺系統（WarmSearch-PC)，微信小程序部分（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)

• 登錄頁面 v1.0 (2021.5)

• 首頁部分頁面展示 v1.0 (2021.5)

小程序更新版 v2.0 (2022 2 17)

		這是小程序的第二次更新，后續會繼續更新

• 尋物頁面部分展示

3.后臺管理系統(WarmSearch-web)

• 登錄頁面展示

• 首頁頁面展示

• 部分功能頁面展示

后期打算

如果你覺得我的項目，還不錯，可以給我一下贊賞，本人現是一名大二學生，打算不斷完善這個項目，所以我打算購買服務器，并部署上去；開源不易，如果你喜歡我的項目，可以給我投資一下我的服務器基金，苦逼大學生，萬分感謝您！！！！

如果你能看到這里說明你肯定對我的項目感興趣，那么請訪問我的博客吧，里面會更新更詳細的關于我這個項目的信息 博客

或者你也可以通過我的Github 首頁的郵箱來聯系我 lijinghailjh@163.com

這是我的微信，如果有需求可以聯系我? ?)?*??╰(′︶`)╯

這是我的郵箱是 lijinghailjh@163.com 歡迎指點

總結

以上是生活随笔為你收集整理的失物招领网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。