基于Web的B2C校園閑置物品交易系統設計與實現

王澤軒 肖香成 程文志

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

關鍵詞：Java Web；MVC模式；閑置交易系統

中圖分類號：TP311.1文獻標志碼：A

0 引言

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

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

1 系統設計

1.1 系統架構設計

本系統采用前、后端分離架構，實現前、后端項目互不干擾。前端處理頁面邏輯，通過調用接口連接后端；后端接收并處理數據，處理相應事件并向前端反饋處理結果，詳細信息如下所述。

1.1.1 前端架構：MVC+SPA。

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

1.1.2 后端架構：MVC。

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

1.2 系統需求分析

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

1.2.1 用戶功能需求

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

1.2.2 管理員功能需求

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

1.3 數據庫設計

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

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

1.4 可行性分析

本文通過技術和實用性2個方面來分析系統設計的可行性，判斷這個系統是否滿足當前的需求，現有的技術能否實現這個系統，系統的實用性如何。

1.4.1 技術可行性。

基于MVC設計模式，系統交互流程簡單明了，所設計的各個模塊均可復用。數據庫使用MongoDB，采用一種以空間換取時間的方式，結合Node.js的高并發特性，能夠實現高速的數據響應。

1.4.2 實用性分析。

本文采用B/S架構，該架構無需下載系統客戶端，充分展現了此系統的便捷性與實用性。系統采用具有安全性的SSL加密傳輸協議，保證了信息傳輸的安全性。

2 系統功能實現

2.1 用戶功能模塊的實現

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

2.2 管理功能模塊實現

管理系統部分設計為8個主要模塊來實現管理系統的功能，相關信息如下所述。

2.2.1 管理員登錄注冊模塊

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

2.2.2 首頁推送模塊

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

2.2.3 物品管理模塊

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

2.2.4 交易管理模塊

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

2.2.5 數據統計模塊

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

2.2.6 個人中心模塊

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

2.2.7 權限管理模塊

當注冊管理系統時，管理員的權限為0，進入主頁但不能查看信息，應申請權限；當管理員權限為1時，可以查看系統的信息；當管理員權限為2時，可以查看并更改系統的部分信息，可以處理權限申請，最高提權到1；當管理員權限為3時，此時的管理員為最高權限管理員，可以查看并更改系統所有的信息。

2.2.8 賬號管理模塊

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

3 結語

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

參考文獻

[1]張文博.個性化購物推薦系統的研究與實現[D].濟南：山東大學，2023.

[2]龍芳，吳勇靈.微信小程序購物系統的設計與實現[J].現代信息科技，2023（23）：25-30.

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

[4]周姣.基于微服務架構的高校二手物品交易系統設計與實現[J].電腦知識與技術，2023（22）：67-70.

[5]陸獻恒，黃琳.基于Javaweb的學校二手交易市場系統設計[J].信息系統工程，2021（2）：94-95.

[6]劉耀陽，王濤，韓海晶，等.校園二手交易系統設計[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