校園二手商品交易平臺設計與實現

李元博 王法勝

摘要：校園二手交易是實現閑置物品循環利用的有效方式。傳統的校園二手交易方式存在過程復雜、效率低等問題，該文采用Eclipse平臺和MySQL數據庫設計了基于B/S架構的校園二手商品交易系統。該系統界面美觀、操作簡便、功能完善，可對校園二手交易市場進行優化和管理。系統采用人臉識別技術實現系統登錄，提高了系統安全性能。該系統能夠滿足學生對二手商品交易流程優化的需求，實現了資源的循環利用。

關鍵詞：二手商品;人臉識別;交易平臺

中圖分類號：TP311? 文獻標識碼：A

文章編號：1009-3044（2021）29-0064-04

1背景

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

隨著信息化的程度越來越高，信息化技術不僅方便了我們的生活，也能夠為我們二手交易系統的實現提供一個良好的技術基礎，這對于提高我們閑置物品的價值有著重要的意義。本文針對高校內二手商品交易存在的問題，開發并實現了校園二手交易系統，確保了安全性和時效性。本系統功能實現比較完整，基本滿足了學生交易二手商品的需求，也減少了垃圾的產生，有著較好的實用價值和推廣價值。

校園二手交易系統旨在提供一個管理平臺，對大學校園內的閑置物品進行交易，學生可以通過系統來上架、求購二手商品，賣家可以出售閑置物品，管理員最終對商品信息進行相應的審核以及對系統的維護。

2關鍵技術

2.1人臉識別技術

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

2.2 B/S架構

本系統采用B/S架構[5]，使用Eclipse集成開發環境進行系統的開發與實現，Web服務器選用 Apache 開源的Tomcat。采用CSS、Ajax、HTML、jQuery等技術編寫前端JSP頁面;業務邏輯主要使用Java語言實現，數據庫管理系統則采用了 MySQL數據庫。

B/S架構有著無需安裝、交互性強等優點，本系統采用MVC架構，其基本流程為：客戶端發送HTTP請求至Web服務器，服務器中的Web服務層進行請求的處理，應用層調用相應業務邏輯代碼，最終反饋給客戶端。三者之間的關系如圖2所示。

3系統分析

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

4 系統設計

在完成登錄信息的填寫后，提交登錄請求，系統跳轉至系統主頁面，并展示所有的商品信息。學生可以按照自己的需求進行商品的檢索、商品詳細信息的瀏覽、對商品的留言及舉報、發布求購商品以及個人信息的修改。管理員登錄系統后，可以查看所有的商品并進行審核、查看并審核留言及舉報信息、添加商品的父類別及子類別、發布及修改公告以及頁面的維護功能。系統的模塊結構圖如圖4所示。

5系統核心業務功能實現

5.1學生模塊業務功能的設計與實現

學生用戶進入系統主界面，頁面頂端顯示用戶名，左側展示商品分類列表，依據不同的父類別和子類別進行劃分，可以根據劃分結果進行初步篩選。

1）發布出售商品、求購信息

學生進入主界面后，左側顯示“我要賣”“求購商品”兩個選項卡，點擊相應的選項卡會跳轉到發布商品（發布求購商品）頁面，頁面可以填寫包括商品名稱、商品圖片、價格、詳細描述等信息，學生的個人信息則根據登錄賬號自動設置。其邏輯實現時序圖如圖5所示。因為求購商品的邏輯實現與發布商品類似，在此不再進行贅述。

學生進入相應頁面后即可查看發布商品（求購商品）的相應要求，按照實際情況填寫即可。任務界面如圖6和圖7所示。

2）留言及舉報功能

學生在商品詳細信息頁面里可以對商品進行留言，對不合規的商品進行舉報。首先點擊舉報按鈕，顯示舉報信息填寫頁面，學生按照要求填寫舉報信息，信息通過Ajax傳送到后臺，并插入到數據庫對應的表中。留言功能邏輯實現時序圖如圖8 所示，因為留言功能和舉報功能類似，在此不再贅述。

學生進入商品詳細頁面時，可以通過下拉頁面找到對應的按鈕，進行留言的添加、回復以及對不合規的商品信息進行舉報。點擊發布留言即可進行留言的發布，點擊舉報會彈出一個對話框，輸入舉報信息即可完成舉報。在商品詳情頁可以看見學生添加的留言信息，賣家也可以進行相應的回復。留言和舉報界面如圖9和圖10所示。

3）商品查詢

學生通過點擊側邊欄的分類可以進行商品的分類查詢，不同的父類別下面包含各種子分類，通過這種方式可以顯示該分類下面的所有商品。學生也可以通過搜索欄進行精確的查找，通過對商品的名稱進行查找，使其顯示。其邏輯實現時序圖如圖 11所示，系統實現界面如圖12所示。

4）商品購買

當學生挑選好心儀的物品，可以在商品詳情頁進行購買。為了保證商品的真實性，本系統采取線下面對面交易的方式。當用戶點擊購買按鈕后，系統前往數據庫進行相應數據的查詢，先通過商品ID查詢到上傳者ID，再通過上傳者ID查詢賣家的聯系方式。其邏輯實現時序圖如圖13所示，相應界面如圖 14所示。

5.2管理員業務功能的設計與實現

1）添加父子類別

管理員進入后臺管理界面后，可以通過點擊側邊欄進行不

同信息的管理。點擊菜單管理選項卡，會在右方相應frame框架中進行顯示。可以在其中添加父類別、子類別，包括設置相應的圖標。添加父子類功能邏輯實現時序圖如圖15所示。

管理員在瀏覽父子類界面時，可以對父子類別進行添加、刪除、修改操作。點擊“新建”按鈕后，系統會跳轉到相應界面，在其中輸入相應的信息和圖片后點擊“提交”按鈕，就會自動跳轉回到初始界面。上述功能的實現頁面如圖16所示。

2）管理后臺商品

管理員點擊商品管理選項卡，會在右方相應frame框架中進行顯示。可以在其中對商品的信息進行上架、下架、刪除等操作。商品管理功能邏輯實現時序圖如圖17所示。因為留言與舉報的管理與此操作類似，所以在此不再贅述。

管理員進入商品管理選項卡，可以看到現在上架的商品的詳細信息，可以進行相應的上架、下架操作，也可以點擊推薦，使商品在主界面優先展示。商品管理界面如圖18所示。

3）公告管理

管理員點擊公告管理選項卡，會在右方相應frame框架中進行顯示。管理員用戶可以在該界面上編輯公告內容，并獲得反饋結果。公告管理功能邏輯實現時序圖如圖19所示。

管理員進入公告管理選項卡后，可以查看已經發布的公告內容，同時也可以對公告內容進行相應的修改，界面如圖20所示。

6結束語

本文針對校園二手商品交易系統進行了詳細的設計，并通過B/S架構實現了系統的全部業務功能。該系統通過對校園內部二手商品信息的有效整合，解決了數據量繁多且雜亂的根本問題，并提高了用戶的使用感受。系統界面美觀、操作簡便、功能完善，具有較強的易用性。在下一步工作中，將繼續學習相關知識并開發移動版本，用以提高系統的便攜性與使用效率。

參考文獻：

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

[2] 徐連霞.基于SSM的校園二手商品交易系統設計與實現[J].中外企業家，2019（36）：69.

[3] 王佳穎，黃章紅，馬萬鈞，等.基于百度AI人臉識別的考勤系統設計與實現[J].電腦編程技巧與維護，2021（4）：118-119.

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

[5] 曾麗娟，邱毅，段濤，等.基于B/S架構醫院志愿者管理系統的設計與實現[J].醫學信息，2021，34（7）：27-30，34.

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

[7] 侯秀美 . 基于 UML 的電子商務系統建模及應用研究[D]. 南昌：南昌大學，2012.

【通聯編輯：謝媛媛】