朱志慧 蔡潔

（南京城市職業(yè)學(xué)院 江蘇省南京市 211200）

1 引言

在大學(xué)校園內(nèi), 丟失物品現(xiàn)象非常普遍, 同學(xué)們經(jīng)常會(huì)丟失書本、校園卡、準(zhǔn)考證、優(yōu)盤以及身份證等生活物品，如不及時(shí)找到遺失的物品，會(huì)影響學(xué)生的正常生活。學(xué)校內(nèi)，更多的是依賴于QQ群、QQ表白墻、微信朋友圈等平臺(tái)發(fā)布失物招領(lǐng)的信息，但這些方式都屬于人工管理方式， 存在傳播性差、消息滯后、效率低等弊端[1]。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，當(dāng)代大學(xué)生更能夠接受網(wǎng)絡(luò)信息的交流，于是很多的失物招領(lǐng)的網(wǎng)站應(yīng)運(yùn)而生，但是通過對比分析發(fā)現(xiàn)現(xiàn)有的失物招領(lǐng)網(wǎng)站存在很多的弊端：

（1）大部分失物招領(lǐng)網(wǎng)站的功能比較簡單，沒有客服咨詢等模塊；

（2）失物招領(lǐng)的網(wǎng)站面向的群體比較繁雜，專門針對高校的失物招領(lǐng)網(wǎng)站很少，大部分高校的學(xué)生是依賴于其他平臺(tái)發(fā)布失物招領(lǐng)信息；

（3）網(wǎng)站上廣告模塊也比較多，安全性得不到保證，平臺(tái)上信息繁雜且使用人群數(shù)量受限，失物招領(lǐng)的實(shí)際效果有待提高；

（4）系統(tǒng)開發(fā)的技術(shù)也比較老化，維護(hù)起來比較困難。

綜上，開發(fā)一個(gè)符合當(dāng)代大學(xué)生校園的失物招領(lǐng)系統(tǒng)是一件迫在眉睫的事情。本論文設(shè)計(jì)并開發(fā)了一個(gè)基于SpringBoot+Vue+Uni-app框架的校園失物招領(lǐng)系統(tǒng)，為尋找丟失物品、歸還拾得物品提供一個(gè)高效、安全的平臺(tái)。

2 校園失物招領(lǐng)創(chuàng)新模塊簡述

本論文開發(fā)的校園失物招領(lǐng)系統(tǒng)特色的模塊體現(xiàn)在：一是增加了雙方認(rèn)領(lǐng)確認(rèn)功能點(diǎn)，雙方用戶登錄系統(tǒng)后失主和拾主都可以在系統(tǒng)中發(fā)布自己丟失的物品或者拾取的物品，若失主在系統(tǒng)中找尋到了自己遺失的物品時(shí)，點(diǎn)擊認(rèn)領(lǐng)時(shí)，系統(tǒng)會(huì)向發(fā)布人的賬號(hào)綁定的微信和郵箱發(fā)布一條認(rèn)領(lǐng)信息，通過雙方確認(rèn)完成失物招領(lǐng)的流程，可避免惡意認(rèn)領(lǐng)現(xiàn)象的發(fā)生，提高安全性。反之，當(dāng)用戶在系統(tǒng)上發(fā)布丟失物品的信息，若有人拾取該物品，在系統(tǒng)平臺(tái)上瀏覽時(shí)點(diǎn)擊確認(rèn)拾取后，失主會(huì)收到系統(tǒng)的提醒信息，進(jìn)行失物認(rèn)領(lǐng)，增加信息提醒的方式提高了失物招領(lǐng)的效率。二是系統(tǒng)增加了愛心模塊，當(dāng)用戶點(diǎn)擊愛心模塊時(shí)會(huì)彈出一個(gè)消息對話框，學(xué)生在工作、生活中遇到問題或者困難時(shí)，可以在這個(gè)愛心功能模塊發(fā)布，尋求幫助，營造和諧的校園生活。三是除了PC端還特意增加了手機(jī)端失物招領(lǐng)平臺(tái)，用戶可以隨時(shí)隨地的訪問系統(tǒng)，不受時(shí)間和空間、條件的限制，大大提高了效率和系統(tǒng)使用頻率。

3 開發(fā)環(huán)境與技術(shù)介紹

失物招領(lǐng)系統(tǒng)采用Tomcat9和MySQL5.6作為服務(wù)器和數(shù)據(jù)庫，開發(fā)平臺(tái)借助于Windows平臺(tái)，選擇B/S開發(fā)模式，前端采用Vue和Uni-app開發(fā)界面，后端采用基礎(chǔ)開發(fā)框架SpringBoot，開發(fā)環(huán)境為JDK8，開發(fā)工具采用HBuider、IntelliJ IDEA、Navicat、WebStorm和微信開發(fā)者工具，編程的語言包括Vue、css 、JavaScript 、uniapp、java，Photoshop CS4為主要的美工設(shè)計(jì)，項(xiàng)目代碼交由git管理。

SpringBoot 框架：Spring是Java EE開發(fā)中最重要的設(shè)計(jì)層框架之一，開源、能夠很好地處理業(yè)務(wù)邏輯層和其余層之間的松散耦合關(guān)系，SpringBoot 框架繼承了 Spring 的優(yōu)良特性，簡化 Spring 應(yīng)用的開發(fā)及搭建過程，實(shí)現(xiàn)了自動(dòng)配置，使程序員全身心地投入到業(yè)務(wù)邏輯代碼的編寫中去，還能更快捷的部署和監(jiān)控系統(tǒng)，是后端開發(fā)的優(yōu)勢工具，很大程度的提高開發(fā)效率。本失物招領(lǐng)系統(tǒng)利用SpringBoot的優(yōu)勢進(jìn)行后臺(tái)管理系統(tǒng)的設(shè)計(jì)[2]。

Vue框架：本系統(tǒng)的前端框架選擇目前較流行的Vue框架。它是一個(gè)輕量級(jí)的漸進(jìn)式框架，基于數(shù)據(jù)驅(qū)動(dòng)和組件化的思想構(gòu)建前端頁面，它的核心庫只關(guān)注視圖層，有很多簡單、易于理解的API供用戶使用，運(yùn)行效率高、語言簡潔、占用空間小、上手容易等特點(diǎn)，深受開發(fā)者喜愛，是目前前端首選框架[2]。

Uni-app：是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）等多個(gè)平臺(tái)。

系統(tǒng)在開發(fā)過程中，注意保證鏈接位的預(yù)留，以方便今后新功能的加入，同時(shí)每個(gè)功能以模塊方式處理，預(yù)留足夠的冗余空間，方便系統(tǒng)的擴(kuò)展。在設(shè)計(jì)系統(tǒng)的每個(gè)模塊的時(shí)候,將每個(gè)模塊都分別獨(dú)立開來, 對于一些頁面，我們將其做成了模板,在使用的時(shí)候進(jìn)行母版頁加載即可。這樣可以集中精力放在代碼塊的構(gòu)造與實(shí)現(xiàn)上。避免了一些不必要的困擾。在代碼設(shè)計(jì)過程中，盡可能的減少模塊之間的耦合性。做到模塊和模塊之間的分離。這樣，日后的維護(hù)具有較好的方便性。

4 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

4.1 系統(tǒng)框架結(jié)構(gòu)設(shè)計(jì)

本次開發(fā)的校園失物招領(lǐng)系統(tǒng)分為四大部分：

（1）前臺(tái)子系統(tǒng)：基于Vue+Vue-router+Element-ui技術(shù)開發(fā)，分為注冊、登錄、發(fā)布信息、找尋物品幾個(gè)模塊。

（2）后端：基于企業(yè)級(jí)框架Springboot開發(fā)，包括用戶信息管理、首頁輪播圖、首頁展示的物品信息、尋物類別、物品詳情頁信息、招領(lǐng)信息、待招領(lǐng)物品詳情信息。

（3）后臺(tái)管理系統(tǒng)：基于vue-element-admin技術(shù)開發(fā)。

（4）微信小程序：基于Uni-app技術(shù)開發(fā)，包括首頁、尋失物、發(fā)布信息、尋失主、個(gè)人中心等模塊。

本平臺(tái)基于SpringBoot框架搭建后端，Vue和Uni-App技術(shù)設(shè)計(jì)前端，MySQL數(shù)據(jù)庫存儲(chǔ)數(shù)據(jù)?？傮w設(shè)計(jì)按“前后端分離”方式，當(dāng)瀏覽器請求頁面或靜態(tài)資源時(shí)，HTTP Server直接響應(yīng)；當(dāng)瀏覽器請求數(shù)據(jù)時(shí)，該請求仍然先發(fā)給HTTP Server，經(jīng)Server轉(zhuǎn)發(fā)至Web APP Server。Web APP Server業(yè)務(wù)處理后將結(jié)果數(shù)據(jù)返回給HTTP Server，最終返回瀏覽器。在此過程中，Web APP Server返回的僅僅是數(shù)據(jù)（json格式），沒有任何與顯示（視圖）相關(guān)的信息，做到了完全的前后端分離，前端負(fù)責(zé)頁面與展示，后端負(fù)責(zé)業(yè)務(wù)處理與數(shù)據(jù)。整個(gè)系統(tǒng)框架結(jié)構(gòu)如圖1所示。

圖1：系統(tǒng)框架結(jié)構(gòu)圖

4.2 系統(tǒng)功能設(shè)計(jì)

系統(tǒng)用戶權(quán)限表，如表1所示。

表1：用戶權(quán)限分析表

5 系統(tǒng)主要功能邏輯設(shè)計(jì)及實(shí)現(xiàn)

5.1 用戶登錄功能

前端發(fā)起登錄請求，請求中攜帶登錄帳號(hào)和輸入密碼，經(jīng)過HTTP Server轉(zhuǎn)發(fā)到后端，后端Controller接收到該請求后，調(diào)用Service處理該請求，Service通過DAO拿到該登錄帳號(hào)對應(yīng)數(shù)據(jù)，核對密碼，若密碼正確，生成令牌，并將用戶基本信息（包括令牌）返回給前端。生成的令牌具有時(shí)效性，默認(rèn)24小時(shí)，可以通過配置文件修改。用戶登錄功能圖如圖2所示。

圖2：用戶登錄功能圖

5.2 用戶身份驗(yàn)證攔截

驗(yàn)證登錄信息是否正確，用戶身份驗(yàn)證功能圖如圖3所示。

圖3：用戶身份驗(yàn)證功能圖

5.3 前臺(tái)子系統(tǒng)

當(dāng)用戶訪問pc端系統(tǒng)時(shí)，可以通過用戶注冊成為系統(tǒng)的用戶，賬號(hào)是用戶的工號(hào)或者學(xué)號(hào)，密碼自行設(shè)置。注冊成功后即可登錄，登錄成功后，可以瀏覽系統(tǒng)的主頁，查看是否有遺失的物品，也可以通過頂部導(dǎo)航欄進(jìn)行快速搜索想要搜索的物品，增加搜索功能易于幫助師生們快速找到想要的物品。圖4展示的是失物招領(lǐng)系統(tǒng)PC端認(rèn)領(lǐng)界面。

圖4：失物招領(lǐng)系統(tǒng)PC端認(rèn)領(lǐng)界面

隨著手機(jī)的普及，大家追求的是便捷化，基于此現(xiàn)象，本論文還開發(fā)了微信小程序，用戶可以在微信上搜索尋物小程序，便可以直接進(jìn)入小程序訪問尋物系統(tǒng)。用戶可以通過分類進(jìn)行查找遺失的物品，也可以在微信小程序上發(fā)布遺失物品的信息。增加了微信小程序體現(xiàn)了本系統(tǒng)的多終端特點(diǎn)，大大增加了系統(tǒng)便捷性。同時(shí)，微信小程序還有撥打電話的功能，給失主和拾主的聯(lián)系提供了方便，如圖5、圖6和圖7所示。

圖5：失物招領(lǐng)系統(tǒng)微信小程序首頁

圖6：微信小程序撥打電話界面圖

圖7：微信小程序物品詳情頁

5.4 后臺(tái)管理系統(tǒng)

當(dāng)管理員登錄該系統(tǒng)時(shí)，可以同時(shí)對PC端和微信小程序端的數(shù)據(jù)進(jìn)行增刪改查，管理員的責(zé)任是對繁多招領(lǐng)物品進(jìn)行合理分類，及時(shí)更新網(wǎng)站招領(lǐng)物品。

6 總結(jié)與展望

本文開發(fā)的失物招領(lǐng)系統(tǒng)采用前后端分離技術(shù)，前臺(tái)包含用戶注冊、用戶登錄、信息瀏覽和搜索等模塊，系統(tǒng)后臺(tái)包括用戶管理、尋物啟事管理、失物招領(lǐng)管理、物品類別管理。用戶通過我們提供的平臺(tái)進(jìn)行賬號(hào)注冊登錄，便可在平臺(tái)上發(fā)布遺失物品的信息，或通過平臺(tái)認(rèn)領(lǐng)自己丟失的物品。

高校失物招領(lǐng)系統(tǒng)的特色主要體現(xiàn)在：

（1）多終端：為更好的服務(wù)廣大師生，創(chuàng)造實(shí)際的便捷效果，開發(fā)了電腦端和手機(jī)端（微信小程序）兩個(gè)終端失物招領(lǐng)系統(tǒng)；

（2）促效率：當(dāng)用戶拾取到物品，發(fā)布到尋物系統(tǒng)，等待別人認(rèn)領(lǐng)，當(dāng)有人認(rèn)領(lǐng)成功時(shí)，系統(tǒng)平臺(tái)會(huì)給該用戶發(fā)送信息，提示該用戶提交的物品被人認(rèn)領(lǐng)成功；當(dāng)用戶在系統(tǒng)平臺(tái)上發(fā)布丟失物品信息，若有人拾取該物品，在系統(tǒng)平臺(tái)上瀏覽時(shí)點(diǎn)擊確認(rèn)拾取后，失主會(huì)收到系統(tǒng)平臺(tái)的提醒信息，進(jìn)行失物認(rèn)領(lǐng)。

（3）傳愛心：除了實(shí)物失物招領(lǐng)之外，系統(tǒng)開發(fā)了愛心功能，當(dāng)學(xué)生在工作生活中遇到問題或者困難時(shí)，可以在愛心功能模塊發(fā)布，尋求幫助，讓大學(xué)的校園里在奉獻(xiàn)出自己的一片愛心，營造和諧的校園生活。

本系統(tǒng)技術(shù)關(guān)鍵體現(xiàn)在：

（1）系統(tǒng)可分為管理員、失主及認(rèn)領(lǐng)人三部分。不同的操作人員具有不同的操作權(quán)限，保證系統(tǒng)的準(zhǔn)確性，是技術(shù)的關(guān)鍵。

（2）界面友好，簡單易用，且搜索功能易于幫助同學(xué)們搜索需要的物品，后臺(tái)數(shù)據(jù)庫處理分析關(guān)鍵。對繁多招領(lǐng)物品進(jìn)行合理分類，快速搜到招領(lǐng)物品的查找分析，以及及時(shí)更新網(wǎng)站招領(lǐng)物品成為衡量系統(tǒng)主要技術(shù)指標(biāo)。

本系統(tǒng)仍在不斷完善開發(fā)中，失物招領(lǐng)系統(tǒng)比較重視給予用戶的體驗(yàn)度，良好的頁面設(shè)計(jì)和更加方便快捷的功能可以提高用戶的滿意程度。后期將從以下幾個(gè)方面進(jìn)一步完善該系統(tǒng), 使網(wǎng)站更美觀，更智能：

（1）良好的用戶體驗(yàn)，精美的頁面設(shè)計(jì)；

（2）擁有成熟和先進(jìn)的技術(shù)；

（3）多終端：PC端+微信小程序頁面。