【计算机毕设】基于SringBoot+Vue的校园二手交易平台(含支付)

news/2024/7/10 0:47:14 标签: 课程设计, 前端, vue, java-ee

在导师的严格指导下,我的毕业设计终于完成了,毕设被推优算是给大学生活画上了圆满的句号,几个月的努力也没白费。在开发的过程中收获了很多,也遇到很多问题,但因怕时间来不及(根本不知道截止时间TvT)没有及时记录,等之后有机会再补上好了。在此简单记录下本项目的详细设计。

文章目录

    • 用户功能模块实现
      • 1.用户注册登录
      • 2.用户个人设置
      • 3.用户个人空间
      • 4.用户搜索商品
      • 5.用户浏览商品
      • 6.用户收藏商品
      • 7.用户留言
      • 8.用户购买商品
      • 9.用户商品管理
      • 10.用户订单
    • 管理员功能模块实现
      • 1.管理员登录
      • 2.用户管理
      • 3.商品管理
      • 4.留言管理

本项目是基于SringBoot+Vue的校园闲置物品交易平台,分为前台和后台,用户角色主要分为管理员和正式用户,功能算是较为完整,参考了一些二手软件。

用户功能模块实现

1.用户注册登录

用户通过网址进入到校园闲置物品交易平台的首页。此时用户没有注册账户,其角色为游客,作为游客,只能浏览首页,搜索商品,不能进行发布、购买商品等操作。
在这里插入图片描述
在这里插入图片描述
通过登录页面上的“注册新用户”链接,可以跳转到注册页面进行注册。根据要求填入相关信息后,点击“注册”按钮即可。若学号已被注册则不会注册成功。注册成功后会返回登录页面,正确输入学号、密码和验证码就可以成功登录。
在这里插入图片描述
用户若忘记密码,可以通过登录页面下方的“忘记密码?”进入找回密码的页面。在这里插入图片描述

2.用户个人设置

在首页页面上方用户昵称处有下拉菜单可以操作。
在这里插入图片描述
在下拉菜单中点击“个人中心”跳转页面,左侧导航栏中将默认选中“我的资料”,就可以查看和修改个人资料。
在这里插入图片描述
在个人中心页面,点击上方导航栏“修改密码”进入页面,输入新密码保存即可。
在这里插入图片描述
在个人中心页面,点击上方导航栏“修改头像”进入页面,点击头像上传文件,保存后才能成功更换头像。
在这里插入图片描述

3.用户个人空间

在下拉菜单中点击“个人空间”进入用户的个人空间页面,用户可以编辑个人介绍和查看发布的闲置商品。
在这里插入图片描述
在这里插入图片描述

在用户个人空间页面,还可以查看其他买家购买该用户的闲置物品后,对其交易结果的评价,点击“Ta的评价”就可以查看评价。
在这里插入图片描述

4.用户搜索商品

点击首页上方搜索按钮就可以进入搜索商品页面,输入商品标题关键字就可以查找相关物品,且默认按发布时间由近到远排序。
在这里插入图片描述

5.用户浏览商品

用户在首页可以按照商品类别查看对应商品列表。
在这里插入图片描述

这时可以点击商品图片即可进入商品详情页面,在该页面中,可以查看该商品的描述、类别、状态、交易地点、发布时间和卖家,点击卖家昵称处可跳转到对应用户的空间页面。

在这里插入图片描述

6.用户收藏商品

在商品详情页面,可收藏感兴趣的商品,如不需要可取消收藏。
在这里插入图片描述

此外,在“个人中心”页面的“我的收藏”可以查看用户收藏商品列表。在列表中,可对已收藏的商品进行取消收藏操作;若想查看商品详情,点击商品图片即可跳转查看。
在这里插入图片描述

7.用户留言

在商品详情页面下滑有留言区,用户可以发布留言和回复其他用户留言。
在这里插入图片描述
在这里插入图片描述
在留言区,若要删除留言,点击删除图标即可删除。
在这里插入图片描述
在“个人中心”页面的“我的留言”即可查看用户收到和发出的所有留言。点击商品标题可跳转到商品详情页面。
在这里插入图片描述
在这里插入图片描述
在“我的留言”页面,点击删除图标可以删除留言。

在这里插入图片描述

8.用户购买商品

在商品详情页面,点击“立即购买”会跳出对话框询问,确认后将跳转到支付宝提供的沙箱环境进行模拟支付。
点击“确定”后,页面将跳转到支付宝提供的沙箱环境进行模拟支付。
在这里插入图片描述
支付成功后跳转到支付成功页面。
在这里插入图片描述
在商品详情页面,若购买到违规用户的闲置物品,则无法购买。
在这里插入图片描述

9.用户商品管理

在首页通过页面上方的“发布商品”按钮就可以跳转到发布闲置物品的页面。
在这里插入图片描述
在“个人中心”页面的“我的闲置”即可查看用户发布的所有闲置物品。对于未售出的商品,可进行擦亮(即刷新发布时间)、编辑和删除商品,已售出的商品则不能进行操作。

在这里插入图片描述
在这里插入图片描述

10.用户订单

在“个人中心”页面的“我的订单”即可查看“我买到的”和“我卖出的”。在用户“我买到的”页面中,点击商品图片可以查看商品详情。点击“联系卖家”查看卖家联系方式。
在这里插入图片描述

在这里插入图片描述
在“我买到的”页面中,若已收到货,可以点击确收货后进行评价。
在这里插入图片描述
在“我卖出的”页面中,同样也可以查看买家联系方式和商品详情。
在这里插入图片描述

管理员功能模块实现

1.管理员登录

拥有管理员权限的用户在本平台的登录页面输入正确的学号和密码就可以登录。
在这里插入图片描述

2.用户管理

成功登录后,直接进入后台管理页面,默认展示用户管理。
在这里插入图片描述
在用户管理页面中,管理员可以查看所有用户的信息,不仅可以筛选查看对应角色的用户,还可以通过昵称或姓名查找用户。
在这里插入图片描述
作为拥有最高权限的管理员,能修改用户的角色权限。在用户管理页面中,点击“更改权限”选择角色,如管理员、正式用户或违规用户,点击“保存”就可成功修改。
在这里插入图片描述
管理员还可以查看和删除非管理员用户。在用户管理页面中,当点击“查看”按钮,会进入对应用户的空间页面。
在这里插入图片描述
通过“删除”按钮可以删除该用户涉及的所有信息,包括其发布的商品和留言。
在这里插入图片描述

3.商品管理

在商品管理页面中,点击相应按钮可以对所有商品进行查看详情和下架删除。
在这里插入图片描述

在商品管理页面中,当商品数量过多,可以通过上方的搜索栏,根据商品标题关键词快速查找到需要查找的商品。在这里插入图片描述

4.留言管理

在留言管理页面中,通过搜索栏输入留言内容的关键字可以查找留言。
在这里插入图片描述
在留言管理页面,点击“屏蔽”按钮会改变用户留言的内容为“该留言已被屏蔽”。
在这里插入图片描述


http://www.niftyadmin.cn/n/333018.html

相关文章

Spring Cloud Alibaba(二)Nacos统一配置管理

目录 一、为什么需要配置中心 二、常用的配置中心 Nacos 的几个概念 三、Nacos配置中心的使用 (一)properties格式 1、导入依赖 2、在配置中心新建配置 3、修改配置文件名为bootstrap.yml 4、在微服务中添加nacos config服务地址的配置 5、测试…

动态规划算法:解决复杂问题的利器

文章目录 摘要引言动态规划的基本原理动态规划的应用场景动态规划的实际代码示例总结与展望 动态规划算法的优缺点优点:缺点: 总结: 摘要 动态规划(Dynamic Programming)是一种高效解决复杂问题的算法方法&#xff0c…

Gradle是干什么用的?请问maven与gradle有什么区别吗?我怎么感觉gradle功能会更加强大一些?

目录 Gradle是干什么用的? 请问maven与gradle有什么区别吗? 我怎么感觉gradle功能会更加强大一些? Gradle是干什么用的? Gradle是一种现代化的构建工具,用于自动化构建、测试和部署软件项目。它被广泛用于Java、Ko…

改进YOLOv5 | 在 C3 模块中添加【SE】【CBAM】【 ECA 】【CA】注意力机制 | 附详细结构图

文章目录 1. SE 注意力模块1.1 原理1.2 C3_SE 代码2. CBAM 注意力模块2.1 原理2.2 C3_CBAM 代码3. CA 注意力模块3.1 原理3.2 C3_CA 代码4. ECA 注意力模块4.1 原理4.2 C3_ECA 代码5. 添加方式💡6. C3_Attention 结构图 🍀7. 相关推荐🍀

[日记]LeetCode算法·二十五——二叉树⑤ AVL树(插入+删除)附代码实现

本章的代码实现基于上一篇BST与优先队列的基类进行平衡二叉树,即AVL树。 文章目录 AVL的概念AVL查询效率AVL的插入1.插入节点2.更新平衡因子BF3.旋转调整树的结构3.1 LL 右旋3.2 RR 左旋3.3 LR 左右双旋3.4 RL 右左双旋 4 插入总结 AVL的删除1.寻找删除节点2.更新平…

C语言基础:static关键字

本文结合工作经验,研究C语言中static关键字的用法。 文章目录 1 static关键字概念2 用法与使用场景2.1 修饰全局变量2.1.1 代码示例2.1.2 使用场景 2.2 修饰函数2.2.1 代码示例2.2.2 使用场景 2.3 修饰局部变量2.3.1 代码示例2.4.2 使用场景 3 总结 1 static关键字…

mysql增量备份

目录 一、修改配置文件,开启增量备份功能 (1)查看是否已经开启了 (2)修改配置文件开启 (3)增量记录文件 二、还原增量备份 (1)修改了数据 (2&#xff…

【Java面试】数据库原理总结

文章目录 1. 什么是事务?ACID是什么?2. 数据库中并发一致性问题?3. 事务的隔离等级?4. ACID靠什么保证的呢? 1. 什么是事务?ACID是什么? 事务(Transaction)是指一组相关…