Vue.js+SpringBoot开发快递管理系统

在这里插入图片描述

目录

  • 一、摘要
    • 1.1 项目介绍
    • 1.2 项目录屏
  • 二、研究内容
    • 2.1 数据中心模块
    • 2.2 快递类型模块
    • 2.3 快递区域模块
    • 2.4 快递货架模块
    • 2.5 快递档案模块
  • 三、界面展示
    • 3.1 登录注册
    • 3.2 快递类型
    • 3.3 快递区域
    • 3.4 快递货架
    • 3.5 快递档案
    • 3.6 系统基础模块
  • 四、免责说明

一、摘要

1.1 项目介绍

快递管理系统包含的快递区域模块、快递货架模块、快递类型模块和快递档案模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，快递管理系统基于角色的访问控制，给快递管理员和快递工作人员使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求。

  • 前端：Vue 2.7.10

  • 后端：Spring Boot 3.1.10

  • 数据库：MySQL 8.0.31

1.2 项目录屏

二、研究内容

本课题的目的就是旨在开发一个为高校师生提供快递支持的快递管理系统。

快递管理系统主要采用了JAVA编程语言，采用了Vue的开发技术，使用MYSQL数据库来支撑系统的数据流动。

本文将最终完成快递管理系统设计与实现，并通过完备的功能测试和性能测试来验证该系统的质量。系统需要支持以下功能。

  • 快递包装类型管理，实现增加、删除、修改、条件查询、导入快递包装类型。
  • 快递管理，实现增加、删除、修改、条件查询、导入快递，支持上传快递图片。
  • 快递区域管理，如大型快递包装、小型快递包装等，实现增加、删除、修改、条件查询快递区域。
  • 快递货架管理，实现增加、删除、修改、条件查询快递货架。
  • 用户档案管理，实现对终端用户数据的维护。
  • 角色管理，采用基于角色的访问控制，对于快递管理员、仓管员、顾客分配不同的菜单权限。

拟解决的主要问题如下：

  1. 如何实现快递区域和快递的档案管理、快递回收记录存档；
  2. 系统如何应对用户的高并发访问，如何确保快递管理系统的安全性。

快递管理系统的功能性需求主要包含数据中心模块、快递包装类型模块、快递区域模块、快递货架模块、快递档案模块这五大模块，系统是基于浏览器运行的web管理后端，其中各个模块详细说明如下。

2.1 数据中心模块

数据中心模块包含了快递管理系统的系统基础配置，如登录用户的管理、运营公司组织架构的管理、用户菜单权限的管理、系统日志的管理、公用文件云盘的管理。

其中登录用户管理模块，由管理员负责运维工作，管理员可以对登录用户进行增加、删除、修改、查询操作。

组织架构，指的是运营公司的组织架构，该模块适用于管理这些组织架构的部门层级和员工的部门归属情况。

用户菜单权限管理模块，用于管理不同权限的用户，拥有哪些具体的菜单权限。

系统日志的管理，用于维护用户登入系统的记录，方便定位追踪用户的操作情况。

公用云盘管理模块，用于统一化维护快递管理系统中的图片，如快递单照片、快递区域照片等等。

2.2 快递类型模块

不同的快递有不同的快递类型，可以分为大快递、小快递、易碎快递、加急件快递等等，不同类型的快递有着不同的运输方式，所以需要建立快递类型模块，对快递类型数据进行维护。其中字段包括类型名称、状态、排序值、备注、创建人、创建时间、更新人、更新时间等，快递管理员可以新增、删除、修改、条件查询快递类型，用户查询管理员发布的快递类型。

2.3 快递区域模块

一定规模的快递公司，会有多个快递区域，每个仓库存放着不同区域的快递，比如A区域存放省内的快递，B区域存放省外的快递，所以需要建立快递区域模块，对快递的区域数据进行管理，快递区域信息包括区域名称、状态、排序值、备注、创建人、创建时间、更新人、更新时间等，快递管理员可以新增、删除、修改、条件查询快递区域，用户可以查询管理员发布的快递区域数据。

2.4 快递货架模块

快递货架模块是对快递的存放货架数据进行管理。快递货架的字段包括货架名称、所属区域、货架状态、备注、创建人、创建时间、更新人、更新时间等，快递管理员可以新增、删除、修改、条件查询快递货架，用户可以查询管理员发布的快递货架数据。

2.5 快递档案模块

快递是快递包装服务系统的核心业务，所以需要建立快递档案模块，快递的字段包括快递类型、所属货架、收件人、收件电话、收件地址、发件人、发件电话、发件地址，快递管理员可以新增、删除、修改、条件查询快递，用户可以查询管理员发布的快递数据，也可以新增快递数据。

在这里插入图片描述

三、界面展示

3.1 登录注册

在这里插入图片描述

<Form ref="usernameLoginForm" :model="form" :rules="usernameLoginFormRules" class="form"><FormItem prop="username" class="loginInput"><Row><Input v-model="form.username" size="large" clearable placeholder="登录账号" autocomplete="off"><Icon class="iconfont icon-yonghu" slot="prefix" style="line-height:50px" /></Input></Row></FormItem><FormItem prop="password"><Input style="height:50px;line-height:50px" type="password" v-model="form.password" size="large" placeholder="请输入登录密码" password autocomplete="off"><Icon class="iconfont icon-mima1" slot="prefix" style="line-height:50px" /></Input></FormItem><FormItem prop="imgCode"><Row type="flex" justify="space-between" style="align-items: center;overflow: hidden;"><Input v-model="form.imgCode" size="large" clearable placeholder="请输入验证码" :maxlength="10" class="input-verify" /><div class="code-image" style="position:relative;font-size:12px;"><Spin v-if="loadingCaptcha" fix></Spin><img :src="captchaImg" @click="getCaptchaImg" alt="验证码加载失败" style="width:110px;cursor:pointer;display:block" /></div></Row></FormItem>
</Form>

在这里插入图片描述

在这里插入图片描述

3.2 快递类型

在这里插入图片描述

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询快递包装类型")
public Result<IPage<PackageType>> getByPage(@ModelAttribute PackageType packageType ,@ModelAttribute PageVo page){QueryWrapper<PackageType> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(packageType.getTitle())) {qw.like("title",packageType.getTitle());}if(!ZwzNullUtils.isNull(packageType.getStatus())) {qw.eq("status",packageType.getStatus());}IPage<PackageType> data = iPackageTypeService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<PackageType>>().setData(data);
}

在这里插入图片描述

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增快递包装类型")
public Result<PackageType> insert(PackageType packageType){if(Objects.equals(0,packageType.getSortOrder().compareTo(BigDecimal.ZERO))) {packageType.setSortOrder(BigDecimal.valueOf(iPackageTypeService.count() + 1L));}iPackageTypeService.saveOrUpdate(packageType);return new ResultUtil<PackageType>().setData(packageType);
}

3.3 快递区域

在这里插入图片描述

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询快递区域")
public Result<IPage<ExpressArea>> getByPage(@ModelAttribute ExpressArea expressArea ,@ModelAttribute PageVo page){QueryWrapper<ExpressArea> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(expressArea.getTitle())) {qw.like("title",expressArea.getTitle());}if(!ZwzNullUtils.isNull(expressArea.getStatus())) {qw.like("status",expressArea.getStatus());}IPage<ExpressArea> data = iExpressAreaService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<ExpressArea>>().setData(data);
}

在这里插入图片描述

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增快递区域")
public Result<ExpressArea> insert(ExpressArea expressArea){if(Objects.equals(0,expressArea.getSortOrder().compareTo(BigDecimal.ZERO))) {expressArea.setSortOrder(BigDecimal.valueOf(iExpressAreaService.count() + 1L));}iExpressAreaService.saveOrUpdate(expressArea);return new ResultUtil<ExpressArea>().setData(expressArea);
}

3.4 快递货架

在这里插入图片描述

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询快递货架")
public Result<IPage<ExpressShelf>> getByPage(@ModelAttribute ExpressShelf expressShelf ,@ModelAttribute PageVo page){QueryWrapper<ExpressShelf> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(expressShelf.getAreaId())) {qw.eq("area_id",expressShelf.getAreaId());}if(!ZwzNullUtils.isNull(expressShelf.getTitle())) {qw.like("title",expressShelf.getTitle());}if(!ZwzNullUtils.isNull(expressShelf.getStatus())) {qw.eq("status",expressShelf.getStatus());}IPage<ExpressShelf> data = iExpressShelfService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<ExpressShelf>>().setData(data);
}

在这里插入图片描述

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增快递货架")
public Result<ExpressShelf> insert(ExpressShelf expressShelf){if(Objects.equals(0,expressShelf.getSortOrder().compareTo(BigDecimal.ZERO))) {expressShelf.setSortOrder(BigDecimal.valueOf(iExpressAreaService.count() + 1L));}ExpressArea area = iExpressAreaService.getById(expressShelf.getAreaId());if(area == null) {return ResultUtil.error("区域不存在");}expressShelf.setAreaName(area.getTitle());iExpressShelfService.saveOrUpdate(expressShelf);return new ResultUtil<ExpressShelf>().setData(expressShelf);
}

3.5 快递档案

在这里插入图片描述

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询快递")
public Result<IPage<Express>> getByPage(@ModelAttribute Express express ,@ModelAttribute PageVo page){QueryWrapper<Express> qw = new QueryWrapper<>();User currUser = securityUtil.getCurrUser();QueryWrapper<User> userQw = new QueryWrapper<>();userQw.eq("id",currUser.getId());userQw.inSql("id","SELECT user_id FROM a_user_role WHERE del_flag = 0 AND (role_id = '496138616573952' OR role_id = '1635124217320181760')");if(iUserService.count(userQw) < 1L) {userQw.and(wrapper -> wrapper.eq("send_mobile", currUser.getMobile()).or().eq("receiving_mobile",currUser.getMobile()));}if(!ZwzNullUtils.isNull(express.getShelfId())) {qw.eq("shelf_id",express.getShelfId());}if(!ZwzNullUtils.isNull(express.getAreaId())) {qw.eq("area_id",express.getAreaId());}if(!ZwzNullUtils.isNull(express.getReceivingUser())) {qw.like("receiving_user",express.getReceivingUser());}if(!ZwzNullUtils.isNull(express.getSendUser())) {qw.like("send_user",express.getSendUser());}IPage<Express> data = iExpressService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<Express>>().setData(data);
}

在这里插入图片描述

@RequestMapping(value = "/insert", method = RequestMethod.POST)
@ApiOperation(value = "新增快递")
public Result<Express> insert(Express express){ExpressShelf shelf = iExpressShelfService.getById(express.getShelfId());if(shelf == null) {return ResultUtil.error("货架不存在");}express.setShelfName(shelf.getTitle());express.setAreaId(shelf.getAreaId());express.setAreaName(shelf.getAreaName());iExpressService.saveOrUpdate(express);return new ResultUtil<Express>().setData(express);
}

3.6 系统基础模块

用户管理模块如下图所示。

在这里插入图片描述
文件管理模块如下图所示。

在这里插入图片描述
日志管理模块如下图所示。

在这里插入图片描述
个人中心模块如下图所示。

在这里插入图片描述

四、免责说明

  • 本项目仅供个人学习使用，商用授权请联系博主，否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权，拥有最终解释权。
  • 如有问题，欢迎在仓库 Issue 留言，看到后会第一时间回复，相关意见会酌情考虑，但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户，必须同意以下内容，否则请勿下载！

  1. 出于自愿而使用/开发本软件，了解使用本软件的风险，且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关，博主对此不承担任何责任。
  3. 在任何情况下，对于因使用或无法使用本软件而导致的任何难以合理预估的损失（包括但不仅限于商业利润损失、业务中断与业务信息丢失），博主概不承担任何责任。
  4. 必须了解使用本软件的风险，博主不承诺提供一对一的技术支持、使用担保，也不承担任何因本软件而产生的难以预料的问题的相关责任。

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://xiahunao.cn/news/2812838.html

如若内容造成侵权/违法违规/事实不符，请联系瞎胡闹网进行投诉反馈，一经查实，立即删除！

相关文章

Vue源码系列讲解——生命周期篇【七】(模板编译阶段)

Vue源码系列讲解——生命周期篇【七】(模板编译阶段)

目录 1. 前言 2. 模板编译阶段分析 2.1 两种$mount方法对比 2.2 完整版的vm.$mount方法分析 3. 总结 1. 前言 前几篇文章中我们介绍了生命周期的初始化阶段&#xff0c;我们知道&#xff0c;在初始化阶段各项工作做完之后调用了vm.$mount方法&#xff0c;该方法的调用标志…
阅读更多...
前后端分离PHP+vue+mysql城市轨道交通线路公交查询系统

前后端分离PHP+vue+mysql城市轨道交通线路公交查询系统

医院、厕所、药店、派出所、学校、营业厅、快递、银行 开发语言&#xff1a;php 后端框架&#xff1a;Thinkphp 前端框架&#xff1a;vue.js 服务器&#xff1a;apache 数据库&#xff1a;mysql 运行环境:phpstudy/wamp/xammp等 A.美食 快餐、中餐、自助餐、火锅、烧烤、奶…
阅读更多...
STM32 I2C学习

STM32 I2C学习

IIC总线协议介绍 IIC&#xff1a;Inter Integrated Circuit&#xff0c;集成电路总线&#xff0c;是一种同步、串行、半双工通信总线。 同步&#xff1a;需要时钟线 串行&#xff1a;数据一位一位地发送 半双工&#xff1a;同一时间只能接受或发送&#xff0c;不能同时发送或…
阅读更多...
【Unity】如何从现有项目中抽取好用的资源

【Unity】如何从现有项目中抽取好用的资源

【背景】 在做Unity项目的过程中引入各种各样的Package&#xff0c;有的Package很大&#xff0c;但是觉得非常有用的可能只是几个Prefab或者Material等。如果直接拷贝想要的Prefab和Material&#xff0c;又需要自己确认所有有依赖关系的资源。 如果能将所有日常经受项目中自己…
阅读更多...
SQLlabs46关

SQLlabs46关

看看源码 最终我们的id是放到order by后面了 如果我们直接用列去排序 ?sortusername/password username&#xff1a; passward 可以看到顺序是不同的&#xff0c;当然第一列第二列第三列也可以&#xff0c;基本上都是这个原理&#xff0c;那怎么去实现注入呢&#xff0c;我…
阅读更多...
杰理701N可视化SDK之组合键代码设计

杰理701N可视化SDK之组合键代码设计

杰理701N可视化SDK组合键代码设计 组合键相关代码修改组合键消息处理代码SDK加入组合键代码引出的问题 杰理701N可视化SDK目前只支持在可视化工具中配置按键和按键功能, 还不支持在可视化工具中直接加入组合键的功能. 需要在SDK中做些修改才可以实现组合键的功能. 本篇文章演示…
阅读更多...
文本生成图像新SOTA！RealCompo：逼真和构图的动态平衡（清北最新）

文本生成图像新SOTA！RealCompo：逼真和构图的动态平衡（清北最新）

文章链接&#xff1a;https://arxiv.org/pdf/2402.12908 最近AI生成内容领域取得了令人激动的很多成果&#xff0c;比如Sora、StableDiffusion-3等等。今天给大家分享另一个内容生成领域的SOTA模型——RealCompo&#xff0c;这是一种新的文本到图像生成框架&#xff0c;旨在利…
阅读更多...
鸿蒙开发实战-手写一个Openharmony投屏工具

鸿蒙开发实战-手写一个Openharmony投屏工具

实战手写一个Openharmony投屏工具&#xff0c;实现代码分享如下&#xff1a; java import javax.imageio.ImageIO; import javax.swing.*; import java.awt.*; import java.awt.event.*; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOExcepti…
阅读更多...
备战蓝桥杯————递归反转单链表的一部分

备战蓝桥杯————递归反转单链表的一部分

递归反转单链表已经明白了&#xff0c;递归反转单链表的一部分你知道怎么做吗&#xff1f; 一、反转链表Ⅱ 题目描述 给你单链表的头指针 head 和两个整数 left 和 right &#xff0c;其中 left < right 。请你反转从位置 left 到位置 right 的链表节点&#xff0c;返回 反…
阅读更多...
Scikit-Learn逻辑回归

Scikit-Learn逻辑回归

Scikit-Learn逻辑回归 1、逻辑回归概述1.1、逻辑回归1.2、逻辑回归的优缺点1.3、逻辑回归与线性回归 2、逻辑回归的原理2.1、逻辑回归的概念与原理2.2、逻辑回归的损失函数 3、 1、逻辑回归概述 1.1、逻辑回归 逻辑回归&#xff08;Logistic Regression&#xff09;主要解决二…
阅读更多...
数字化的未来：构建全场景可信互联生态

数字化的未来：构建全场景可信互联生态

本文摘自&#xff1a;思二勋所著、清华社出版的《分布式商业生态战略》一书。 随着万物互联(Internet of Everything&#xff0c;IoE)时代的到来&#xff0c;场景变成了互联的起点&#xff0c;场景内容变得更加丰富起来。如今&#xff0c;消费者的选择决策因素主要是基于场景的…
阅读更多...
好书推荐丨AI绘画全面精通：软件平台+脚本文案+设计制作+案例实战

好书推荐丨AI绘画全面精通：软件平台+脚本文案+设计制作+案例实战

文章目录 写在前面AI绘画推荐图书图书简介本书特色作者简介 推荐理由粉丝福利写在后面 写在前面 本期博主给大家带来了一本全新出版的AI绘画类书籍&#xff0c;《AI绘画全面精通&#xff1a;软件平台脚本文案设计制作案例实战》&#xff0c;对人工智能感兴趣的小伙伴快来看看吧…
阅读更多...
数学建模入门必看|关于2024第九届数维杯数学建模，你想知道的都在这里!

数学建模入门必看|关于2024第九届数维杯数学建模，你想知道的都在这里!

数维杯大学生数学建模挑战赛每年分为两场&#xff0c;每年上半年为数维杯国赛&#xff08;5月&#xff0c;俗称小国赛&#xff09;&#xff0c;下半年为数维杯国际赛(11月)&#xff0c;2023年第八届数维杯大学生数学建模挑战赛共有近1.4万名学生参赛&#xff0c;参赛队伍来自国…
阅读更多...
Sora的潜力与影响：对视频制作、广告、娱乐等行业的深度解析

Sora的潜力与影响：对视频制作、广告、娱乐等行业的深度解析

随着技术的飞速发展&#xff0c;OpenAI推出的Sora模型已经引起了广泛关注。作为一款强大的视频生成工具&#xff0c;Sora不仅改变了视频制作的传统模式&#xff0c;更对广告、娱乐等多个行业产生了深远影响。本文将深度解析Sora的潜力与影响&#xff0c;探讨其在视频制作、广告…
阅读更多...
初学学习408之数据结构--数据结构基本概念

初学学习408之数据结构--数据结构基本概念

初学学习408之数据结构我们先来了解一下数据结构的基本概念。 数据结构&#xff1a;是相互之间存在一种或多种特定关系的数据元素的集合。 本内容来源于参考书籍《大话数据结构》与《王道数据结构》。除去书籍中的内容&#xff0c;作为初学者的我会尽力详细直白地介绍数据结构的…
阅读更多...
面试总结之JVM入门

面试总结之JVM入门

文章目录 &#x1f412;个人主页&#x1f3c5;JavaEE系列专栏&#x1f4d6;前言&#xff1a;&#x1f380;你为什么要学习JVM&#xff1f;&#x1f380;JVM的作用 &#x1f380;JVM的构成&#xff08;5大类&#xff09;&#x1f3e8;1.类加载系统&#x1f415;类什么时候会被加…
阅读更多...
Vue3快速上手（十一）标签里的ref属性

Vue3快速上手（十一）标签里的ref属性

一、介绍 标签里的ref&#xff0c;可以在普通html元素标签上&#xff0c;也可以用在vue组件标签上。用在html元素标签上时&#xff0c;返回的是该html元素的DOM&#xff1b;用在vue组件标签上时&#xff0c;返回的是该子组件&#xff08;也就是当前vue是父组件&#xff09;暴露…
阅读更多...
MySQL篇—持久化和非持久化统计信息介绍（第一篇，总共三篇）

MySQL篇—持久化和非持久化统计信息介绍（第一篇，总共三篇）

☘️博主介绍☘️&#xff1a; ✨又是一天没白过&#xff0c;我是奈斯&#xff0c;DBA一名✨ ✌✌️擅长Oracle、MySQL、SQLserver、Linux&#xff0c;也在积极的扩展IT方向的其他知识面✌✌️ ❣️❣️❣️大佬们都喜欢静静的看文章&#xff0c;并且也会默默的点赞收藏加关注❣…
阅读更多...
springboot+vue实现微信公众号扫码登录

springboot+vue实现微信公众号扫码登录

通常在个人网站中&#xff0c;都会有各种第三方登录&#xff0c;其中微信登录需要认证才能使用&#xff0c;导致个人开发者不能进行使用此功能&#xff0c;但是我们可以使用微信公众号回复特定验证码来进行登录操作。 微信关键词处理 微信公众号关键词自动回复&#xff0c;具体…
阅读更多...
Vue3前端实现一个本地消息队列(MQ)， 让消息延迟消费或者做缓存

Vue3前端实现一个本地消息队列(MQ)， 让消息延迟消费或者做缓存

MQ功能实现的具体代码(TsMQ.ts)&#xff1a; import { v4 as uuidx } from uuid;import emitter from /utils/mitt// 消息类 class Message {// 过期时间&#xff0c;0表示马上就消费exp: number;// 消费标识&#xff0c;避免重复消费tag : string;// 消息体body : any;constr…
阅读更多...
最新文章

Copyright @ 2022~2023