校園二手商品交易平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

李元博 王法勝

摘要：校園二手交易是實(shí)現(xiàn)閑置物品循環(huán)利用的有效方式。傳統(tǒng)的校園二手交易方式存在過程復(fù)雜、效率低等問題，該文采用Eclipse平臺(tái)和MySQL數(shù)據(jù)庫設(shè)計(jì)了基于B/S架構(gòu)的校園二手商品交易系統(tǒng)。該系統(tǒng)界面美觀、操作簡便、功能完善，可對(duì)校園二手交易市場(chǎng)進(jìn)行優(yōu)化和管理。系統(tǒng)采用人臉識(shí)別技術(shù)實(shí)現(xiàn)系統(tǒng)登錄，提高了系統(tǒng)安全性能。該系統(tǒng)能夠滿足學(xué)生對(duì)二手商品交易流程優(yōu)化的需求，實(shí)現(xiàn)了資源的循環(huán)利用。

關(guān)鍵詞：二手商品;人臉識(shí)別;交易平臺(tái)

中圖分類號(hào)：TP311? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）29-0064-04

1背景

一直以來二手物品交易在許多高校中都占據(jù)了很大的市場(chǎng)，但目前為止很多高校對(duì)于二手物品交易多采用跳蚤市場(chǎng)、懸賞群、微信公眾號(hào)的方式，由于數(shù)據(jù)繁多雜亂，可能存在上當(dāng)受騙的現(xiàn)象，不利于二手物品的交易與使用，讓真正有需求的同學(xué)得不到相應(yīng)的滿足[1]。近幾年畢業(yè)生的增多也導(dǎo)致了二手物品的增多，如果不能妥善處理這些二手物品，它們最終的歸宿只能是垃圾場(chǎng)[2]。

隨著信息化的程度越來越高，信息化技術(shù)不僅方便了我們的生活，也能夠?yàn)槲覀兌纸灰紫到y(tǒng)的實(shí)現(xiàn)提供一個(gè)良好的技術(shù)基礎(chǔ)，這對(duì)于提高我們閑置物品的價(jià)值有著重要的意義。本文針對(duì)高校內(nèi)二手商品交易存在的問題，開發(fā)并實(shí)現(xiàn)了校園二手交易系統(tǒng)，確保了安全性和時(shí)效性。本系統(tǒng)功能實(shí)現(xiàn)比較完整，基本滿足了學(xué)生交易二手商品的需求，也減少了垃圾的產(chǎn)生，有著較好的實(shí)用價(jià)值和推廣價(jià)值。

校園二手交易系統(tǒng)旨在提供一個(gè)管理平臺(tái)，對(duì)大學(xué)校園內(nèi)的閑置物品進(jìn)行交易，學(xué)生可以通過系統(tǒng)來上架、求購二手商品，賣家可以出售閑置物品，管理員最終對(duì)商品信息進(jìn)行相應(yīng)的審核以及對(duì)系統(tǒng)的維護(hù)。

2關(guān)鍵技術(shù)

2.1人臉識(shí)別技術(shù)

本系統(tǒng)為實(shí)現(xiàn)安全性，在登錄功能中加入了人臉識(shí)別技術(shù)，運(yùn)用百度的人臉識(shí)別API進(jìn)行相應(yīng)技術(shù)的實(shí)現(xiàn)[3-4]。具體操作流程為：前臺(tái)攝像頭使用Ajax將拍攝的圖片轉(zhuǎn)換為 Base64格式到SSM后臺(tái)，然后調(diào)用百度提供的接口函數(shù)對(duì)圖片進(jìn)行分析，最終實(shí)現(xiàn)的效果是輸入賬號(hào)后對(duì)人臉進(jìn)行識(shí)別并進(jìn)行登錄驗(yàn)證。在此過程中，每個(gè)賬號(hào)都將獲得一個(gè)唯一的openID用以完成后續(xù)的登錄操作。與傳統(tǒng)的賬號(hào)、密碼登錄方式相比，運(yùn)用人臉識(shí)別技術(shù)無疑保障了系統(tǒng)的安全性。其流程圖如圖1所示。

2.2 B/S架構(gòu)

本系統(tǒng)采用B/S架構(gòu)[5]，使用Eclipse集成開發(fā)環(huán)境進(jìn)行系統(tǒng)的開發(fā)與實(shí)現(xiàn)，Web服務(wù)器選用 Apache 開源的Tomcat。采用CSS、Ajax、HTML、jQuery等技術(shù)編寫前端JSP頁面;業(yè)務(wù)邏輯主要使用Java語言實(shí)現(xiàn)，數(shù)據(jù)庫管理系統(tǒng)則采用了 MySQL數(shù)據(jù)庫。

B/S架構(gòu)有著無需安裝、交互性強(qiáng)等優(yōu)點(diǎn)，本系統(tǒng)采用MVC架構(gòu)，其基本流程為：客戶端發(fā)送HTTP請(qǐng)求至Web服務(wù)器，服務(wù)器中的Web服務(wù)層進(jìn)行請(qǐng)求的處理，應(yīng)用層調(diào)用相應(yīng)業(yè)務(wù)邏輯代碼，最終反饋給客戶端。三者之間的關(guān)系如圖2所示。

3系統(tǒng)分析

首先基于校園二手商品交易現(xiàn)狀進(jìn)行了深入的需求分析[6-7]，確定了本系統(tǒng)的核心角色，包括：學(xué)生和管理員。因此，校園二手商品交易系統(tǒng)可劃分為學(xué)生模塊以及管理員模塊。學(xué)生模塊主要包括：發(fā)布出售商品、發(fā)布求購信息、留言及舉報(bào)功能、商品查詢、商品購買。管理員模塊主要包括：管理后臺(tái)商品、管理留言與舉報(bào)信息、添加父子類、發(fā)布及修改公告。圖3 為系統(tǒng)用例圖。

4 系統(tǒng)設(shè)計(jì)

在完成登錄信息的填寫后，提交登錄請(qǐng)求，系統(tǒng)跳轉(zhuǎn)至系統(tǒng)主頁面，并展示所有的商品信息。學(xué)生可以按照自己的需求進(jìn)行商品的檢索、商品詳細(xì)信息的瀏覽、對(duì)商品的留言及舉報(bào)、發(fā)布求購商品以及個(gè)人信息的修改。管理員登錄系統(tǒng)后，可以查看所有的商品并進(jìn)行審核、查看并審核留言及舉報(bào)信息、添加商品的父類別及子類別、發(fā)布及修改公告以及頁面的維護(hù)功能。系統(tǒng)的模塊結(jié)構(gòu)圖如圖4所示。

5系統(tǒng)核心業(yè)務(wù)功能實(shí)現(xiàn)

5.1學(xué)生模塊業(yè)務(wù)功能的設(shè)計(jì)與實(shí)現(xiàn)

學(xué)生用戶進(jìn)入系統(tǒng)主界面，頁面頂端顯示用戶名，左側(cè)展示商品分類列表，依據(jù)不同的父類別和子類別進(jìn)行劃分，可以根據(jù)劃分結(jié)果進(jìn)行初步篩選。

1）發(fā)布出售商品、求購信息

學(xué)生進(jìn)入主界面后，左側(cè)顯示“我要賣”“求購商品”兩個(gè)選項(xiàng)卡，點(diǎn)擊相應(yīng)的選項(xiàng)卡會(huì)跳轉(zhuǎn)到發(fā)布商品（發(fā)布求購商品）頁面，頁面可以填寫包括商品名稱、商品圖片、價(jià)格、詳細(xì)描述等信息，學(xué)生的個(gè)人信息則根據(jù)登錄賬號(hào)自動(dòng)設(shè)置。其邏輯實(shí)現(xiàn)時(shí)序圖如圖5所示。因?yàn)榍筚徤唐返倪壿媽?shí)現(xiàn)與發(fā)布商品類似，在此不再進(jìn)行贅述。

學(xué)生進(jìn)入相應(yīng)頁面后即可查看發(fā)布商品（求購商品）的相應(yīng)要求，按照實(shí)際情況填寫即可。任務(wù)界面如圖6和圖7所示。

2）留言及舉報(bào)功能

學(xué)生在商品詳細(xì)信息頁面里可以對(duì)商品進(jìn)行留言，對(duì)不合規(guī)的商品進(jìn)行舉報(bào)。首先點(diǎn)擊舉報(bào)按鈕，顯示舉報(bào)信息填寫頁面，學(xué)生按照要求填寫舉報(bào)信息，信息通過Ajax傳送到后臺(tái)，并插入到數(shù)據(jù)庫對(duì)應(yīng)的表中。留言功能邏輯實(shí)現(xiàn)時(shí)序圖如圖8 所示，因?yàn)榱粞怨δ芎团e報(bào)功能類似，在此不再贅述。

學(xué)生進(jìn)入商品詳細(xì)頁面時(shí)，可以通過下拉頁面找到對(duì)應(yīng)的按鈕，進(jìn)行留言的添加、回復(fù)以及對(duì)不合規(guī)的商品信息進(jìn)行舉報(bào)。點(diǎn)擊發(fā)布留言即可進(jìn)行留言的發(fā)布，點(diǎn)擊舉報(bào)會(huì)彈出一個(gè)對(duì)話框，輸入舉報(bào)信息即可完成舉報(bào)。在商品詳情頁可以看見學(xué)生添加的留言信息，賣家也可以進(jìn)行相應(yīng)的回復(fù)。留言和舉報(bào)界面如圖9和圖10所示。

3）商品查詢

學(xué)生通過點(diǎn)擊側(cè)邊欄的分類可以進(jìn)行商品的分類查詢，不同的父類別下面包含各種子分類，通過這種方式可以顯示該分類下面的所有商品。學(xué)生也可以通過搜索欄進(jìn)行精確的查找，通過對(duì)商品的名稱進(jìn)行查找，使其顯示。其邏輯實(shí)現(xiàn)時(shí)序圖如圖 11所示，系統(tǒng)實(shí)現(xiàn)界面如圖12所示。

4）商品購買

當(dāng)學(xué)生挑選好心儀的物品，可以在商品詳情頁進(jìn)行購買。為了保證商品的真實(shí)性，本系統(tǒng)采取線下面對(duì)面交易的方式。當(dāng)用戶點(diǎn)擊購買按鈕后，系統(tǒng)前往數(shù)據(jù)庫進(jìn)行相應(yīng)數(shù)據(jù)的查詢，先通過商品ID查詢到上傳者ID，再通過上傳者ID查詢賣家的聯(lián)系方式。其邏輯實(shí)現(xiàn)時(shí)序圖如圖13所示，相應(yīng)界面如圖 14所示。

5.2管理員業(yè)務(wù)功能的設(shè)計(jì)與實(shí)現(xiàn)

1）添加父子類別

管理員進(jìn)入后臺(tái)管理界面后，可以通過點(diǎn)擊側(cè)邊欄進(jìn)行不

同信息的管理。點(diǎn)擊菜單管理選項(xiàng)卡，會(huì)在右方相應(yīng)frame框架中進(jìn)行顯示?？梢栽谄渲刑砑痈割悇e、子類別，包括設(shè)置相應(yīng)的圖標(biāo)。添加父子類功能邏輯實(shí)現(xiàn)時(shí)序圖如圖15所示。

管理員在瀏覽父子類界面時(shí)，可以對(duì)父子類別進(jìn)行添加、刪除、修改操作。點(diǎn)擊“新建”按鈕后，系統(tǒng)會(huì)跳轉(zhuǎn)到相應(yīng)界面，在其中輸入相應(yīng)的信息和圖片后點(diǎn)擊“提交”按鈕，就會(huì)自動(dòng)跳轉(zhuǎn)回到初始界面。上述功能的實(shí)現(xiàn)頁面如圖16所示。

2）管理后臺(tái)商品

管理員點(diǎn)擊商品管理選項(xiàng)卡，會(huì)在右方相應(yīng)frame框架中進(jìn)行顯示?？梢栽谄渲袑?duì)商品的信息進(jìn)行上架、下架、刪除等操作。商品管理功能邏輯實(shí)現(xiàn)時(shí)序圖如圖17所示。因?yàn)榱粞耘c舉報(bào)的管理與此操作類似，所以在此不再贅述。

管理員進(jìn)入商品管理選項(xiàng)卡，可以看到現(xiàn)在上架的商品的詳細(xì)信息，可以進(jìn)行相應(yīng)的上架、下架操作，也可以點(diǎn)擊推薦，使商品在主界面優(yōu)先展示。商品管理界面如圖18所示。

3）公告管理

管理員點(diǎn)擊公告管理選項(xiàng)卡，會(huì)在右方相應(yīng)frame框架中進(jìn)行顯示。管理員用戶可以在該界面上編輯公告內(nèi)容，并獲得反饋結(jié)果。公告管理功能邏輯實(shí)現(xiàn)時(shí)序圖如圖19所示。

管理員進(jìn)入公告管理選項(xiàng)卡后，可以查看已經(jīng)發(fā)布的公告內(nèi)容，同時(shí)也可以對(duì)公告內(nèi)容進(jìn)行相應(yīng)的修改，界面如圖20所示。

6結(jié)束語

本文針對(duì)校園二手商品交易系統(tǒng)進(jìn)行了詳細(xì)的設(shè)計(jì)，并通過B/S架構(gòu)實(shí)現(xiàn)了系統(tǒng)的全部業(yè)務(wù)功能。該系統(tǒng)通過對(duì)校園內(nèi)部二手商品信息的有效整合，解決了數(shù)據(jù)量繁多且雜亂的根本問題，并提高了用戶的使用感受。系統(tǒng)界面美觀、操作簡便、功能完善，具有較強(qiáng)的易用性。在下一步工作中，將繼續(xù)學(xué)習(xí)相關(guān)知識(shí)并開發(fā)移動(dòng)版本，用以提高系統(tǒng)的便攜性與使用效率。

參考文獻(xiàn)：

[1] 張宇.二手商品線上交易信用管理研究——以閑魚為例[D].北京：北京化工大學(xué)，2020.

[2] 徐連霞.基于SSM的校園二手商品交易系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].中外企業(yè)家，2019（36）：69.

[3] 王佳穎，黃章紅，馬萬鈞，等.基于百度AI人臉識(shí)別的考勤系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].電腦編程技巧與維護(hù)，2021（4）：118-119.

[4] 顧德喜，李貴霖，時(shí)祥凱，等.基于百度AI開放平臺(tái)的人臉識(shí)別門禁系統(tǒng)[J].單片機(jī)與嵌入式系統(tǒng)應(yīng)用，2019，19（6）：33-36.

[5] 曾麗娟，邱毅，段濤，等.基于B/S架構(gòu)醫(yī)院志愿者管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].醫(yī)學(xué)信息，2021，34（7）：27-30，34.

[6] 張景峰，胡曉紅，陳海燕，等.基于UML的用例圖模型創(chuàng)建[J].電腦知識(shí)與技術(shù)，2019，15（32）：104-105.

[7] 侯秀美 . 基于 UML 的電子商務(wù)系統(tǒng)建模及應(yīng)用研究[D]. 南昌：南昌大學(xué)，2012.

【通聯(lián)編輯：謝媛媛】