WarmSearch PC

校園失物招領網站| lijinghai

項目介紹

基於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,再到前端Ht ml5,CSS3,JS,Vue.js,最後到Node.js，學完之後開始著手開始做這個校園失物招領網站，目前該項目大概原型已經呈現出來，這是基於前後端分離項目，目前利用課餘時間，不斷完善改項目。小白開始，若有錯誤，還望大家多多指教。各部分原始碼將在Github上持續更新。

這是我的信箱[email protected],歡迎大家來指正

最新程式碼將在GitHub上持續更新

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

說明

本專案採用前後端分離技術Springboot + vue + uniapp + Mysql

1.本專案包括後台管理系統WarmSearch-Web 2.前台系統WarmSearch-PC 3.微信小程式部分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 首頁的信箱來聯絡我[email protected]

這是我的微信，如果有需求可以聯絡我	੭ ᐕ)੭*⁾⁾	╰( ´︶` )╯
這是我的信箱是[email protected] 歡迎指點