
摘 要:高校畢業(yè)生離校時,大量新舊圖書的遺棄,造成圖書資源的流失,本文從高校學生對圖書實際需求出發(fā),采用前后端分離模式以及B/S結(jié)構,實現(xiàn)高校二手圖書拍賣平臺的流程。該系統(tǒng)主要實現(xiàn)了圖書發(fā)布和拍賣、訂單管理、線下交易、平臺管理等功能,使用戶在二手圖書交易方面更加便捷和安全。
關鍵詞:二手圖書;網(wǎng)上拍賣;B/S模式
0引言
如今已進入互聯(lián)網(wǎng)時代,網(wǎng)購模式已經(jīng)得到普及,已成為高校學生熱衷的購物方式,而網(wǎng)絡拍賣也隨著電子商務飛躍式發(fā)展而成為一種日漸流行的電子交易方式。如果將高校二手圖書以網(wǎng)絡拍賣的形式進行,既可以使賣主減少經(jīng)濟損失,也可以為買主省去購買新書的大部分支出,還可以省去大量的人力和時間,也使得昂貴的圖書得到了循環(huán)利用。在高校建立網(wǎng)絡拍賣平臺,不僅打破傳統(tǒng)拍賣在時間和地域上的限制,還可以使大學生在不同消費體驗中獲得樂趣。
1 設計方案
本系統(tǒng)設計分為2大模塊,用戶模塊和管理員模塊。
用戶進入系統(tǒng),可以去按分類瀏覽圖書及查看圖書詳情;通過搜索書名或作者來查找圖書;對于不是自己發(fā)布的圖書可以進行報名和競價;圖書詳情處可以查看出價記錄和賣家的基本信息;可以對交易對象用戶進行評價和查看交易對象用戶對自己的評價;用戶作為賣家時可以創(chuàng)建圖書,也可以查看自己正在上架的圖書,也可以對作為賣家的訂單進行查看和管理;用戶作為買家時可以查看自己正在參加拍賣的圖書,也可以對作為買家的訂單進行查看和管理。
管理員需要管理拍品的分類、審核賣家上傳的拍品信息、發(fā)布用戶對平臺內(nèi)沒有的圖書的需求信息,處理投訴,處罰違約行為等功能。
2系統(tǒng)詳細設計與實現(xiàn)
此系統(tǒng)前端技術主要為html+js+css,采用vuejs框架,實現(xiàn)一個單頁web應用。后端技術主要為java+mysql,采用ssm框架,為前端應用提供數(shù)據(jù)接口和數(shù)據(jù)庫的訪問。主要實現(xiàn)描述如下:
2.1系統(tǒng)界面
在首頁中將實現(xiàn)圖書類別的呈現(xiàn)、網(wǎng)站訪問動態(tài)展示、圖書搜索功能、用戶個人中心入口、注冊登錄入口、賣家發(fā)布圖書入口、圖書拍賣信息呈現(xiàn)、網(wǎng)站介紹欄目等功能。其中圖書拍賣信息包含最新上架的圖書和競拍熱度最高的圖書拍賣信息。
首頁專門設置了廣告輪播框,以供賣家為拍品做廣告。賣家可以向管理員提出申請,得到管理員的許可,便可以使自己的拍品圖片顯示在網(wǎng)站最醒目的地方。此處采用了目前網(wǎng)站設計中流行的JQuery 圖片輪播效果插件,不僅為拍品做了宣傳,也達到了美化網(wǎng)站首頁的目的。
2.2分類和搜索
用戶通過點擊分類中的二級分類來跳轉(zhuǎn)到相應分類圖書頁面。也可以通過關鍵字搜索跳轉(zhuǎn)到相應關鍵字頁面。這兩個頁面跳到的路由分別為“book_category/1002”和“book_category/search?search=明朝”。它們所用的都是同一個vue頁面組件Category.vue。只不過在Category.vue中對不同路由結(jié)果的處理有差別。固定分類路由中會保存一個分類ID,搜索圖書路由會保存一個搜索字符串,該頁面可以取得路由中存放的參數(shù),將參數(shù)放到data函數(shù)相應的數(shù)據(jù)中。根據(jù)data函數(shù)中的數(shù)據(jù)請求的結(jié)果也就不一樣,雖然后臺接口是一樣的,如下圖所示。
2.3創(chuàng)建拍品頁
圖書創(chuàng)建的數(shù)據(jù)完整性和準確性校驗放置在了前端進行,后端只需要向數(shù)據(jù)庫添加信息。添加部分會調(diào)用作者封裝的imgHelper中uploadImg方法將圖片上傳至云服務器。該部分上傳的時候由于上傳圖片會造成一定的響應延遲,所以在前端點擊創(chuàng)建圖書后,會進入一個上傳狀態(tài),這個狀態(tài)下用戶無法對該創(chuàng)建頁面進行操作。其中類別是可以選擇的,競拍時間也是可以選擇的,圖片可以最多存入5張。創(chuàng)建拍品的主要Java代碼如下:
Long startTime = System.currentTimeMillis();
String bid = startTime + "" + sellerId;
List
List
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é)束語
在這個二手圖書網(wǎng)絡拍賣平臺上,拍賣只是一種吸引學生注意的手段,學生們的二手圖書得到再利用才是終極目的。希望高校管理者能夠重視二手圖書資源浪費的問題,能夠以學校身份申請到即時到賬交易的資質(zhì),然后可以進行技術對接,將即時到賬功能集成到項目中,這樣就可以實現(xiàn)及時到賬操作,提高交易成交效率。
參考文獻:
[1]劉博文著.深入淺出Vue.js[M].北京:人民郵電出版社.2019.
[2]徐頔, 朱廣華, 賈瑤. 基于VueJs的WEB前端開發(fā)研究[J]. 科技風, 2017(14):69-69.
[3]Andrew S.Tanenbaum著,潘愛民譯.計算機網(wǎng)絡[M].北京:清華大學出版社,2012.
作者簡介:
劉歡,女,1978.11,四川富順,副教授,本科,攀枝花學院,計算機應用, 617000