Vue+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://www.mzph.cn/news/701167.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

vue3中ref创建变量取值时自动补充 .value 插件 volar

vue3中ref创建变量取值时自动补充 .value 插件 volar

插件 TypeScript Vue Plugin (Volar) 设置中配置
阅读更多...
进阶了解C++(2)——复杂的继承及其底层原理

进阶了解C++(2)——复杂的继承及其底层原理

在上篇文章中&#xff0c;给出了关于继承这部分的相关知识&#xff0c;例如继承的定义&#xff0c;继承与默认成员函数等。本文将针对复杂的继承方式&#xff0c; 1. 复杂的继承方式&#xff1a; 1.1 单继承&#xff1a; class Professor { public:int _age;string _name; }…
阅读更多...
Windows安装HBuilderX

Windows安装HBuilderX

下载 HBuilderX下载地址: 下载地址 解压安装包 HBuilderX&#xff0c;Windows为zip包&#xff0c;解压后才能使用。 首先&#xff0c;选中下载的zip包&#xff0c;点击右键菜单&#xff0c;点击解压到当前文件夹进入解压后的文件夹&#xff0c;找到HBuilderX.exe&#xff0…
阅读更多...
计算机组成原理（13）-----硬件多线程

计算机组成原理（13）-----硬件多线程

目录 1.细粒度多线程 2.粗粒度多线程 3.同时多线程&#xff08;SMT&#xff09; 在不支持硬件多线程的处理器中&#xff0c;若要进行线程的切换&#xff0c;就需要保存和恢复线程的运行环境&#xff08;否则会出现数据覆盖引起的错误&#xff09;。 但在支持硬件多线程的处…
阅读更多...
Android java中包的使用

Android java中包的使用

一.包的使用 为了更好的实现项目中类的管理&#xff0c;提供包的概念。 package语句作为Java源文件的第一条语句&#xff0c;指明该文件中定义的类所在的包。(若缺省该语句&#xff0c;则指定为无名包)。 它的格式为&#xff1a;package 顶层包名.子包名 ; 二.java中主要的包…
阅读更多...
算法分析-面试1-字符串

算法分析-面试1-字符串

文章目录 前言一、分类&#xff1a;看看就行了二、字符串API&#xff1a;创建和初始化&#xff1a;查询操作&#xff1a;比较操作&#xff1a;修改操作&#xff1a;截取操作&#xff1a;分割操作&#xff1a;格式化操作&#xff1a;连接操作&#xff08;Java 8 及以后&#xff…
阅读更多...
Delphi 11 安卓的蓝牙权限申请

Delphi 11 安卓的蓝牙权限申请

上一篇博客里面的代码&#xff0c;演示如何申请安卓的权限。 如何申请安卓的蓝牙权限&#xff1f; 本博客之前有一篇文章写过。 现在 Google 要求 Android API Level 必须是 33。对于 BLE 的权限申请&#xff0c;有了一些新的要求。 以下描述&#xff0c;基于 Delphi 11。 …
阅读更多...
vue页面基本增删改查

vue页面基本增删改查

练手项目vue页面 新手前端轻喷&#xff1a; 效果如下 1、2两个部分组成&#xff1a; 对应代码中 element-ui中的 el-form 和 el-table 照着抄呗&#xff0c;硬着头皮来&#xff01; 建议&#xff1a;认真读一遍你用的组件 那上边简单得列表举例&#xff1a; 建议大家手敲一个…
阅读更多...
Unity与Android交互通信系列（5）

Unity与Android交互通信系列（5）

在前述文章中&#xff0c;已经使用了AndroidJavaProxy代理接口&#xff0c;本节我们将详细的介绍AndroidJavaProxy代理的用法。正如其名&#xff0c;AndroidJavaProxy是一个代理&#xff0c;它在Android端代码与Unity端代码交互中起一个桥接作用。其一般用法为在Java代码中定义…
阅读更多...
【深度学习】主要提出者【Hinton】中国大会最新演讲【通往智能的两种道路】

【深度学习】主要提出者【Hinton】中国大会最新演讲【通往智能的两种道路】

「但我已经老了&#xff0c;我所希望的是像你们这样的年轻有为的研究人员&#xff0c;去想出我们如何能够拥有这些超级智能&#xff0c;使我们的生活变得更好&#xff0c;而不是被它们控制。」 6 月 10 日&#xff0c;在 2023 北京智源大会的闭幕式演讲中&#xff0c;在谈到如…
阅读更多...
一键生成PDF即刻呈现：轻松创建无忧体验

一键生成PDF即刻呈现：轻松创建无忧体验

在信息爆炸的时代&#xff0c;我们每天都在与各种文件、资料打交道。无论是工作中的报告、合同&#xff0c;还是学习中的笔记、论文&#xff0c;如何高效、安全地管理这些珍贵的资料&#xff0c;成为了我们迫切的需求。幸运的是&#xff0c;随着科技的发展&#xff0c;我们不再…
阅读更多...
SpringBoot Admin 详解

SpringBoot Admin 详解

SpringBoot Admin 详解 一、Actuator 详解1.Actuator原生端点1.1 监控检查端点&#xff1a;health1.2 应用信息端点&#xff1a;info1.3 http调用记录端点&#xff1a;httptrace1.4 堆栈信息端点&#xff1a;heapdump1.5 线程信息端点&#xff1a;threaddump1.6 获取全量Bean的…
阅读更多...
【Python笔记-设计模式】享元模式

【Python笔记-设计模式】享元模式

一、说明 享元模式是一种结构型设计模式&#xff0c;它摒弃了在每个对象中保存所有数据的方式&#xff0c;通过共享多个对象所共有的相同状态&#xff0c;让你能在有限的内存容量中载入更多对象。 (一) 解决问题 旨在减少大量相似对象创建时的内存开销 (二) 使用场景 大量…
阅读更多...
AI：136-基于深度学习的图像生成与风格迁移

AI：136-基于深度学习的图像生成与风格迁移

🚀点击这里跳转到本专栏，可查阅专栏顶置最新的指南宝典~ 🎉🎊🎉 你的技术旅程将在这里启航！ 从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。 ✨✨✨ 每一个案例都附带关键代码，详细讲解供大家学习，希望…
阅读更多...
微服务三十五关

微服务三十五关

1.微服务有什么好处&#xff1f; 微服务优点很多&#xff0c;但是我们通常说一个东西好肯定会跟另一个东西比较&#xff0c; 通常说微服务好会和单体项目进行比较。以下是微服务相对于单体项目的一些显著好处&#xff1a; 首先&#xff0c;让我们讨论单体项目的一些主要缺点&a…
阅读更多...
在线程调用的函数中使用pthread_exit同样会将线程退出

在线程调用的函数中使用pthread_exit同样会将线程退出

如上图所示&#xff0c;在func()函数中调用pthread_exit&#xff0c;同样可以退出当前线程&#xff1b; 类似的&#xff0c;如果func&#xff08;&#xff09;函数中调用exit&#xff0c;可以直接退出整个进程。 return 是返回到函数调用处&#xff1b; pthread_exit是退出…
阅读更多...
KTV点歌系统vue+springboot音乐歌曲播放器系统

KTV点歌系统vue+springboot音乐歌曲播放器系统

目前现有的KTV点歌系统对于用户而言其在线点歌流程仍然过于繁琐&#xff0c;对于歌曲而言其系统安全性并不能保障。同时整套系统所使用的技术相对较为落后&#xff0c;界面不能动态化展示。相比较于其它同类型网站而言不能体现技术先进性。 1.2 项目目标 KTV点歌系统的后台开发…
阅读更多...
wpf 3d 后台加载模型和调整参数

wpf 3d 后台加载模型和调整参数

下载了一个代码&#xff0c;加载obj模型&#xff1b;它的参数在xaml里&#xff0c;模型加载出来刚好&#xff1b; 然后加载另一个obj模型&#xff1b;加载出来之后大&#xff0c;偏到很高和左的位置&#xff1b; 它之前的摄像机位置&#xff0c; Position"9.94759830064…
阅读更多...
Apache celeborn 安装及使用教程

Apache celeborn 安装及使用教程

1.下载安装包 https://celeborn.apache.org/download/ 测0.4.0时出现https://github.com/apache/incubator-celeborn/issues/835 2.解压 tar -xzvf apache-celeborn-0.3.2-incubating-bin.tgz 3.修改配置文件 cp celeborn-env.sh.template celeborn-env.shcp log4j2.xml.…
阅读更多...
前后端分离Vue+nodejs校园论坛bbs系统x450z

前后端分离Vue+nodejs校园论坛bbs系统x450z

开发语言 node.js 框架&#xff1a;Express 前端:Vue.js 数据库&#xff1a;mysql 数据库工具&#xff1a;Navicat 开发软件&#xff1a;VScode本论文拟采用计算机技术设计并开发的论坛bbs系统&#xff0c;主要是为用户提供服务。使得用户可以在系统上查看帖子信息、签到积分等…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023