基于B/S架構的二手交易平臺設計與實現

陳聰飛，郝東來

（西京學院，陜西西安，710123）

0 引言

近些年，隨著移動互聯網的迅速發展，“互聯網+”與商業貿易的結合即電子商務也得到了極大的發展[1]。越來越多的人傾向于網絡購物?；ヂ摼W技術的快速發展以至于電子產品更新速度越來越快，大學生對高端電子產品的需求欲望強烈，但是高檔電子產品的價格昂貴，由于大學生的經濟能力有限，他們無法購買新的電子產品。所以，他們有二手電子產品的需求，這些大學生從哪里購買二手電子產品成為了一個問題。隨著通信手段的便捷化，學校、論壇、貼吧等均成為大學生交易閑置商品的平臺，但這種售賣方法覆蓋范圍有限，難以實現交易的順利進行[2]。這種方式已經不能滿足大學生的需求。所以有必要開發一款校園電子產品二手交易平臺。

1 平臺的功能設計

■1.1 系統體系結構

校園電子產品二手交易平臺采用B/S架構、 SSM 框架開發，是標準的 MVC 模式[3]。將整個系統劃分為四層，分別是View 層，Controller層，Service 層，DAO層。其中，Spring MVC 負責請求的轉發和視圖管理，Spring 實現業務對象管理，Mybatis作為數據對象的持久化引擎。

本系統后臺是由Java語言編寫，Java是一種面向對象編程語言。前端頁面的設計用到了Cascading Style Sheets(CSS) 層疊樣式表和JavaScript（JS）。

■1.2 功能模塊設計

本系統分為前臺和后臺。前臺使用對象主要是注冊本系統的用戶，其次是未注冊本系統的游客，游客只能瀏覽商品。

圖1 系統前臺功能模塊圖

（1）前臺的主要功能有用戶注冊、用戶登錄、搜索商品、錢包充值、發布商品、關注商品、發表評論、查看閑置、購買商品、訂單管理、個人設置等。前臺功能模塊如圖1 所示。

(a)用戶注冊：游客可以注冊本系統的用戶，享受更多的用戶功能。

(b)用戶登錄：登錄系統，購買商品。

(c)查看閑置：查看自己發布的閑置物品，便于調整物品。

(d)發表評論：通過發表評論，讓其他用戶更清楚的了解商品信息。

(e)搜索商品：根據自己的需要，搜索商品。

(f)商品發布：發布閑置的商品，實現商品的剩余價值。

(g)購買商品：選擇需要的商品，進行線上交易。

(h)關注商品：實時關注商品動態。

(i)錢包充值：充值錢包，便于購買商品。

(j)訂單管理：對于買進或賣出的訂單進行相應的操作。

(k)個人設置：設置用戶名和用戶密碼。

（2）后臺使用對象是本系統的開發人員。后臺的主要作用是管理前臺，系統后臺的功能：用戶管理、商品管理、訂單管理、錢包管理和系統設置。系統后臺功能如圖2 所示。

圖2 系統后臺功能模塊圖

(a)用戶管理：管理注冊本系統的用戶。

(b)商品管理：管理用戶發布的各類商品。

(c)訂單管理：管理交易的訂單。

(d)錢包管理：管理充值狀態。

(e)系統設置：更改管理員的密碼和用戶名。

■1.3 數據庫設計

（1）數據庫概念結構設計

數據庫概念結構設計能夠清晰、準確的反映真實的事物，包括事物與事物之間的關系。概念結構設計使得用戶容易理解系統的整個流程，從而能夠快速的使用系統。概念結構設計包含一種 E-R 模型，E-R 模型是用 E-R 圖來描述現實世界的概念模型，E-R 圖的設計好壞，能夠直觀的體現出開發人員對本系統的了解深度和廣度。本系統的 E-R 圖如圖3所示。

圖3 系統全局 E—R 圖

（2）數據庫邏輯結構設計

數據庫的邏輯結構設計就是把概念結構設計階段設計好的基本實體-關系圖轉換為與選用的數據庫管理系統產品所支持的數據模型相符合的邏輯結構。本系統的數據庫包括：用戶表(user)、管理員表(admin)、商品表(goods)、關注表(focus)、訂單表(orders)、分類表(catalog) 、評論表(comments)、消息表 (notice)、錢包表(purse)。下面重點介紹商品表（goods）、用戶表（user）和管理員表（admin），表數據結構如下：

(a)商品表(goods)，用來存儲商品信息，如表1 所示。

(b)用戶表(user)，用來存儲用戶信息，如表2所示。

(c)管 理 員 表 (admin)，用來存儲管理員信息，如表3所示。

表1 商品表(goods)

表2 用戶表(user)

表3 管理員表

2 平臺的實現

平臺的實現分為管理員和用戶模式，系統的流程圖如圖4所示。

圖4 系統流程圖

本系統在Windows10系統的任何一個瀏覽器都可以實現。系統后臺是由Java語言編寫采用Model View Controller三層結構（簡稱MVC），前端頁面由Html、CSS和JavaScript完成。服務器選用的是Tomcat 10.0.0-M7版本的服務器是一個免費的開放源代碼的Web 應用服務器，屬于輕量級應用服務器。因本系統數據繁雜，所以選用的是MySQL數據庫。整個系統的結構是B/S結構，之所以選用B/S結構是因為B/S結構比C/S結構成本低、維護方便、分布性強、開發方便。系統運行需要瀏覽器向服務器發送請求，服務器處理瀏覽器的請求，然后將處理結果返回給瀏覽器，最后瀏覽器將系統的內容呈現給用戶。顯示本系統界面的完整過程如圖5所示。

圖5 瀏覽器與服務器交互圖

3 結語

校園電子產品二手交易市場存在巨大的缺口，線上的校園電子產品二手交易平臺很好的解決了這一實際問題。目前發展完善的校園電子產品二手交易平臺很少。本文設計并實現了基于校園電子產品的二手交易平臺，該系統采用了Eclipse 編程軟件、Tomcat 服務器、MySQL 數據庫、火狐瀏覽器，交易平臺包括游客、用戶、管理員三個群體。其中游客所能用到的功能較少，游客能夠訪問本系統，搜索商品、查看公告、注冊用戶。用戶可以查看用戶信息、修改個人信息、搜索商品、加入購物車、提交訂單、查看公告等。管理員可以發布商品信息、修改商品信息、下架商品、發布公告、查看所有用戶的基本信息等。系統結構清晰，功能較強，運行穩定，已在線運行，達到了預期的設計目標。