高校二手图书拍卖平台的设计

2019-10-21刘欢

科学与财富 2019年32期

关键词：S模式

摘要：高校毕业生离校时，大量新旧图书的遗弃，造成图书资源的流失，本文从高校学生对图书实际需求出发，采用前后端分离模式以及B/S结构，实现高校二手图书拍卖平台的流程。该系统主要实现了图书发布和拍卖、订单管理、线下交易、平台管理等功能，使用户在二手图书交易方面更加便捷和安全。

关键词：二手图书;网上拍卖;B/S模式

0引言

如今已进入互联网时代，网购模式已经得到普及，已成为高校学生热衷的购物方式，而网络拍卖也随着电子商务飞跃式发展而成为一种日渐流行的电子交易方式。如果将高校二手图书以网络拍卖的形式进行，既可以使卖主减少经济损失，也可以为买主省去购买新书的大部分支出，还可以省去大量的人力和时间，也使得昂贵的图书得到了循环利用。在高校建立网络拍卖平台，不仅打破传统拍卖在时间和地域上的限制，还可以使大学生在不同消费体验中获得乐趣。

1 设计方案

本系统设计分为2大模块，用户模块和管理员模块。

用户进入系统，可以去按分类浏览图书及查看图书详情;通过搜索书名或作者来查找图书;对于不是自己发布的图书可以进行报名和竞价;图书详情处可以查看出价记录和卖家的基本信息;可以对交易对象用户进行评价和查看交易对象用户对自己的评价;用户作为卖家时可以创建图书，也可以查看自己正在上架的图书，也可以对作为卖家的订单进行查看和管理;用户作为买家时可以查看自己正在参加拍卖的图书，也可以对作为买家的订单进行查看和管理。

管理员需要管理拍品的分类、审核卖家上传的拍品信息、发布用户对平台内没有的图书的需求信息，处理投诉，处罚违约行为等功能。

2系统详细设计与实现

此系统前端技术主要为html+js+css，采用vuejs框架，实现一个单页web应用。后端技术主要为java+mysql，采用ssm框架，为前端应用提供数据接口和数据库的访问。主要实现描述如下：

2.1系统界面

在首页中将实现图书类别的呈现、网站访问动态展示、图书搜索功能、用户个人中心入口、注册登录入口、卖家发布图书入口、图书拍卖信息呈现、网站介绍栏目等功能。其中图书拍卖信息包含最新上架的图书和竞拍热度最高的图书拍卖信息。

首页专门设置了广告轮播框，以供卖家为拍品做广告。卖家可以向管理员提出申请，得到管理员的许可，便可以使自己的拍品图片显示在网站最醒目的地方。此处采用了目前网站设计中流行的JQuery 图片轮播效果插件，不仅为拍品做了宣传，也达到了美化网站首页的目的。

2.2分类和搜索

用户通过点击分类中的二级分类来跳转到相应分类图书页面。也可以通过关键字搜索跳转到相应关键字页面。这两个页面跳到的路由分别为“book_category/1002”和“book_category/search？search=明朝”。它们所用的都是同一个vue页面组件Category.vue。只不过在Category.vue中对不同路由结果的处理有差别。固定分类路由中会保存一个分类ID，搜索图书路由会保存一个搜索字符串，该页面可以取得路由中存放的参数，将参数放到data函数相应的数据中。根据data函数中的数据请求的结果也就不一样，虽然后台接口是一样的，如下图所示。

2.3创建拍品页

图书创建的数据完整性和准确性校验放置在了前端进行，后端只需要向数据库添加信息。添加部分会调用作者封装的imgHelper中uploadImg方法将图片上传至云服务器。该部分上传的时候由于上传图片会造成一定的响应延迟，所以在前端点击创建图书后，会进入一个上传状态，这个状态下用户无法对该创建页面进行操作。其中类别是可以选择的，竞拍时间也是可以选择的，图片可以最多存入5张。创建拍品的主要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）;