基于Web的B2C校園閑置物品交易系統(tǒng)設(shè)計與實現(xiàn)

王澤軒 肖香成 程文志

摘要：傳統(tǒng)的閑置物品交易一般都是用戶面對面交易，這種交易方式效率較為低下，在耗費大量人力和物力資源的同時，用戶也很難交易到滿意的物品。文章針對傳統(tǒng)交易的不足，設(shè)計了一個獨立的閑置物品管理網(wǎng)站，方便用戶進(jìn)行商品的查看、交易和管理，滿足用戶閑置物品交易的需求。該系統(tǒng)采取MVC模式進(jìn)行架構(gòu)搭建，讓前端和后端架構(gòu)分離，方便系統(tǒng)后期的維護(hù)和管理。在開發(fā)過程中，前端主要使用JavaScript作為核心開發(fā)語言，后臺利用Node.js進(jìn)行數(shù)據(jù)處理，使用MongoDB作為數(shù)據(jù)庫存儲系統(tǒng)，最終實現(xiàn)了基于Web的B2C校園閑置物品交易系統(tǒng)。通過對系統(tǒng)各個模塊進(jìn)行功能性測試，各模塊均能正常工作，達(dá)到系統(tǒng)安全穩(wěn)定運行的預(yù)期目標(biāo)。

關(guān)鍵詞：Java Web；MVC模式；閑置交易系統(tǒng)

中圖分類號：TP311.1文獻(xiàn)標(biāo)志碼：A

0 引言

由于電子商務(wù)的快速發(fā)展，在線購物成了目前的大趨勢。一方面，隨著移動互聯(lián)網(wǎng)和物流運輸行業(yè)的快速發(fā)展，促使用戶網(wǎng)上購物越來越方便^[1-2]。另一方面，隨著用戶購買數(shù)量的增多，用戶閑置的商品也隨之增加，閑置物品的交易需求也隨之增加^[3-4]。

國內(nèi)的校園舊物交易模式依舊是傳統(tǒng)的模式，主要體現(xiàn)在每年六月畢業(yè)生離校時的校內(nèi)跳蚤市場。跳蚤市場一般只維持半個月的時間，它存在時間非常短，因此無法滿足大部分學(xué)生的交易需求。相比而言，許多公司或組織正嘗試將業(yè)務(wù)轉(zhuǎn)移到移動二手交易領(lǐng)域。國內(nèi)對于二手交易平臺的研究起步較晚，多數(shù)人熟悉的“閑魚”也屬于移動端的二手交易平臺，但它面向于社會階層，不便于在校園內(nèi)開展精準(zhǔn)服務(wù)^[5-6]。同時，由于很多學(xué)校針對校外人員的準(zhǔn)入采取了限制措施，對外第三方交易平臺很容易引起不必要的麻煩。因此，本文設(shè)計并實現(xiàn)了基于Web的B2C校園閑置物品交易系統(tǒng)，致力于校園閑置物品的交易、交換與贈送，為校園用戶提供便利。

1 系統(tǒng)設(shè)計

1.1 系統(tǒng)架構(gòu)設(shè)計

本系統(tǒng)采用前、后端分離架構(gòu)，實現(xiàn)前、后端項目互不干擾。前端處理頁面邏輯，通過調(diào)用接口連接后端；后端接收并處理數(shù)據(jù)，處理相應(yīng)事件并向前端反饋處理結(jié)果，詳細(xì)信息如下所述。

1.1.1 前端架構(gòu)：MVC+SPA。

Model層使用Ajax技術(shù)調(diào)用接口并向Controller層提供數(shù)據(jù)，利用大量的promise、async、await來進(jìn)行JavaScript異步編程。Views層提供html模板片段，利用template模板引擎進(jìn)行數(shù)據(jù)的渲染。Controller層實現(xiàn)頁面獨立邏輯和處理相關(guān)驗證。其次，該部分設(shè)計還使用了sme-router實現(xiàn)前端路由切換，主要是通過頁面的地址實現(xiàn)Controller層中的相應(yīng)邏輯，使用Views層渲染相應(yīng)的頁面。

1.1.2 后端架構(gòu)：MVC。

Model層提供數(shù)據(jù)和操作數(shù)據(jù)庫的方法。Views層響應(yīng)前端的內(nèi)容結(jié)構(gòu)，封裝了各種響應(yīng)模板。Controller層實現(xiàn)具體的業(yè)務(wù)邏輯，接收請求，響應(yīng)內(nèi)容。Express框架能夠根據(jù)項目應(yīng)用程序編程接口（Application Programming Interface，API）需求進(jìn)行路由的劃分，使用大量公用中間件來進(jìn)行響應(yīng)頭處理，如圖片處理fileupdate。該部分設(shè)計分離了公共配置，提高了代碼的可維護(hù)性，在用戶功能模塊中，其注冊系統(tǒng)利用crypt模塊進(jìn)行密碼的加密，其訪問系統(tǒng)使用了JWT方案以實現(xiàn)Token的身份驗證。

1.2 系統(tǒng)需求分析

隨著系統(tǒng)的用戶基數(shù)增長和系統(tǒng)功能的增加，需要將系統(tǒng)的一些功能拆分成單獨的子系統(tǒng)去完成業(yè)務(wù)需求，如用戶專注在商城系統(tǒng)進(jìn)行交易，管理員在管理系統(tǒng)中對信息和數(shù)據(jù)進(jìn)行操作，后臺系統(tǒng)專注處理信息并返回數(shù)據(jù)。

1.2.1 用戶功能需求

用戶無需注冊登錄即可訪問商城系統(tǒng)主頁及其他頁面，以查看物品詳情。當(dāng)用戶對物品進(jìn)行留言評論、查看/更改收藏夾以及購買物品和出售物品時，其需要注冊和登錄操作。

1.2.2 管理員功能需求

新管理員在進(jìn)入管理系統(tǒng)時需要注冊并獲取權(quán)限才可以登錄管理系統(tǒng)。管理員能夠管理商城首頁推送、消息推送、物品信息、交易信息、權(quán)限信息、用戶信息并查看數(shù)據(jù)分析。

1.3 數(shù)據(jù)庫設(shè)計

MongoDB數(shù)據(jù)庫支持的數(shù)據(jù)類型非常多，包括對象與數(shù)組等復(fù)雜的數(shù)據(jù)類型。MongoDB可以將模式設(shè)計劃分為內(nèi)嵌模式（Embedded）和引用模式（References）。內(nèi)嵌模式就是將關(guān)聯(lián)數(shù)據(jù)放在一個文檔中，引用模式是將數(shù)據(jù)存儲在不同集合的文檔中，通過關(guān)系數(shù)據(jù)進(jìn)行關(guān)聯(lián)。

概念結(jié)構(gòu)設(shè)計是指將需求分析階段所獲取的用戶需求抽象轉(zhuǎn)化為信息結(jié)構(gòu)的過程，這一結(jié)構(gòu)即為概念模型。此環(huán)節(jié)在整個數(shù)據(jù)庫設(shè)計中占據(jù)核心地位，是確保數(shù)據(jù)庫設(shè)計貼合實際業(yè)務(wù)需求的關(guān)鍵步驟。在表述概念模型的過程中大多使用E-R模型，E-R模型的主要概念包括實體、屬性、實體之間的聯(lián)系等，如圖1所示。

1.4 可行性分析

本文通過技術(shù)和實用性2個方面來分析系統(tǒng)設(shè)計的可行性，判斷這個系統(tǒng)是否滿足當(dāng)前的需求，現(xiàn)有的技術(shù)能否實現(xiàn)這個系統(tǒng)，系統(tǒng)的實用性如何。

1.4.1 技術(shù)可行性。

基于MVC設(shè)計模式，系統(tǒng)交互流程簡單明了，所設(shè)計的各個模塊均可復(fù)用。數(shù)據(jù)庫使用MongoDB，采用一種以空間換取時間的方式，結(jié)合Node.js的高并發(fā)特性，能夠?qū)崿F(xiàn)高速的數(shù)據(jù)響應(yīng)。

1.4.2 實用性分析。

本文采用B/S架構(gòu)，該架構(gòu)無需下載系統(tǒng)客戶端，充分展現(xiàn)了此系統(tǒng)的便捷性與實用性。系統(tǒng)采用具有安全性的SSL加密傳輸協(xié)議，保證了信息傳輸?shù)陌踩浴?/p>

2 系統(tǒng)功能實現(xiàn)

2.1 用戶功能模塊的實現(xiàn)

本系統(tǒng)設(shè)計了6個主要模塊來實現(xiàn)商城系統(tǒng)的功能，用戶功能模塊涵蓋了多個子模塊，包括：用戶注冊模塊，負(fù)責(zé)用戶賬號的創(chuàng)建與信息錄入；用戶登錄模塊，實現(xiàn)用戶的身份驗證與登錄管理；物品展示模塊，展示各類物品信息以供用戶瀏覽；物品詳情模塊，提供特定物品的詳細(xì)信息和相關(guān)描述；物品銷售模塊，處理物品的購買與銷售流程；個人信息模塊，允許用戶查看和編輯自己的個人信息。這些模塊共同構(gòu)成了完整的用戶功能體系，為用戶提供了便捷、高效的服務(wù)體驗。

2.2 管理功能模塊實現(xiàn)

管理系統(tǒng)部分設(shè)計為8個主要模塊來實現(xiàn)管理系統(tǒng)的功能，相關(guān)信息如下所述。

2.2.1 管理員登錄注冊模塊

管理員登錄注冊模塊與用戶登錄模塊流程相似，不同點是注冊時會向后臺系統(tǒng)傳送不同的注冊屬性，登錄時也是從不同數(shù)據(jù)表里查詢數(shù)據(jù)。出于安全性的考慮，管理系統(tǒng)在沒有登錄的情況下不能進(jìn)入首頁，在登錄之后，沒有管理員權(quán)限的系統(tǒng)將會跳轉(zhuǎn)到權(quán)限申請頁面，有管理員權(quán)限的系統(tǒng)才會跳轉(zhuǎn)到首頁。

2.2.2 首頁推送模塊

首頁模塊主要管理商城系統(tǒng)輪播圖展示的內(nèi)容和消息推送，編輯相應(yīng)的信息，點擊“保存”按鈕即可。

2.2.3 物品管理模塊

管理員進(jìn)入物品管理模塊，查看物品的信息是否異常，對非法的物品進(jìn)行下架管理并通知用戶。

2.2.4 交易管理模塊

管理員進(jìn)入交易管理模塊后查看交易的狀態(tài)是否異常，若存在非法的交易，則取消交易并通知交易雙方。

2.2.5 數(shù)據(jù)統(tǒng)計模塊

進(jìn)入數(shù)據(jù)統(tǒng)計模塊后，管理員能夠查看商城所有的統(tǒng)計信息并且將信息可視化顯示，如果想保存統(tǒng)計信息，可以將相應(yīng)表格的數(shù)據(jù)下載為圖片格式保存。

2.2.6 個人中心模塊

管理員可以查看并更改個人信息，在管理員登錄之后，點擊頁面中的頭像即可進(jìn)入個人中心，查看個人信息，更改個人信息，提交并保存。

2.2.7 權(quán)限管理模塊

當(dāng)注冊管理系統(tǒng)時，管理員的權(quán)限為0，進(jìn)入主頁但不能查看信息，應(yīng)申請權(quán)限；當(dāng)管理員權(quán)限為1時，可以查看系統(tǒng)的信息；當(dāng)管理員權(quán)限為2時，可以查看并更改系統(tǒng)的部分信息，可以處理權(quán)限申請，最高提權(quán)到1；當(dāng)管理員權(quán)限為3時，此時的管理員為最高權(quán)限管理員，可以查看并更改系統(tǒng)所有的信息。

2.2.8 賬號管理模塊

賬號管理模塊分為3個部分，分別對權(quán)限申請、管理員賬號、用戶賬號進(jìn)行管理。具體的賬號管理模塊功能如下：查看注冊信息，將過期的權(quán)限申請進(jìn)行刪除操作；查看管理員賬號信息，權(quán)限高的管理員可以管理權(quán)限低的管理員的部分信息；查看用戶賬號信息，對含有非法信息的賬號進(jìn)行封禁并通過發(fā)送郵件通知用戶。

3 結(jié)語

校園交易的用戶群體以學(xué)生為主，而且均采取面對面的交易模式，交易物品大多和校園有關(guān)，因此與傳統(tǒng)的閑置物品交易App有本質(zhì)區(qū)別。為了更好地適應(yīng)校園二手交易，針對校園特定的群體應(yīng)用需求，本系統(tǒng)根據(jù)系統(tǒng)架構(gòu)，設(shè)置了用戶基礎(chǔ)模塊和管理模塊，方便用戶的管理。同時，本系統(tǒng)采取的MVC模式進(jìn)行架構(gòu)搭建，讓前端和后端架構(gòu)分離，方便系統(tǒng)后期的維護(hù)和管理。在開發(fā)過程中，前端主要使用JavaScript作為核心開發(fā)語言，后臺利用Node.js進(jìn)行數(shù)據(jù)處理，使用MongoDB作為數(shù)據(jù)庫存儲系統(tǒng)，最終實現(xiàn)了基于Web的優(yōu)選商城管理系統(tǒng)。為了保障系統(tǒng)的正常運行，提高系統(tǒng)的處理效率，本系統(tǒng)實現(xiàn)了網(wǎng)站數(shù)據(jù)統(tǒng)計和數(shù)據(jù)分析的功能，根據(jù)相關(guān)的數(shù)據(jù)分析，可以更好地整合服務(wù)器資源，達(dá)到負(fù)載均衡的目的。

參考文獻(xiàn)

[1]張文博.個性化購物推薦系統(tǒng)的研究與實現(xiàn)[D].濟(jì)南：山東大學(xué)，2023.

[2]龍芳，吳勇靈.微信小程序購物系統(tǒng)的設(shè)計與實現(xiàn)[J].現(xiàn)代信息科技，2023（23）：25-30.

[3]余久久，張繼山，吳寧，等.基于Openstack云平臺的校園二手物品交易系統(tǒng)的敏捷設(shè)計[J].通化師范學(xué)院學(xué)報，2024（2）：76-81.

[4]周姣.基于微服務(wù)架構(gòu)的高校二手物品交易系統(tǒng)設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2023（22）：67-70.

[5]陸獻(xiàn)恒，黃琳.基于Javaweb的學(xué)校二手交易市場系統(tǒng)設(shè)計[J].信息系統(tǒng)工程，2021（2）：94-95.

[6]劉耀陽，王濤，韓海晶，等.校園二手交易系統(tǒng)設(shè)計[J].電子世界，2020（5）：134-136.

（編輯 王永超編輯）

Design and implementation of Web-based B2C campus second hand item trading system

Wang? Zexuan， Xiao? Xiangcheng， Cheng? Wenzhi

（Hunan University of Science and Engineering， Yongzhou 425199， China）

Abstract： Traditional transactions for second hand items typically involve face-to-face interactions between users. This method is relatively inefficient， consuming significant manpower and material resources. Additionally， users often find it challenging to trade for satisfactory items. To address the shortcomings of traditional transactions， this article proposes the design of an independent second-hand idle item management website. The website aims to facilitate users in viewing， trading， and managing goods， thereby meeting their needs for idle item transactions. The system is built using the MVC model， which separates the front-end and back-end architecture to facilitate the systems maintenance and management in the future. During the development process， JavaScript is primarily used as the core development language for the front-end， while Node.js is used for data processing in the back-end. MongoDB is chosen as the database storage system. Ultimately， a Web-based B2C idle item trading system is successfully implemented. By functional testing of each module of the system， it is demonstrated that they can operate normally， achieving the expected goal of the system under safe and stable operation.

Key words： Java Web; MVC design pattern; second hand item trading system