基于B/S架構(gòu)的二手交易平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

陳聰飛，郝東來

（西京學(xué)院，陜西西安，710123）

0 引言

近些年，隨著移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展，“互聯(lián)網(wǎng)+”與商業(yè)貿(mào)易的結(jié)合即電子商務(wù)也得到了極大的發(fā)展[1]。越來越多的人傾向于網(wǎng)絡(luò)購物。互聯(lián)網(wǎng)技術(shù)的快速發(fā)展以至于電子產(chǎn)品更新速度越來越快，大學(xué)生對(duì)高端電子產(chǎn)品的需求欲望強(qiáng)烈，但是高檔電子產(chǎn)品的價(jià)格昂貴，由于大學(xué)生的經(jīng)濟(jì)能力有限，他們無法購買新的電子產(chǎn)品。所以，他們有二手電子產(chǎn)品的需求，這些大學(xué)生從哪里購買二手電子產(chǎn)品成為了一個(gè)問題。隨著通信手段的便捷化，學(xué)校、論壇、貼吧等均成為大學(xué)生交易閑置商品的平臺(tái)，但這種售賣方法覆蓋范圍有限，難以實(shí)現(xiàn)交易的順利進(jìn)行[2]。這種方式已經(jīng)不能滿足大學(xué)生的需求。所以有必要開發(fā)一款校園電子產(chǎn)品二手交易平臺(tái)。

1 平臺(tái)的功能設(shè)計(jì)

■1.1 系統(tǒng)體系結(jié)構(gòu)

校園電子產(chǎn)品二手交易平臺(tái)采用B/S架構(gòu)、 SSM 框架開發(fā)，是標(biāo)準(zhǔn)的 MVC 模式[3]。將整個(gè)系統(tǒng)劃分為四層，分別是View 層，Controller層，Service 層，DAO層。其中，Spring MVC 負(fù)責(zé)請(qǐng)求的轉(zhuǎn)發(fā)和視圖管理，Spring 實(shí)現(xiàn)業(yè)務(wù)對(duì)象管理，Mybatis作為數(shù)據(jù)對(duì)象的持久化引擎。

本系統(tǒng)后臺(tái)是由Java語言編寫，Java是一種面向?qū)ο缶幊陶Z言。前端頁面的設(shè)計(jì)用到了Cascading Style Sheets(CSS) 層疊樣式表和JavaScript（JS）。

■1.2 功能模塊設(shè)計(jì)

本系統(tǒng)分為前臺(tái)和后臺(tái)。前臺(tái)使用對(duì)象主要是注冊(cè)本系統(tǒng)的用戶，其次是未注冊(cè)本系統(tǒng)的游客，游客只能瀏覽商品。

圖1 系統(tǒng)前臺(tái)功能模塊圖

（1）前臺(tái)的主要功能有用戶注冊(cè)、用戶登錄、搜索商品、錢包充值、發(fā)布商品、關(guān)注商品、發(fā)表評(píng)論、查看閑置、購買商品、訂單管理、個(gè)人設(shè)置等。前臺(tái)功能模塊如圖1 所示。

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

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

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

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

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

(f)商品發(fā)布：發(fā)布閑置的商品，實(shí)現(xiàn)商品的剩余價(jià)值。

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

(h)關(guān)注商品：實(shí)時(shí)關(guān)注商品動(dòng)態(tài)。

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

(j)訂單管理：對(duì)于買進(jìn)或賣出的訂單進(jìn)行相應(yīng)的操作。

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

（2）后臺(tái)使用對(duì)象是本系統(tǒng)的開發(fā)人員。后臺(tái)的主要作用是管理前臺(tái)，系統(tǒng)后臺(tái)的功能：用戶管理、商品管理、訂單管理、錢包管理和系統(tǒng)設(shè)置。系統(tǒng)后臺(tái)功能如圖2 所示。

圖2 系統(tǒng)后臺(tái)功能模塊圖

(a)用戶管理：管理注冊(cè)本系統(tǒng)的用戶。

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

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

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

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

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

（1）數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)

數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)能夠清晰、準(zhǔn)確的反映真實(shí)的事物，包括事物與事物之間的關(guān)系。概念結(jié)構(gòu)設(shè)計(jì)使得用戶容易理解系統(tǒng)的整個(gè)流程，從而能夠快速的使用系統(tǒng)。概念結(jié)構(gòu)設(shè)計(jì)包含一種 E-R 模型，E-R 模型是用 E-R 圖來描述現(xiàn)實(shí)世界的概念模型，E-R 圖的設(shè)計(jì)好壞，能夠直觀的體現(xiàn)出開發(fā)人員對(duì)本系統(tǒng)的了解深度和廣度。本系統(tǒng)的 E-R 圖如圖3所示。

圖3 系統(tǒng)全局 E—R 圖

（2）數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)

數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計(jì)就是把概念結(jié)構(gòu)設(shè)計(jì)階段設(shè)計(jì)好的基本實(shí)體-關(guān)系圖轉(zhuǎn)換為與選用的數(shù)據(jù)庫管理系統(tǒng)產(chǎn)品所支持的數(shù)據(jù)模型相符合的邏輯結(jié)構(gòu)。本系統(tǒng)的數(shù)據(jù)庫包括：用戶表(user)、管理員表(admin)、商品表(goods)、關(guān)注表(focus)、訂單表(orders)、分類表(catalog) 、評(píng)論表(comments)、消息表 (notice)、錢包表(purse)。下面重點(diǎn)介紹商品表（goods）、用戶表（user）和管理員表（admin），表數(shù)據(jù)結(jié)構(gòu)如下：

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

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

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

表1 商品表(goods)

表2 用戶表(user)

表3 管理員表

2 平臺(tái)的實(shí)現(xiàn)

平臺(tái)的實(shí)現(xiàn)分為管理員和用戶模式，系統(tǒng)的流程圖如圖4所示。

圖4 系統(tǒng)流程圖

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

圖5 瀏覽器與服務(wù)器交互圖

3 結(jié)語

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