摘 要：高校畢業(yè)生離校時(shí)，大量新舊圖書的遺棄，造成圖書資源的流失，本文從高校學(xué)生對(duì)圖書實(shí)際需求出發(fā)，采用前后端分離模式以及B/S結(jié)構(gòu)，實(shí)現(xiàn)高校二手圖書拍賣平臺(tái)的流程。該系統(tǒng)主要實(shí)現(xiàn)了圖書發(fā)布和拍賣、訂單管理、線下交易、平臺(tái)管理等功能，使用戶在二手圖書交易方面更加便捷和安全。

關(guān)鍵詞：二手圖書;網(wǎng)上拍賣;B/S模式

0引言

如今已進(jìn)入互聯(lián)網(wǎng)時(shí)代，網(wǎng)購(gòu)模式已經(jīng)得到普及，已成為高校學(xué)生熱衷的購(gòu)物方式，而網(wǎng)絡(luò)拍賣也隨著電子商務(wù)飛躍式發(fā)展而成為一種日漸流行的電子交易方式。如果將高校二手圖書以網(wǎng)絡(luò)拍賣的形式進(jìn)行，既可以使賣主減少經(jīng)濟(jì)損失，也可以為買主省去購(gòu)買新書的大部分支出，還可以省去大量的人力和時(shí)間，也使得昂貴的圖書得到了循環(huán)利用。在高校建立網(wǎng)絡(luò)拍賣平臺(tái)，不僅打破傳統(tǒng)拍賣在時(shí)間和地域上的限制，還可以使大學(xué)生在不同消費(fèi)體驗(yàn)中獲得樂(lè)趣。

1 設(shè)計(jì)方案

本系統(tǒng)設(shè)計(jì)分為2大模塊，用戶模塊和管理員模塊。

用戶進(jìn)入系統(tǒng)，可以去按分類瀏覽圖書及查看圖書詳情;通過(guò)搜索書名或作者來(lái)查找圖書;對(duì)于不是自己發(fā)布的圖書可以進(jìn)行報(bào)名和競(jìng)價(jià);圖書詳情處可以查看出價(jià)記錄和賣家的基本信息;可以對(duì)交易對(duì)象用戶進(jìn)行評(píng)價(jià)和查看交易對(duì)象用戶對(duì)自己的評(píng)價(jià);用戶作為賣家時(shí)可以創(chuàng)建圖書，也可以查看自己正在上架的圖書，也可以對(duì)作為賣家的訂單進(jìn)行查看和管理;用戶作為買家時(shí)可以查看自己正在參加拍賣的圖書，也可以對(duì)作為買家的訂單進(jìn)行查看和管理。

管理員需要管理拍品的分類、審核賣家上傳的拍品信息、發(fā)布用戶對(duì)平臺(tái)內(nèi)沒(méi)有的圖書的需求信息，處理投訴，處罰違約行為等功能。

2系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

此系統(tǒng)前端技術(shù)主要為html+js+css，采用vuejs框架，實(shí)現(xiàn)一個(gè)單頁(yè)web應(yīng)用。后端技術(shù)主要為java+mysql，采用ssm框架，為前端應(yīng)用提供數(shù)據(jù)接口和數(shù)據(jù)庫(kù)的訪問(wèn)。主要實(shí)現(xiàn)描述如下：

2.1系統(tǒng)界面

在首頁(yè)中將實(shí)現(xiàn)圖書類別的呈現(xiàn)、網(wǎng)站訪問(wèn)動(dòng)態(tài)展示、圖書搜索功能、用戶個(gè)人中心入口、注冊(cè)登錄入口、賣家發(fā)布圖書入口、圖書拍賣信息呈現(xiàn)、網(wǎng)站介紹欄目等功能。其中圖書拍賣信息包含最新上架的圖書和競(jìng)拍熱度最高的圖書拍賣信息。

首頁(yè)專門設(shè)置了廣告輪播框，以供賣家為拍品做廣告。賣家可以向管理員提出申請(qǐng)，得到管理員的許可，便可以使自己的拍品圖片顯示在網(wǎng)站最醒目的地方。此處采用了目前網(wǎng)站設(shè)計(jì)中流行的JQuery 圖片輪播效果插件，不僅為拍品做了宣傳，也達(dá)到了美化網(wǎng)站首頁(yè)的目的。

2.2分類和搜索

用戶通過(guò)點(diǎn)擊分類中的二級(jí)分類來(lái)跳轉(zhuǎn)到相應(yīng)分類圖書頁(yè)面。也可以通過(guò)關(guān)鍵字搜索跳轉(zhuǎn)到相應(yīng)關(guān)鍵字頁(yè)面。這兩個(gè)頁(yè)面跳到的路由分別為“book_category/1002”和“book_category/search？search=明朝”。它們所用的都是同一個(gè)vue頁(yè)面組件Category.vue。只不過(guò)在Category.vue中對(duì)不同路由結(jié)果的處理有差別。固定分類路由中會(huì)保存一個(gè)分類ID，搜索圖書路由會(huì)保存一個(gè)搜索字符串，該頁(yè)面可以取得路由中存放的參數(shù)，將參數(shù)放到data函數(shù)相應(yīng)的數(shù)據(jù)中。根據(jù)data函數(shù)中的數(shù)據(jù)請(qǐng)求的結(jié)果也就不一樣，雖然后臺(tái)接口是一樣的，如下圖所示。

2.3創(chuàng)建拍品頁(yè)

圖書創(chuàng)建的數(shù)據(jù)完整性和準(zhǔn)確性校驗(yàn)放置在了前端進(jìn)行，后端只需要向數(shù)據(jù)庫(kù)添加信息。添加部分會(huì)調(diào)用作者封裝的imgHelper中uploadImg方法將圖片上傳至云服務(wù)器。該部分上傳的時(shí)候由于上傳圖片會(huì)造成一定的響應(yīng)延遲，所以在前端點(diǎn)擊創(chuàng)建圖書后，會(huì)進(jìn)入一個(gè)上傳狀態(tài)，這個(gè)狀態(tài)下用戶無(wú)法對(duì)該創(chuàng)建頁(yè)面進(jìn)行操作。其中類別是可以選擇的，競(jìng)拍時(shí)間也是可以選擇的，圖片可以最多存入5張。創(chuàng)建拍品的主要Java代碼如下：

Long startTime = System.currentTimeMillis（）;

String bid = startTime + "" + sellerId;

List sourceImgs = （List） mp.get（"imgs"）;

List imgUrls = new ArrayList<>（）;

ImgUtil imgHelper = new ImgUtil（）;

for （String img ： sourceImgs） {

imgUrls.add（imgHelper.uploadImg（bid， imgHelper.base64ToBytes（img）））;}

sonUtils ju = new JsonUtils（）;

book.setAuctionDuration（0）;

book.setAuthor（mp.get（"author"）.toString（））;

book.setCaId（Integer.parseInt（mp.get（"category"）.toString（）））;

book.setCanBid（0）;

book.setDesc（mp.get（"description"）.toString（））;

book.setEndTime（Long.parseLong（mp.get（"endTime"）.toString（）））;

book.setId（bid）;

book.setImg（ju.objectToJson（imgUrls））;

book.setName（mp.get（"name"）.toString（））;

book.setOwnerId（sellerId）;

book.setStartPrice（Double.parseDouble（mp.get（"startPrice"）.toString（）））;

book.setStartTime（startTime）;

book.setStatus（6）;

book.setDeposit（deposit）;

book.setIncreaseRange（Double.parseDouble（mp.get（"increaseRange"）.toString（）））;

int isSuccess = bookDao.addBook（book）;

3結(jié)束語(yǔ)

在這個(gè)二手圖書網(wǎng)絡(luò)拍賣平臺(tái)上，拍賣只是一種吸引學(xué)生注意的手段，學(xué)生們的二手圖書得到再利用才是終極目的。希望高校管理者能夠重視二手圖書資源浪費(fèi)的問(wèn)題，能夠以學(xué)校身份申請(qǐng)到即時(shí)到賬交易的資質(zhì)，然后可以進(jìn)行技術(shù)對(duì)接，將即時(shí)到賬功能集成到項(xiàng)目中，這樣就可以實(shí)現(xiàn)及時(shí)到賬操作，提高交易成交效率。

參考文獻(xiàn)：

[1]劉博文著.深入淺出Vue.js[M].北京：人民郵電出版社.2019.

[2]徐頔， 朱廣華， 賈瑤. 基于VueJs的WEB前端開(kāi)發(fā)研究[J]. 科技風(fēng)， 2017（14）：69-69.

[3]Andrew S.Tanenbaum著，潘愛(ài)民譯.計(jì)算機(jī)網(wǎng)絡(luò)[M].北京：清華大學(xué)出版社，2012.

作者簡(jiǎn)介：

劉歡，女，1978.11，四川富順，副教授，本科，攀枝花學(xué)院，計(jì)算機(jī)應(yīng)用， 617000