张娅妮 陈永春
摘 要:针对学校学生二手资源共享再利用问题,采用网页前端设计、Java Web、MySQL、uni-APP、Layui等相关技术,开发一个较为完善的校园二手资源共享平台,能够让学生在平台上进行资源共享,节约学生的在校生活成本。针对网页端和手机端进行设计和实现,二者风格统一,具有较好的客户交互性。在平台的加持下,学生可逐渐养成良好的资源共享习惯,提高闲置资源的利用率,具有一定的现实意义。
关键词:Java MySQL;网页前端;资源共享;手机端
中图分类号:TP311.5 文献标识码:A 文章编号:2096-4706(2023)13-0006-07
Design and Implementation of a Campus Second-hand Resource Sharing Platform
ZHANG Yani, CHEN Yongchun
(School of Computer and Information, Qiannan Normal University for Nationalities, Duyun 558000, China)
Abstract: Aiming at the problem of sharing and reusing secondary resources of school students, a relatively complete campus second-hand resources sharing platform is developed by adopting webpage front end design, Java Web, MySQL, uni-APP, Layui and other related technologies, which can enable students to share resources on the platform and save students' cost of living on campus. Design and implement for both webpage side and mobile phone side, with a unified style and good customer interaction. With the support of the platform, students can gradually develop good resource sharing habits and improve the utilization rate of idle resources, which has certain practical significance.
Keywords: Java MySQL; webpage front end; resource sharing; mobile phone side
0 引 言
當今“互联网+”新形态下,资源利用和重复利用越来越有必要,因此也应提倡学生对闲置资源进行合理化利用和再利用。特别是毕业生,在处理一些比较贵重的商品时,不想当成废品扔掉,但也找不到合理的渠道处理;此外,学生们的消费水平不高,都希望买到性价比高的商品。基于这些需求,建立一个校园二手资源共享平台有很好的前景和现实意义。校园二手资源共享平台不仅能改变学生对闲置资源的认识,在一定程度上降低生活成本,还可以逐渐形成一种良性的资源共享,提高废弃或闲置资源的利用。
1 平台功能设计
校园二手资源共享平台的主要使用者是学生,对于学生来说,需要实现的功能包括学生浏览商品、注册/登录、购买、加入购物车、发布帖子、编辑个人信息等。本设计采用Java Web、uni-APP技术,开发了一个B/S的管理网站系统和手机APP平台。系统风格较为统一,具有一定美观性和较好的客户交互性。
1.1 网站系统功能设计
校园二手资源共享平台提供了商品预览、购买等一系列的功能,可满足不同用户需求。平台使用者由三部分组成,分别是用户、系统管理员和商户:
1)用户:首先进行注册/登录,其次可对商品进行分类浏览、收藏、添加购物车、生成订单、查看订单,以及收货后以帖子的形式发布商品评价供其他购买者参考。
2)系统管理员:对管理员角色权限、商品、用户、广告、帖子、审核进行全面管理。
3)商户:能在本系统中进行注册/登录、预览商品、上传商品信息、收藏商品、发布帖子、购买商品、编辑个人信息等。
1.2 手机APP功能设计
手机端提供用户使用,主要功能如下:
1)用户在没注册状态下能浏览平台首页的推荐商品。
2)用户注册或登录后可以点击查看商品、收藏商品、加入购物车或者立即购买,查看关联商户、申请置换等,随时可以对自己的个人信息与地址信息进行更改和设置。
3)用户可以在帖子中发布自己的帖子,提交后台审核成功过后,在平台上分享自己的购物心得。
4)后台管理系统主要对手机端平台的数据进行管理,后台管理平台账号由平台生成,不存在用户注册,管理员只能在平台开放的账号密码登录成功的情况下才能对手机端数据进行操作。
5)后台管理系统,将设置不同的角色给不同管理员,不同区域的数据交由不同管理员进行登录管理。
1.3 总体设计
总体主要功能设计图如图1所示。
2 系统项目的文件结构
在编写代码之前,通常先将框架所需要的文件夹创建出来(例如:创建各个框架层次用到的代码文件分开存放,如一系列HTML),不但可以方便以后的开发工作,也可以实现框架的规范化。
2.1 APP端主页面的搭建
APP前台主页:用户可以在此页面进行商品浏览、搜索,可以点击对商品进行购买。
APP首页:顶端实现轮播图滚动,主要是热销商品和最新商品的排序和展示。主题部分对商品进行展示,供用户查看,提供购买功能和收藏功能,用户可以点击商品进行商品购买,页面如图2所示。
APP我的:主要是对个人信息进行完整的填写和用户足迹、审核信息、购物车、订单等功能的展示,页面如图3所示。
2.2 管理系统主页面的搭建
后台管理界面需要以管理员身份登录,登录后对管理员角色权限、菜单、商品、用户、广告、帖子、审核进行全面设置管理,页面如图4所示。
3 数据库设计
根据需求分析确定的实体和联系,生成数据库中的表、表的字段、属性,表与表的联系等数据库信息。数据库表如图5至图10所示。
4 平台的总体实现
4.1 APP端登录注册
APP端登录注册:首先在手机上输入手机号码,点击获取验证码,验证码就会以短信的方式发送给填写的手机号。在时限内输入收到的验证码后输入设置的密码,点击注册即可完成账号注册。换到登录页面,输入刚才注册的手机号码和密码,点击登录即可进入APP,页面如图11所示。
部分实现代码如下:
<!-- 注册 -->
<!-- 手机号 -->
placeholder="請输入注册号码" v-on:
blur="phoneFormat()"/>
<!-- 验证码 -->
placeholder="验证码" />
<!-- 注册密码 -->
placeholder="请输入注册密码" />
<!-- 注册按钮 -->
4.2 商城核心部分
实现所有商品的展示,可根据商品进行分类搜索;用户可收藏、加入、删除购物车商品;用户购买商品后形成订单,为其提供订单追踪和详细订单信息;用户可新增或编辑收货地址,并可对已购买商品发帖和预览其他用户帖子。
部分实现代码如下:
<!-- 左側导航栏 -->
<!-- 父类 -->
"{navSelect:navIndex == index}">
<!-- 子类 -->
<!-- 商品栏 -->
v-for="(item,index) in navType" :key="index">
4.3 后台管理系统实现
后台管理系统由系统管理、运营管理、论坛管理、用户管理、审核管理、商品管理6大部分组成,每部分下设置具体模块,如图12至图14所示。
所有模块的作用如下:
管理员管理:对管理员角色权限进行管理。
菜单管理:对后台管理系统的菜单进行增加、修改、删除。
广告管理:对APP平台首页顶端热推商品图进行删除、修改。
分类管理:对帖子进行地区分类。
APP版本管理:控制APP上线和下线和版本升级。
图片管理:管理所有上传云端的图片。
帖子列表管理:对APP平台用户新增的帖子进行审核、新增、修改、删除。
意见反馈管理:对APP平台用户反馈的意见进行回复。
帖子点赞管理:对APP平台用户对帖子的点赞进行管理。
支付凭证管理:对APP平台商户上传的支付凭证进行审核。
地址管理:对APP平台用户的收货地址进行添加、修改、删除。
用户信息管理:对APP平台用户的注册、登录,密码找回进行管理。
收藏管理:对APP平台用户收藏的商品或者帖子进行汇总。
购物车管理:对APP平台用户加入购物车的商品进行查看。
置换商品管理:对APP平台商户选择可以进行物品换物品的商品进行汇总。
用户申请商户地址管理:对APP平台用户申请成为商户时的发送地址进行审核。
商品审核管理:对APP平台商户添加的商品进行审核。
帖子审核:对APP平台用户添加的帖子进行审核。
商户信息审核管理:对APP平台用户申请成为商户提交的身份信息进行审核。
商品分类管理:将商品进行大类型的划分。
商品订单管理:对APP平台用户下单的商品进行监督、提醒商户发货。
推荐管理:调整首页优先展示商品。
商品评价管理:对APP平台用户下单成功并已收货的商品,且评价的商品进行查看。
商品规格管理:定义商品的容量,大小、数量。
部分实现代码如下:
@PostMAPPing("loginIn")
public Result loginIn(String username, String password) {
Result result = new Result();
try {
// 从SecurityUtils里边创建一个 subject
Subject subject = SecurityUtils.getSubject();
String pwd = Md5Util.encode(username + password);//加密后的密码
// 在认证提交前准备 token(令牌)
UsernamePasswordToken token = new UsernamePasswordToken(username, pwd);
// 执行认证登录
subject.login(token);
logger.info("---用户登录成功----" + username);
//根据权限,指定返回数据
Role role = adminService.getRole(username);//查询角色名称
if (CommonUtil.isEmpty(role)) {
result.setMessage(Result.Code.ROLEBAN, "权限错误!");
return result;
}
Admin admin = adminService.getAdmin(username);
if (CommonUtil.isEmpty(admin)){
result.setMessage(Result.Code.ROLEBAN, "账号被冻结,请联系系统管理员!");
return result;
}
admin.setRole(role);
if ("user".equals(role.getName())) {//普通用户
result.setCode(Result.Code.SUCCESS);
subject.getSession().setAttribute("user", admin);
result.setData(admin);
return result;
}
if ("admin".equals(role.getName())) {//管理员
result.setCode(Result.Code.SUCCESS);
subject.getSession().setAttribute("user", admin);
result.setData(admin);
return result;
}
result.setCode(Result.Code.ROLEBAN);
result.setMessage(Result.Code.ROLEBAN, "权限错误!");
} catch (AccountException a) {
logger.error(a.getMessage());
result.setMessage(Result.Code.PARAMERROR, a.getMessage());
} catch (Exception e) {
e.printStackTrace();
logger.error(e.getMessage());
result.setMessage(Result.Code.ROLEBAN, "賬号被冻结,请联系系统管理员!");
}
return result;
5 结 论
本设计首先对校园二手资源共享平台的网站系统功能和手机APP功能分别进行了详细分析,其次对系统项目的文件结构、APP端主页面的搭建、管理系统主页面的搭建进行了规划,并提供数据库设计列表。最后显示了平台的总体实现模块和核心代码。此平台的设计与实现可让校园闲置物品得到妥善处理,节约资源,具有一定现实意义。
参考文献:
[1] 高星宇,张家骏.校园二手交易平台的设计与实现 [J].福建电脑,2020,36(2):87-89.
[2] 苏慧敏,陆佳圻,吴蓓,等.校内大学生二手交易的实践研究——以天津师范大学为例 [J].中国商论,2018(31):3-5.
[3] 赖家美,龚志伟.高校二手交易市场的构建 [J].福建电脑,2018,34(11):53-54.
[4] 罗刚,原晋鹏.Java程序设计基础 [M].西安:西安电子科技大学出版社社,2018.
[5] 张泽川,于迎霞,邱志豪,等.校园“微代”服务平台的研究与实现 [J].无线互联科技,2022,19(3):34-38.
[6] 赵冰,刘星含,杨泰森,等.基于微信小程序的校园二手闲置物品交易平台的设计与实现 [J].电脑知识与技术,2022,18(21):64-66.
作者简介:张娅妮(1980—),女,满族,四川成都人,副教授,工程硕士,主要研究方向:计算机信息管理、信息技术教育;陈永春(1996—),男,汉族,贵州仁怀人,本科在读,主要研究方向:软件开发。
收稿日期:2023-02-21
基金项目:贵州省教育厅2022年度自然科学研究项目(黔教技〔2022〕058号);黔南民族师范学院“教育质量提升工程”科研项目(2020xjg0501)