Java Web 交通管理在线服务系统 SpringBoot2 Vue3 MyBatis-Plus MySQL8.0

摘要

随着城市化进程的加快和机动车保有量的持续增长，交通管理面临着日益复杂的挑战。传统的线下交通管理服务模式效率低下，难以满足现代社会的需求。交通拥堵、违章处理效率低、信息不透明等问题日益突出，亟需通过信息化手段提升管理效率和服务水平。基于此，开发一套高效、便捷的交通管理在线服务系统具有重要意义。该系统旨在整合交通管理资源，实现业务线上化、数据可视化，为公众提供一站式服务，同时为管理部门提供决策支持。

本系统采用 SpringBoot2 作为后端框架，结合 Vue3 前端技术，实现前后端分离开发。数据库选用 MySQL8.0，通过 MyBatis-Plus 简化数据操作。系统功能涵盖用户管理、违章处理、车辆信息管理、在线缴费等模块。用户可通过系统查询违章记录、缴纳罚款、预约业务办理；管理员则能高效管理车辆和驾驶员信息，生成统计报表。系统设计注重用户体验和数据安全，采用 JWT 进行身份验证，确保数据传输加密。

数据表

用户信息数据表

用户注册及登录过程中创建时间通过函数自动获取，用户 ID 是该表的主键，存储用户基本信息和权限相关属性内容，结构如表所示。

字段名	数据类型	说明
user_id	BIGINT	用户唯一标识（主键）
user_name	VARCHAR	用户登录名
real_name	VARCHAR	真实姓名
pass_encrypt	VARCHAR	加密后的密码
mobile_num	VARCHAR	手机号
email_addr	VARCHAR	电子邮箱
role_type	TINYINT	角色类型（0 用户，1 管理员）
reg_time	DATETIME	注册时间
last_login	DATETIME	最后登录时间

车辆信息数据表

车辆信息录入时车牌号需唯一校验，车辆 ID 是该表的主键，存储车辆基本属性和绑定用户信息，结构如表所示。

字段名	数据类型	说明
car_id	BIGINT	车辆唯一标识（主键）
plate_num	VARCHAR	车牌号
car_brand	VARCHAR	车辆品牌
car_model	VARCHAR	车型
owner_id	BIGINT	所属用户 ID
engine_num	VARCHAR	发动机编号
register_date	DATE	注册日期
car_status	TINYINT	状态（0 正常，1 锁定）

违章记录数据表

违章信息由系统自动生成或管理员手动录入，记录 ID 是该表的主键，存储违章详情和处理状态，结构如表所示。

字段名	数据类型	说明
violate_id	BIGINT	违章记录 ID（主键）
car_id	BIGINT	关联车辆 ID
violate_type	VARCHAR	违章类型
violate_time	DATETIME	违章时间
location	VARCHAR	违章地点
fine_amount	DECIMAL	罚款金额
deal_status	TINYINT	处理状态（0 未处理，1 已处理）
process_time	DATETIME	处理时间

功能参考截图

文档参考

技术架构栈

后端技术：Spring Boot

Spring Boot 作为现代 Java 企业级开发的核心框架，以其'约定优于配置'的设计哲学重新定义了应用开发模式。核心特性解析：零配置启动，集成自动配置机制，大幅减少 XML 配置文件编写；嵌入式服务器，内置 Tomcat/Jetty/Undertow，支持独立 JAR 包部署；生产就绪，集成 Actuator 监控组件，提供健康检查、指标收集等企业级特性；微服务友好，天然支持分布式架构，与 Spring Cloud 生态无缝集成。

开发优势：通过 Starter 依赖体系和智能自动装配，开发者可将精力完全聚焦于业务逻辑实现，而非底层基础设施搭建。单一可执行 JAR 的部署模式极大简化了运维流程。

前端技术：Vue.js

Vue.js 以其渐进式框架设计和卓越的开发体验，成为现代前端开发的首选解决方案。技术亮点：响应式数据流，基于依赖追踪的响应式系统，实现高效的视图更新；组件化架构，单文件组件（SFC）设计，实现样式、逻辑、模板的完美封装；灵活的渐进式设计，可从简单的视图层库扩展至完整的 SPA 解决方案；丰富的生态系统，Vue Router、Vuex/Pinia、Vue CLI 等官方工具链完备。

开发效率：直观的模板语法结合强大的指令系统，让复杂的用户交互变得简洁明了。优秀的 TypeScript 支持和开发者工具，为大型项目提供可靠的开发保障。

核心代码

package com.controller;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UsersEntity;
import com.service.TokenService;
import com.service.UsersService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UsersController{
    @Autowired
    private UsersService userService;
    @Autowired
    private TokenService tokenService;

    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String captcha, HttpServletRequest request) {
        UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
        if(user==null || !user.getPassword().equals(password)) {
            return R.error("账号或密码不正确");
        }
        String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
        return R.ok().put("token", token);
    }

    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UsersEntity user){
        // ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        return R.ok("退出成功");
    }

    /**
     * 密码重置
     */
    @IgnoreAuth
    @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
        UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
        if(user==null) {
            return R.error("账号不存在");
        }
        user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }

    /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UsersEntity user){
        EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UsersEntity user){
        EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
        ew.allEq(MPUtil.allEQMapPre( user, "user"));
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UsersEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 获取用户的 session 用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Long id = (Long)request.getSession().getAttribute("userId");
        UsersEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UsersEntity user){
        // ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UsersEntity user){
        // ValidatorUtils.validateEntity(user);
        UsersEntity u = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername()));
        if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
            return R.error("用户名已存在。");
        }
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}