Bootstrap

计算机毕业设计Springboot快递代领系统 基于Spring Boot的快递代收服务系统开发 Spring Boot框架下的快递代取管理系统设计

计算机毕业设计Springboot快递代领系统16wvde0j

(配套有源码 程序 mysql数据库 论文)本套源码可以先看具体功能演示视频领取,文末有联xi 可分享

随着电子商务的蓬勃发展,快递业务量呈爆发式增长。然而,快递投递的“最后一公里”问题一直是困扰用户的痛点。尤其是在校园、企业园区和社区等场所,快递代领服务的需求日益凸显。为了提高快递领取的效率,同时解决用户因时间冲突无法及时取件的问题,开发一个基于Spring Boot的快递代领系统显得尤为重要。该系统旨在通过技术手段优化快递代领流程,提升用户体验,同时为快递站点提供更高效的管理方式。

系统功能
  1. 用户注册与登录:支持用户通过手机号或邮箱注册账号,并提供安全的登录功能。

  2. 包裹信息录入:快递员或代领点工作人员可以录入包裹信息,包括快递单号、收件人信息、包裹状态等。

  3. 包裹查询与跟踪:用户可以通过快递单号或手机号查询包裹的实时状态,了解包裹是否已被代领或签收。

  4. 代领申请与通知:用户可以发起代领申请,并通过系统通知代领点工作人员。代领完成后,系统自动向用户发送通知。

  5. 包裹管理:代领点工作人员可以对包裹进行分类管理,标记包裹的代领状态(待代领、已代领、已签收等)。

  6. 数据统计与报表:系统提供数据统计功能,包括代领包裹数量、代领成功率、用户活跃度等,并生成报表供管理人员查看。

  7. 系统设置:支持管理员对系统参数进行配置,如通知模板、代领点信息等。

  8. 消息推送:系统支持向用户和工作人员推送实时消息,例如包裹到达通知、代领完成通知等。

功能总结

本系统通过集成用户管理、包裹信息管理、代领申请与通知等功能,实现了快递代领服务的全流程自动化管理。它不仅提高了快递代领的效率,还增强了用户体验和管理的便捷性。通过数据统计与报表功能,管理人员可以实时掌握系统运行情况,为优化服务提供数据支持。

注:完成的毕业设计程序以下面的的环境软件、功能图和界面为准。

系统所需要的环境软件:idea、eclipse+mysql5.7、8.0+Navicat+JDK1.8+tomcat7.0

3.1系统功能结构

3.1.1系统结构图

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

             

   

       图3-1 快递代领系统功能结构图

3.2数据库设计

3.2.1 数据库概念设计

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

  1. 用户信息E-R图

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

  1. 代取员信息E-R图

图3-3代取员信息E-R图

  1. 快递订单E-R图

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

4、配送信息E-R图

图3-5配送信息E-R图

5、快递代领系统总体E-R图

图3-6快递代领系统总体E-R图

4.1登录模块设计

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

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

4.2 前台用户功能模块

当学生打开系统的网址后,首先看到的就是首页界面。在这里,学生能够看到快递代领系统的导航条显示系统首页、快递订单、公告信息、留言板、个人中心等。系统首页界面如图4-1所示:

图4-1系统首页界面

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

图4-2用户注册界面图

下面是用户注册关键代码:

<script>

export default {

        data() {

                return {

                        ruleForm: {

                        },

            pageFlag : '',

                        tableName:"",

                        rules: {},

                };

        },

        mounted(){

        this.pageFlag = this.$storage.get("pageFlag");

                let table = this.$storage.get("loginTable");

                this.tableName = table;

        },

        created() {

    

        },

        destroyed() {

                          },

        methods: {

                // 获取uuid

                getUUID () {

                        return new Date().getTime();

                },

                close(){

                        this.$router.push({ path: "/login" });

                },

        yonghutouxiangUploadChange(fileUrls) {

            this.ruleForm.touxiang = fileUrls;

        },

        // 多级联动参数

                // 注册

                login() {

                        var url=this.tableName+"/register";

                                        if((!this.ruleForm.yonghuzhanghao) && `yonghu` == this.tableName){

                                                this.$message.error(`用户账号不能为空`);

                                                return

                                        }

                                                

                                        if((!this.ruleForm.yonghuxingming) && `yonghu` == this.tableName){

                                                this.$message.error(`用户姓名不能为空`);

                                                return

                                        }

                                        

                                        if((!this.ruleForm.mima) && `yonghu` == this.tableName){

                                                this.$message.error(`密码不能为空`);

                                                return

                                        }

                                        

                                        if((this.ruleForm.mima!=this.ruleForm.mima2) && `yonghu` == this.tableName){

                                                this.$message.error(`两次密码输入不一致`);

                                                return

                                        }

                                        

                                        

                                        if(`yonghu` == this.tableName && this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){

                                                this.$message.error(`联系电话应输入手机格式`);

                                                return

                                        }

                                        

                                        

            if(this.ruleForm.touxiang!=null) {

                this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,"g"),"");

            }

                                        

                        this.$http({

                                url: url,

                                method: "post",

                                data:this.ruleForm

                        }).then(({ data }) => {

                                if (data && data.code === 0) {

                                        this.$message({

                                                message: "注册成功",

                                                type: "success",

                                                duration: 1500,

                                                onClose: () => {

                                                        this.$router.replace({ path: "/login" });

                                                }

                                        });

                                } else {

                                        this.$message.error(data.msg);

                                }

                        });

                }

        }

};

</script>

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

图4-3用户登录界面图

下面是用户登录关键代码:

  mounted() {

    let menus = menu.list();

    this.menus = menus;

    for (let i = 0; i < this.menus.length; i++) {

      if (this.menus[i].hasBackLogin=='是') {

        this.roles.push(this.menus[i])

      }

    }

  },

  created() {

    this.getRandCode()

  },

  destroyed() {

            },

  components: {

  },

  methods: {

    //注册

    register(tableName){

                this.$storage.set("loginTable", tableName);

        this.$storage.set("pageFlag", "register");

                this.$router.push({path:'/register'})

    },

    // 登陆

    login() {

                if (!this.rulesForm.username) {

                        this.$message.error("请输入用户名");

                        return;

                }

                if (!this.rulesForm.password) {

                        this.$message.error("请输入密码");

                        return;

                }

                if(this.roles.length>1) {

                        if (!this.rulesForm.role) {

                                this.$message.error("请选择角色");

                                return;

                        }

                        let menus = this.menus;

                        for (let i = 0; i < menus.length; i++) {

                                if (menus[i].roleName == this.rulesForm.role) {

                                        this.tableName = menus[i].tableName;

                                }

                        }

                } else {

                        this.tableName = this.roles[0].tableName;

                        this.rulesForm.role = this.roles[0].roleName;

                }

                this.$http({

                        url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,

                        method: "post"

                }).then(({ data }) => {

                        if (data && data.code === 0) {

                                this.$storage.set("Token", data.token);

                                this.$storage.set("role", this.rulesForm.role);

                                this.$storage.set("sessionTable", this.tableName);

                                this.$storage.set("adminName", this.rulesForm.username);

                                this.$router.replace({ path: "/index/" });

                        } else {

                                this.$message.error(data.msg);

                        }

                });

    },

    getRandCode(len = 4){

                this.randomString(len)

    },

    randomString(len = 4) {

      let chars = [

          "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",

          "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",

          "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",

          "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",

          "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",

          "3", "4", "5", "6", "7", "8", "9"

      ]

      let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]

      let sizes = ['14', '15', '16', '17', '18']

      let output = [];

      for (let i = 0; i < len; i++) {

        // 随机验证码

        let key = Math.floor(Math.random()*chars.length)

        this.codes[i].num = chars[key]

        // 随机验证码颜色

        let code = '#'

        for (let j = 0; j < 6; j++) {

          let key = Math.floor(Math.random()*colors.length)

          code += colors[key]

        }

        this.codes[i].color = code

        // 随机验证码方向

        let rotate = Math.floor(Math.random()*60)

        let plus = Math.floor(Math.random()*2)

        if(plus == 1) rotate = '-'+rotate

        this.codes[i].rotate = 'rotate('+rotate+'deg)'

        // 随机验证码字体大小

        let size = Math.floor(Math.random()*sizes.length)

        this.codes[i].size = sizes[size]+'px'

      }

    },

  }

};

用户点击留言板;留言板页面输入用户名、留言内容、留言图片、回复内容、回复图片等信息;还可以进行留言或者评论等操作;如图4-4所示。

图4-4留言板界面图

用户点击告信息;在告信息页面的搜索栏输入课标题进行查询,然后可以查看标题、内容、图片、发布人、发布时间等信息;还可以进行点赞、收藏等操作;如图4-5所示。

图4-5告信息界面图

在个人中心页面可以输入个人详细信息,进行信息更新操作,还可以对修改密码、快递订单、接单信息、配送信息、订单签收、我的收藏进行详细操作,如图4-6所示:

   图4-6个人中心界面

4.3前台代取员功能模块

当代取员打开系统的网址后,首先看到的就是首页界面。在这里,代取员能够看到快递代领系统的导航条显示首页、快递订单、公告信息、留言板、个人中心 等。系统首页界面如图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接单信息界面图

源码无偿分享,文未领取

;