基于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所示。    

图片

图4-13配送员界面图

                        

管理员点击快递订单;在快递订单页面对快递单号、快递名称、快递类型、截图、快递备注、代取费用、账号、状态、手机、目的地址、取货地址、收藏数等信息,进行搜索、新增或删除快递订单等操作;如图4-14所示。

图片

    

图4-14快递订单界面图

                        

管理员点击接单信息;在接单信息页面对快递单号、快递名称、快递类型、截图、快递备注、代取费用、账号、手机、取货地址、目的地址、配送账号、联系电话、快递状态、接单时间、配送人、是否支付等信息,进行搜索或删除接单信息等操作;如图4-15所示。

图片

图4-15接单信息界面图

                        

管理员点击送达订单;在送达订单页面对快递单号、快递名称、快递类型、截图、快递备注、代取费用、账号、手机、取货地址、目的地址、配送账号、联系电话、送达时间、配送人等信息,进行搜索或者删除送达订单等操作;如图4-16所示。    

图片

图4-16送达订单界面图

                        

管理员点击代取评价;在代取评价页面对快递单号、快递名称、快递类型、截图、快递备注、代取费用、账号、手机、取货地址、目的地址、配送账号、联系电话、评价时间、评分等信息,进行搜索或删除代取评价等操作;如图4-17所示。

图片

图4-17代取评价界面图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值