基于SpringBoot校园快递代取系统

基于springboot+vue实现的校园快递代取系统（源码+L文+ppt）4-049

3系统设计

3.1.1系统结构图

系统结构图可以把杂乱无章的模块按照设计者的思维方式进行调整排序，可以让设计者在之后的添加，修改程序内容的过程中有一个很明显的思维方向。同时结构图还可以让设计者以外的其他人更直观的看出整个系统的设计理论和设计过程。让系统的设计变的更直观。该系统的功能架构图如图3-1所示：

图3-1 校园快递代取系统功能结构图

3.2数据库设计

3.2.1 数据库概念设计

从系统运行完整的角度出发，设置相应的实体，明确各实体之间的联系。下面列举整个系统中涉及核心功能的实体：

1、配送员信息E-R图

图3-2配送员信息E-R图

2、用户信息E-R图

图3-3用户信息E-R图

3、快递订单E-R图

图3-4快递订单E-R图

4、送达订单E-R图

图3-5送达订单E-R图

5、校园快递代取系统总体E-R图

图3-6校园快递代取系统总体E-R图

3.2.2数据逻辑结构（共13张表）

在综合了以上对系统的设计，和对数据库的分析，同时结合了以往对数据库的使用经验后，构建了以下几张表，以下为每张表的内容：

表3-1：送达订单

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
kuaididanhao	varchar	200	快递单号
kuaidimingcheng	varchar	200	快递名称
jietu	longtext	4294967295	截图
kuaidileixing	varchar	200	快递类型
kuaidibeizhu	varchar	200	快递备注
daiqufeiyong	double		代取费用
zhanghao	varchar	200	账号
shouji	varchar	200	手机
quhuodizhi	varchar	200	取货地址
mudedizhi	varchar	200	目的地址
peisongzhanghao	varchar	200	配送账号
lianxidianhua	varchar	200	联系电话
songdashijian	datetime		送达时间
peisongren	varchar	200	配送人

表3-2：配送员

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
peisongzhanghao	varchar	200	配送账号
mima	varchar	200	密码
peisongren	varchar	200	配送人
xingbie	varchar	200	性别
touxiang	longtext	4294967295	头像
lianxidianhua	varchar	200	联系电话

此处省略12张表。。。

表3-13：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

4系统详细设计

4.1登录模块设计

这个功能模块用来让工作人员进行后端登录。管理人员通过网站。在输入自己的用户名和密码、角色进行登录，登录后管理人员就可以对后台的信息相关的操作。

首先，设计后端管理的登陆页面。对页面的各个板块进行详细的设计，规划它们的字体大小，背景颜色，字体颜色和板块大小等。还要加上图片，让页面被设计的更加美观。以便让以后需要登陆的管理员可以直观的使用。

4.2 前台用户功能模块

当用户打开系统的网址后，首先看到的就是首页界面。在这里，用户能够看到校园快递代取系统的导航条显示系统首页、快递订单、通知公告、留言反馈、个人中心等。系统首页界面如图4-1所示：

图4-1系统首页界面

当用户进入前台系统进行相关操作前必须先注册登录，在注册页面填写账号、密码等信息，前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图4-2所示。

图4-2用户注册界面图

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

图4-3用户登录界面图

用户点击通知公告；在通知公告页面的搜索栏输入标题进行查询，然后可以查看通知公告等信息；如图4-4所示。

图4-4通知公告界面图

在个人中心页面可以输入个人详细信息，进行信息更新操作，还可以对修改密码、快递订单、接单信息、送达订单、代取评价、我的收藏进行详细操作，如图4-5所示：

图4-5个人中心界面

4.3前台配送员功能模块

当配送员打开系统的网址后，首先看到的就是首页界面。在这里，配送员能够看到校园快递代取系统的导航条显示系统首页、快递订单、通知公告、留言反馈、个人中心等。系统首页界面如图4-6所示：

图4-6系统首页界面

点击注册、登录，配送员通过注册、登录页面输入详细信息，并点击注册、登录操作，如图4-7所示。

图4-7配送员注册、登录界面图

配送员点击快递订单；在快递订单页面的搜索栏输入快递名称、手机进行查询，然后可以查看快递单号、快递名称、快递类型、截图、快递备注、代取费用、账号、状态、手机、目的地址、取货地址、收藏数等信息；还可以进行配送、收藏等操作；如图4-8所示。

图4-8快递订单界面图

在个人中心页面可以输入个人详细信息，进行信息更新操作，还可以对修改密码、接单信息、送达订单、代取评价、我的收藏进行详细操作，如图4-9所示：

图4-9个人中心界面

4.4后台管理员功能模块

管理员通过登录页面填写用户名和密码选择角色，进行登录，如图4-10所示。

图4-10管理员登录页面

管理员登录进入校园快递代取系统的实现可以查看系统首页、用户、配送员、快递订单、接单信息、送达订单、代取评价、留言反馈、系统管理、个人资料等信息，如图4-11所示。

图4-11管理员功能界面图

用户信息功能在视图层（view层)进行交互，比如点击“新增”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增、更新或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入账号进行搜索，可以查看到用户详细信息，并根据需要进行修改或者删除等操作；如图4-12所示。

图4-12用户界面图

配送员信息功能在视图层（view层)进行交互，比如点击“新增”按钮或填写配送员信息表单。这些配送员信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后，调用服务层(service层)以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层)交互，后者负责具体的数据操作如搜索、新增、更新或删除配送员信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便配送员信息功能可以看到最新的信息或相应的操作反馈。在配送员信息页面的输入栏中输入配送账号、配送人进行搜索，可以查看到配送员详细信息，并根据需要进行修改或者删除等操作；如图4-13所示。