基于springboot+vue实现的二手电子产品回收系统

 基于springboot+vue实现的二手电子产品回收系统 （源码+L文）4-098

第4章  系统设计 

4.1系统总体架构

系统总体架构是整个研究的基础，它描述了系统的功能模块划分、技术选型以及系统组件之间的关系，为读者提供了对系统设计和实现的整体认识。

系统总体架构的核心在于功能模块的划分。系统划分为用户管理、商品管理、订单管理等主要功能模块，每个模块负责相应的业务逻辑。例如，用户管理模块包括用户注册、登录、个人信息管理等功能，商品管理模块包括商品发布、浏览、购买等功能，订单管理模块包括订单创建、支付、物流跟踪等功能。这些功能模块之间相互独立，但又通过一定的交互方式实现系统的整体功能。

选择了适合项目需求的技术和框架。在前端方面，采用了Vue.js作为主要的前端开发框架，其优秀的组件化和响应式设计能力为系统的用户界面开发提供了便利。在后端方面，选择了Spring Boot作为主要的后端开发框架，其快速开发和易扩展的特点使得系统的后端服务能够快速搭建和部署。另外，选用了MySQL作为系统的数据库，其稳定性和高效性能能够满足系统对数据存储和管理的需求。

系统总体架构还描述了各个组件之间的交互关系。例如，前端页面通过RESTful API与后端服务进行通信，前端页面向后端发送请求，后端处理请求并返回相应的数据。同时，后端服务与数据库进行数据交互，对数据进行读写操作。这些交互关系保证了系统各个模块之间的协同工作，实现了系统的整体功能。

论文中的系统总体架构为读者提供了系统设计和实现的整体蓝图，展现了系统的功能模块划分、技术选型和组件交互，为后续的技术实现和系统开发提供了重要的指导和参考。系统的总体架构设计图如图4-1所示。

 图 4-1系统架构图

4.1.2系统数据表设计(共15张表)

在综合了以上对系统的设计，和对数据库的分析，同时结合了以往对数据库的使用经验后，构建了以下几张表，下面将介绍主要的存储表的结构。

表4-1：提现申请

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
tixianbianhao	varchar	200	提现编号
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
yonghuyue	double		用户余额
yue	double		提现金额
touxiang	longtext	4294967295	头像
yinxingkahao	varchar	200	银行卡号
kaihuxing	varchar	200	开户行
tixianriqi	date		提现日期
sfsh	varchar	200	是否审核		待审核
shhf	longtext	4294967295	审核回复
ispay	varchar	200	是否支付		未支付

此处省略13张表。。。

表4-15：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
userid	bigint		用户id
username	varchar	100	用户名
tablename	varchar	100	表名
role	varchar	100	角色
token	varchar	200	密码
addtime	timestamp		新增时间		CURRENT_TIMESTAMP
expiratedtime	timestamp		过期时间		CURRENT_TIMESTAMP

1.  系统实现

5.1前台用户模块实现

注册账号成功且登录系统后，用户即可进入主页查看首页、鲜花信息、秒杀商品、套餐商品、交流论坛、公告资讯，并开始执行业务操作，如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。，如图5-2所示：

图5-2 用户注册界面

在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示；

    图5-3用户登录界图

用户可通过回收商品信息页面输入回收名称、回收地点，收货地址等进行查询，然后查看商品价格等具体信息，如需要可以点击立即购买、添加到购物车、收藏和评论等操作，如图5-4所示：

图5-4回收商品页面

用户可通过社区论坛页面输入帖子标题进行查询、发布帖子进行查询评论和收藏等操作，如图5-5所示：

图5-5社区论坛页面

用户可通过回收资讯功能，进行查看评论和收藏等操作，如图5-6所示：

图5-6回收资讯页面

在用户成功登录系统后，通过个人中心页面，用户可以方便地管理自己的个人信息，用户也可以点击页面显示的修改密码、提取申请、回收订单、我的发布和我的收藏进行操作，如图5-7所示：

图5-7个人中心页面

在用户通过个人中心页面，可以点击提现申请进行操作，如图5-8所示：

图5-8提现申请页面

5.2后台管理员模块实现

管理员登录，在登录页面正确输入用户名和密码选择角色后，点击登录然后进行操作；如图5-9所示。                               

图5-9 管理员登录界面

管理员进入系统主页面，主要功能包括对系统首页、用户管理、商品类型管理、商品定价管理、回收商品管理、回收订单管理、提现申请管理、社区论坛、系统管理、用户信息等进行操作。管理员主页面如图5-10所示：

图5-10 管理员主界面

管理员点击用户管理，在页面上输入用户账号和性别可以查询用户信息，并进行添加、修改和删除等操作，如图5-11所示：

  图5-11用户管理界面

管理员点击商品类型管理，在页面上输入员工账号和性别可以查询员工信息，并进行添加、修改和删除等操作如图5-12所示：

  图5-12商品类型管理界面

管理员点击“商品定价”会显示出所有的商品信息，支持输入商品名称进行搜索，进行添加、删除等操作。如图5-13所示：

  图5-13商品定价界面

管理员点击“秒杀商品”会显示出所有的秒杀商品，支持输入鲜花名称、季节类型、种植类型进行搜索，同时可以选择某一条秒杀商品进行添加删除，还能查看到秒杀库存的统计图，如图5-14所示：

  图5-14回收商品管理界面

管理员点击“回收订单”会显示出所有的回收订单，支持输入商品名称、商品价格进行搜索，进行添加、删除、修改等操作，如图5-15所示：

  图5-15回收订单管理界面

管理员点击“提取申请管理”，在这里管理员可以对提取申请进行审核，进行审核、修改等操作，如图5-16所示：

  图5-16提现申请管理界面

管理员点击“社区论坛”，管理员可以对帖子标题进行查询操作。如图5-17所示：

  图5-17社区论坛界面

管理员点击“系统管理”，在这里管理员可以对轮播图管理、关于我们、公告资讯、系统简介、公告资讯分类和在线客服进行查看、修改等操作，如图5-18所示：

  图5-18系统管理界面

点击领取源码