17.快递物流仓库管理系统（基于springboot和vue）

目录

1.系统的受众说明    

2.系统详细设计

2.1 需求分析

2.2 系统功能设计

2.3 开发环境分析

​​​​​​​2.4 E-R图设计

2.5 数据库设计

3. 系统实现

3.1 环境搭建

​​​​​​​3.2 员工信息管理模块

3.3 销售订单信息管理模块

​​​​​​​3.4 图表分析模块

​​​​​​​3.5 商品信息和仓库管理

​​​​​​​3.6 配送管理模块

3.7 系统管理模块

3.8 切面日志的使用

1.系统的受众说明 
   

     1 在校学习的学生，可用于日常学习使用或是毕业设计使用

     2 毕业一到两年的开发人员，用于锻炼自己的独立功能模块设计能力，增强代码编写能力。

     3 亦可以部署为商化项目使用。

     4 需要完整资料及源码，请在文末获取联系方式领取。

2.系统详细设计

3. 系统实现

3.1 环境搭建

搭建基于springboot和vue仓库快递物流配送平台首先需要搭建springboot环境。Spring MVC 用于 Web 层，相当于 Controller，处理请求并作出响应；MyBatis 作为持久层的框架，可以自由的控制 SQL，更加简捷地完成数据库操作；Spring 的依赖注入可以减少代码的耦合，可以装配 Bean，另外其 AOP、事务管理尤其方便，同时，Spring 可以将各层进行整合。springboot框架相比于SSM更轻量灵活，也更符合敏捷开发的需求。[13]

在设计并建立数据库后，首先建立了所需的包并导入了项目所用的jar包。框架结构图如下图所示。

图 41前后端项目结构图

后端总配置：

server:
 port: 8088
spring:
 mail:
   host: smtp.qq.com
   protocol: smtp
   default-encoding: UTF-8
   #发件人
   username: abc@qq.com
   #授权码
   password: hmps234234
   port: 465
   properties:
     mail:
       debug: true
       smtp:
         ssl:
           enable: true
 datasource:
   driver-class-name: com.mysql.cj.jdbc.Driver
   url: jdbc:mysql://localhost:3306/wmsadmin?useUnicode=true&characterEncoding=utf-8&allowMultiQueries=true&useSSL=false&serverTimezone=GMT%2b8&allowPublicKeyRetrieval=true
   username: root
   password: root
 jpa:
   hibernate:
     ddl-auto: update
   open-in-view: false
   show-sql: true
#设置日志级别会给root根节点设置，代表整体应用的级别
logging:
 level:
   root: info

前端与后端连接参数：

import request from "axios"

import {message} from 'ant-design-vue'

import router from '../router/index'

var token = localStorage.getItem("token")

var service = request.create({

    baseURL: 'http://localhost:8088/api',

    timeout: 50000

});

service.interceptors.response.use(

    response => {

        const res = response.data;

        //判断response状态

        if (!res.status) message.error('请求错误: ' + res.msg)

        if (res.code === 403) router.push("/403")

        return res

    },

    error => {

        message.error(error)

        router.push('/500')

        return Promise.reject(error)

    }

);

console.log("执行request.js2");

export default service

1. 1. 用户登录模块

用户登录功能是采用form提交的形式进行登陆验证，在输入用户名和密码后，通过form的post，提交方式，提交到服务器端，服务器端接受到数据，在数据库中查找，查找出这个用户，登录成功，如果查询出来没有，登录失败。

登录界面如下图所示。

图 42登陆界面

<template>

  <div class="login_container">

  <div class="login-box">

    <div>

      <div class="title">物流快递仓库管理系统</div>

      <a-tabs @change="tabClick" default-active-key="1" :tabBarStyle="{ textAlign: 'center' }">

        <a-tab-pane key="1" tab="密码登陆">

          <a-input

              v-model="form.email"

              size="large"

              style="margin-top: 10px"

              class="input"

              placeholder="邮箱">

            <a-icon slot="prefix" type="mail"/>

          </a-input>

          <a-input-password

              v-model="form.password"

              size="large"

              class="input"

              placeholder="密码">

            <a-icon slot="prefix" type="lock"/>

          </a-input-password>

        </a-tab-pane>

        <a-tab-pane key="2" tab="验证码登陆" force-render>

          <a-input

              v-model="form.email"

              size="large"

              style="margin-top: 10px"

              class="input"

              placeholder="邮箱">

            <a-icon slot="prefix" type="mail"/>

          </a-input>

          <div style="display: flex">

            <a-input

                v-model="form.code"

                size="large"

                class="input"

                placeholder="验证码">

              <a-icon slot="prefix" type="safety-certificate"/>

            </a-input>

            <a-button class="code-btn" :loading="sendLoading" @click="sendEmail">

              获取验证码

            </a-button>

          </div>

        </a-tab-pane>

      </a-tabs>

      <div style="margin-bottom: 20px;display: flex;justify-content: space-around;">

        <a-checkbox v-model="form.remember" style="display: inline;">自动登录</a-checkbox>

        <!-- <a-button type="link" to="/init">没有账号？点我注册 </a-button> -->

        <router-link to="/init">没有账号？点我注册</router-link>

      </div>

      <a-button :loading="submitLoading" class="submit-btn" type="primary" @click="submitLogin">

        确认登陆

      </a-button>

      <div class="des">管理员登录</div>

    </div>

  </div>

</div>

</template>

​​​​​​​3.2 员工信息管理模块

import com.example.api.annotation.Log;
import com.example.api.model.entity.Employee;
import com.example.api.model.enums.BusincessType;
import com.example.api.service.EmployeeService;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.util.List;

@RestController
@RequestMapping("/api/employee")
@PreAuthorize("hasAnyRole('ROLE_SUPER_ADMIN' ,'ROLE_EMPLOYEE')")
public class EmployeeController {

   @Resource
   private EmployeeService employeeService;

   @Log(moudle = "员工管理",type = BusincessType.QUERY)
   @GetMapping("")
   public List<Employee> findAll() {
       return employeeService.findAll();
   }

   @Log(moudle = "员工管理",type = BusincessType.QUERY)
   @GetMapping("/{id}")
   public Employee findById(@PathVariable String id) {
       return employeeService.findById(id);
   }

   @Log(moudle = "员工管理",type = BusincessType.INSERT)
   @PostMapping("")
   public Employee save(@RequestBody Employee employee) {
       return employeeService.save(employee);
   }

   @Log(moudle = "员工管理",type = BusincessType.UPDATE)
   @PutMapping("")
   public void update(@RequestBody Employee employee) {
       employeeService.update(employee);
   }

   @Log(moudle = "员工管理",type = BusincessType.DELETE)
   @DeleteMapping("")
   public void delete(String id) {
       employeeService.delete(id);
   }

}

图 43员工管理

添加界面如下图所示。

图 44员工信息添加

3.3 销售订单信息管理模块

销售订单管理模块包含 公司打款账号，商品数量预留电话，总计界面如下图所示。

图 45销售订单界面

代码：

package com.example.api.controller;

import com.example.api.model.entity.Sale;
import com.example.api.service.SaleService;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.util.List;

@RestController
@RequestMapping("/api/sale")
@PreAuthorize("hasAnyRole('ROLE_SUPER_ADMIN' ,'ROLE_SALE')")
public class SaleController {
   @Resource
   private SaleService saleService;

   @PostMapping("")
   public Sale save(@RequestBody Sale sale) {
       return saleService.save(sale);
   }

   @GetMapping("")
   public List<Sale> findAll() {
       return saleService.findAll();
   }

   @GetMapping("/search/{name}")
   public List<Sale> search(@PathVariable String name) {
       return saleService.searchByCompany(name);
   }

}

​​​​​​​3.4 图表分析模块

快递人员管理是对物流的种类信息进行管理，如下图所示。

图 46入库分析界面

代码

@GetMapping("analyze")
public List<CommodityChartVo> analyze(Integer type) {
   return recordService.analyzeCommodity(type);
}

​​​​​​​3.5 商品信息和仓库管理

在仓库中，经常遇到，今天的课程全在南区，但快递却在北区的菜鸟驿站，一来一回要花费半小时。以及，有些时候，用户会收到一些非常重的快递，但并不是每次都能找到用户来搬。在这种情况下开发了代取件功能。

用户收到菜鸟驿站的快递短信通知后，登陆网站，写上自己的快递基本信息，如大概重量，以及自己的宿舍楼层，以及报酬等，愿意接单的其他用户会在进入网站时看到此条信息，接单并联系送货的时间。在送达后会进行互相评分并进行评价。

查看代取件订单时如下图所示

图 47商品信息管理界面

仓库如下图所示。

图 48仓库管理界面

其主要实现代码如下所示

package com.example.api.controller;
import com.example.api.annotation.Log;
import com.example.api.model.entity.Warehouse;
import com.example.api.model.enums.BusincessType;
import com.example.api.service.WarehouseService;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.util.List;

@RestController
@RequestMapping("/api/warehouse")
@PreAuthorize("hasAnyRole('ROLE_SUPER_ADMIN' ,'ROLE_WAREHOUSE')")
public class WarehouseController {

   @Resource
   private WarehouseService warehouseService;

   @Log(moudle = "仓库管理",type = BusincessType.INSERT)
   @PostMapping("")
   public Warehouse save(@RequestBody Warehouse warehouse) {
       return warehouseService.save(warehouse);
   }

   @Log(moudle = "仓库管理",type = BusincessType.QUERY)
   @GetMapping("")
   public List<Warehouse> findAll() {
       return warehouseService.findAll();
   }

   @Log(moudle = "仓库管理",type = BusincessType.DELETE)
   @DeleteMapping("")
   public void delete(String id) {
       warehouseService.delete(id);
   }

}

​​​​​​​3.6 配送管理模块

管理员可以发布或修改公告，所有用户可见。公告管理界面如下图所示。

图 49申请配送管理界面

3.7 系统管理模块

快递人员信息修改是员工可以对自己的编号密码地址等进行修改，如下图所示。

图 410操作员管理界面

图 411修改登陆人信息界面

图 412 权限列表

3.8 切面日志的使用

package com.example.api.aspect;

import com.example.api.annotation.Log;
import com.example.api.model.entity.SystemLog;
import com.example.api.service.SystemLogService;
import com.example.api.utils.IpUtil;
import com.example.api.utils.JwtTokenUtil;
import org.aspectj.lang.ProceedingJoinPoint;
import org.aspectj.lang.annotation.Around;
import org.aspectj.lang.annotation.Aspect;
import org.aspectj.lang.annotation.Pointcut;
import org.aspectj.lang.reflect.MethodSignature;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import org.springframework.web.context.request.RequestAttributes;
import org.springframework.web.context.request.RequestContextHolder;
import org.springframework.web.context.request.ServletRequestAttributes;

import javax.servlet.http.HttpServletRequest;
import java.lang.reflect.Method;
import java.time.LocalDateTime;

@Aspect
@Component
public class LogAspect {
   @Autowired
   private SystemLogService logService;

   /*
       表明切点
    */
   @Pointcut("@annotation(com.example.api.annotation.Log)")
   public void pt(){}

   /*
      环绕通知
    */
   @Around("pt()")
   public Object Around(ProceedingJoinPoint point) throws Throwable {
       //记录开始时间
       long beginTime = System.currentTimeMillis();
       Object res = null;
       try {
           //执行方法
           res = point.proceed();
       }finally {
           //计算执行时长
           long time = System.currentTimeMillis() - beginTime;
           recordLog(point);
       }
       return res;
   }

   private void recordLog(ProceedingJoinPoint point){
       //获取当前请求对象
       ServletRequestAttributes requestAttributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
       HttpServletRequest request = requestAttributes.getRequest();
       //获取目标方法签名
       MethodSignature signature = (MethodSignature) point.getSignature();
       Method method = signature.getMethod();
       Log annotation = method.getAnnotation(Log.class);
       //封装日志对象
       SystemLog systemLog = new SystemLog();
       systemLog.setModule(annotation.moudle());
       systemLog.setBusincessType(annotation.type().getName());
       systemLog.setIp(IpUtil.getIpAddr(request));
       systemLog.setTime(LocalDateTime.now());
       //获取方法的全路径
       systemLog.setMethod(signature.getDeclaringTypeName()+"."+signature.getName());
       //获取token,并解析token来获取当前账号
       String token = request.getHeader(JwtTokenUtil.TOKEN_HEADER);
       systemLog.setAccount(JwtTokenUtil.getUsername(token));
       //持久化到数据库
       logService.record(systemLog);
   }
}

原文地址：https://blog.csdn.net/qq_24907431/article/details/143374175

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！