校园二手商品交易平台设计与实现

李元博 王法胜

摘要：校园二手交易是实现闲置物品循环利用的有效方式。传统的校园二手交易方式存在过程复杂、效率低等问题，该文采用Eclipse平台和MySQL数据库设计了基于B/S架构的校园二手商品交易系统。该系统界面美观、操作简便、功能完善，可对校园二手交易市场进行优化和管理。系统采用人脸识别技术实现系统登录，提高了系统安全性能。该系统能够满足学生对二手商品交易流程优化的需求，实现了资源的循环利用。

关键词：二手商品;人脸识别;交易平台

中图分类号：TP311  文献标识码：A

文章编号：1009-3044（2021）29-0064-04

1背景

一直以来二手物品交易在许多高校中都占据了很大的市场，但目前为止很多高校对于二手物品交易多采用跳蚤市场、悬赏群、微信公众号的方式，由于数据繁多杂乱，可能存在上当受骗的现象，不利于二手物品的交易与使用，让真正有需求的同学得不到相应的满足[1]。近几年毕业生的增多也导致了二手物品的增多，如果不能妥善处理这些二手物品，它们最终的归宿只能是垃圾场[2]。

随着信息化的程度越来越高，信息化技术不仅方便了我们的生活，也能够为我们二手交易系统的实现提供一个良好的技术基础，这对于提高我们闲置物品的价值有着重要的意义。本文针对高校内二手商品交易存在的问题，开发并实现了校园二手交易系统，确保了安全性和时效性。本系统功能实现比较完整，基本满足了学生交易二手商品的需求，也减少了垃圾的产生，有着较好的实用价值和推广价值。

校园二手交易系统旨在提供一个管理平台，对大学校园内的闲置物品进行交易，学生可以通过系统来上架、求购二手商品，卖家可以出售闲置物品，管理员最终对商品信息进行相应的审核以及对系统的维护。

2关键技术

2.1人脸识别技术

本系统为实现安全性，在登录功能中加入了人脸识别技术，运用百度的人脸识别API进行相应技术的实现[3-4]。具体操作流程为：前台摄像头使用Ajax将拍摄的图片转换为 Base64格式到SSM后台，然后调用百度提供的接口函数对图片进行分析，最终实现的效果是输入账号后对人脸进行识别并进行登录验证。在此过程中，每个账号都将获得一个唯一的openID用以完成后续的登录操作。与传统的账号、密码登录方式相比，运用人脸识别技术无疑保障了系统的安全性。其流程图如图1所示。

2.2 B/S架构

本系统采用B/S架构[5]，使用Eclipse集成开发环境进行系统的开发与实现，Web服务器选用 Apache 开源的Tomcat。采用CSS、Ajax、HTML、jQuery等技术编写前端JSP页面;业务逻辑主要使用Java语言实现，数据库管理系统则采用了 MySQL数据库。

B/S架构有着无需安装、交互性强等优点，本系统采用MVC架构，其基本流程为：客户端发送HTTP请求至Web服务器，服务器中的Web服务层进行请求的处理，应用层调用相应业务逻辑代码，最终反馈给客户端。三者之间的关系如图2所示。

3系统分析

首先基于校园二手商品交易现状进行了深入的需求分析[6-7]，确定了本系统的核心角色，包括：学生和管理员。因此，校园二手商品交易系统可划分为学生模块以及管理员模块。学生模块主要包括：发布出售商品、发布求购信息、留言及举报功能、商品查询、商品购买。管理员模块主要包括：管理后台商品、管理留言与举报信息、添加父子类、发布及修改公告。图3 为系统用例图。

4 系统设计

在完成登录信息的填写后，提交登录请求，系统跳转至系统主页面，并展示所有的商品信息。学生可以按照自己的需求进行商品的检索、商品详细信息的浏览、对商品的留言及举报、发布求购商品以及个人信息的修改。管理员登录系统后，可以查看所有的商品并进行审核、查看并审核留言及举报信息、添加商品的父类别及子类别、发布及修改公告以及页面的维护功能。系统的模块结构图如图4所示。

5系统核心业务功能实现

5.1学生模块业务功能的设计与实现

学生用户进入系统主界面，页面顶端显示用户名，左侧展示商品分类列表，依据不同的父类别和子类别进行划分，可以根据划分结果进行初步筛选。

1）发布出售商品、求购信息

学生进入主界面后，左侧显示“我要卖”“求购商品”两个选项卡，点击相应的选项卡会跳转到发布商品（发布求购商品）页面，页面可以填写包括商品名称、商品图片、价格、详细描述等信息，学生的个人信息则根据登录账号自动设置。其逻辑实现时序图如图5所示。因为求购商品的逻辑实现与发布商品类似，在此不再进行赘述。

学生进入相应页面后即可查看发布商品（求购商品）的相应要求，按照实际情况填写即可。任务界面如图6和图7所示。

2）留言及举报功能

学生在商品详细信息页面里可以对商品进行留言，对不合规的商品进行举报。首先点击举报按钮，显示举报信息填写页面，学生按照要求填写举报信息，信息通过Ajax传送到后台，并插入到数据库对应的表中。留言功能逻辑实现时序图如图8 所示，因为留言功能和举报功能类似，在此不再赘述。

学生进入商品详细页面时，可以通过下拉页面找到对应的按钮，进行留言的添加、回复以及对不合规的商品信息进行举报。点击发布留言即可进行留言的发布，点击举报会弹出一个对话框，輸入举报信息即可完成举报。在商品详情页可以看见学生添加的留言信息，卖家也可以进行相应的回复。留言和举报界面如图9和图10所示。

3）商品查询

学生通过点击侧边栏的分类可以进行商品的分类查询，不同的父类别下面包含各种子分类，通过这种方式可以显示该分类下面的所有商品。学生也可以通过搜索栏进行精确的查找，通过对商品的名称进行查找，使其显示。其逻辑实现时序图如图 11所示，系统实现界面如图12所示。

4）商品购买

当学生挑选好心仪的物品，可以在商品详情页进行购买。为了保证商品的真实性，本系统采取线下面对面交易的方式。当用户点击购买按钮后，系统前往数据库进行相应数据的查询，先通过商品ID查询到上传者ID，再通过上传者ID查询卖家的联系方式。其逻辑实现时序图如图13所示，相应界面如图 14所示。

5.2管理员业务功能的设计与实现

1）添加父子类别

管理员进入后台管理界面后，可以通过点击侧边栏进行不

同信息的管理。点击菜单管理选项卡，会在右方相应frame框架中进行显示。可以在其中添加父类别、子类别，包括设置相应的图标。添加父子类功能逻辑实现时序图如图15所示。

管理员在浏览父子类界面时，可以对父子类别进行添加、删除、修改操作。点击“新建”按钮后，系统会跳转到相应界面，在其中输入相应的信息和图片后点击“提交”按钮，就会自动跳转回到初始界面。上述功能的实现页面如图16所示。

2）管理后台商品

管理员点击商品管理选项卡，会在右方相应frame框架中进行显示。可以在其中对商品的信息进行上架、下架、删除等操作。商品管理功能逻辑实现时序图如图17所示。因为留言与举报的管理与此操作类似，所以在此不再赘述。

管理员进入商品管理选项卡，可以看到现在上架的商品的详细信息，可以进行相应的上架、下架操作，也可以点击推荐，使商品在主界面优先展示。商品管理界面如图18所示。

3）公告管理

管理员点击公告管理选项卡，会在右方相应frame框架中进行显示。管理员用户可以在该界面上编辑公告内容，并获得反馈结果。公告管理功能逻辑实现时序图如图19所示。

管理员进入公告管理选项卡后，可以查看已经发布的公告内容，同时也可以对公告内容进行相应的修改，界面如图20所示。

6结束语

本文针对校园二手商品交易系统进行了详细的设计，并通过B/S架构实现了系统的全部业务功能。该系统通过对校园内部二手商品信息的有效整合，解决了数据量繁多且杂乱的根本问题，并提高了用户的使用感受。系统界面美观、操作简便、功能完善，具有较强的易用性。在下一步工作中，将继续学习相关知识并开发移动版本，用以提高系统的便携性与使用效率。

参考文献：

[1] 张宇.二手商品线上交易信用管理研究——以闲鱼为例[D].北京：北京化工大学，2020.

[2] 徐连霞.基于SSM的校园二手商品交易系统设计与实现[J].中外企业家，2019（36）：69.

[3] 王佳颖，黄章红，马万钧，等.基于百度AI人脸识别的考勤系统设计与实现[J].电脑编程技巧与维护，2021（4）：118-119.

[4] 顾德喜，李贵霖，时祥凯，等.基于百度AI开放平台的人脸识别门禁系统[J].单片机与嵌入式系统应用，2019，19（6）：33-36.

[5] 曾丽娟，邱毅，段涛，等.基于B/S架构医院志愿者管理系统的设计与实现[J].医学信息，2021，34（7）：27-30，34.

[6] 张景峰，胡晓红，陈海燕，等.基于UML的用例圖模型创建[J].电脑知识与技术，2019，15（32）：104-105.

[7] 侯秀美 . 基于 UML 的电子商务系统建模及应用研究[D]. 南昌：南昌大学，2012.

【通联编辑：谢媛媛】