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

登录界面如下图所示。

图 42登陆界面

  <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仓库管理界面

其主要实现代码如下所示

​​​​​​​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);
   }
}