计算机毕业设计——springboot+vue汽车修理管理系统(附源码)

1,项目背景

在如今这个信息时代,“汽车维修管理系统” 这种维修方式已经为越来越多的人所接受。在这种背景之下,一个安全稳定并且强大的网络预约平台不可或缺,在这种成熟的市场需求的推动下,在先进的信息技术的支持下,汽车维修管理系统应运而生。

它可以使管理员和客户、员工更紧密地联系起来,以更快地满足客户的需求,也可以让客户了解汽车维修信息的状况。目前市面上已经有此类的汽车维修信息管理系统,但是现有汽车维修信息管理或多或少存在着功能比较单一、维护比较复杂、操作比较繁琐等问题。

有的系统甚至直接采用静态网页发布维修、预约等等信息,这些因素在一定程度上限制了汽车维修信息管理在目前市场上的推广。如何开发出费用低廉、功能强大的系统正是我们需要解决的课题。

2,系统设计

数据库概念模型设计(E-R图)

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第1张图片

用户列表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第2张图片

员工信息表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第3张图片

零件入库表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第4张图片

零件出库表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第5张图片

汽车登记表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第6张图片

汽车修理表

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第7张图片

前端架构

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第8张图片

后端架构

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第9张图片

3,需求分析

系统分为两个权限部分:管理员用户登录模块,普通用户登录模块。管理员用户登录模块包括:员工信息,零件入库管理,零件出库管理。普通用户登录模块:汽车登记表,汽车修理表。

管理员用户登录模块:

员工信息
  • 批量录入员工信息,手动输入员工编号,员工姓名,小时工资。

  • 查询并列出表中所有的员工信息。

  • 修改指定员工的信息。

  • 删除指定员工的信息。

零件入库管理
  • 批量录入零件入库信息,手动输入零件型号,入库数量,库存数量,价格。

  • 查询并列出表中所有的零件入库信息

  • 修改指定零件入库的信息。

  • 删除指定零件入库的信息。

零件出库管理
  • 批量录入零件出库信息,手动输入零件型号,出库数量,库存数量,价格。

  • 查询并列出表中所有的零件出库信息。

  • 修改指定零件入库的信息。

  • 删除指定零件入库的信息。

普通用户登录模块:

汽车登记表
  • 批量录入汽车登记信息,手动输入车主姓名,车牌号,汽车型号,登记时间。

  • 查询并列出表中所有的汽车登记信息。

汽车修理表
  • 批量录入汽车修理信息,手动输入车牌号,员工编号,修理单编号,修理项目,修理用时。

  • 查询并列出表中所有的汽车修理信息。

4,技术分析

后端技术

技术 说明 官网
SpringBoot Web应用开发框架 https://spring.io/projects/spring-boot
SpringSecurity 认证和授权框架 https://spring.io/projects/spring-security
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
Druid 数据库连接池 https://github.com/alibaba/druid
JWT JWT登录支持 https://github.com/jwtk/jjwt
Lombok Java语言增强库 https://github.com/rzwitserloot/lombok
PageHelper MyBatis物理分页插件 http://git.oschina.net/free/Mybatis_PageHelper

前端技术

技术 说明 官网
Vue 前端框架 https://vuejs.org/ 有源码 获取源码
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io
Axios 前端HTTP框架 https://github.com/axios/axios

5,系统页面展示

登陆界面

方法 说明
login(@RequestBody User user) 用户登录时前后端交互的方法

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第10张图片

打印票据

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第11张图片

用户列表

方法 说明
getUserList(QueryInfo queryInfo) 获取所有用户信息的方法
updateUserState(@RequestParam(“id”)Integer id 状态按钮的方法
addUser(@RequestBody User user) 添加用户的方法
deleteUser(int id) 删除用户的方法
getUpdateUser(int id) 修改用户的方法1(获取信息)
editUser(@RequestBody User user) 修改用户的方法2

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第12张图片

添加用户

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第13张图片

员工信息列表

方法 说明
getEmployeeList(QueryInfo queryInfo) 获取所有员工信息的方法
addEmployee(@RequestBody EmployeeInfor employeeinfor) 添加员工信息的方法
deleteEmployee(int id) 删除员工信息的类别
getUpdateEmployee(int id) 修改员工信息的方法1
editEmployee(@RequestBody EmployeeInfor imployeeinfor) 修改员工信息的方法2

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第14张图片

添加员工

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第15张图片

零件入库列表

方法 说明
getPartsWList(QueryInfo queryInfo) 获取所有零件入库信息的方法
addPartsW(@RequestBody PartsW partsW) 添加零件入库信息的方法
deletePartsW(int id) 删除零件入库信息的方法
getUpdatePartsW(int id) 修改零件入库信息的方法1
editPartsW(@RequestBody PartsW partsW) 修改零件入库信息的方法2

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第16张图片

添加入库信息

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第17张图片

零件出库列表

方法 说明
getPartsDList(QueryInfo queryInfo) 获取所有零件出库信息的方法
addPartsD(@RequestBody PartsD partsD) 添加零件出库信息的方法
deletePartsD(int id) 删除零件出库信息的方法
getUpdatePartsD(int id) 修改零件出库信息的方法1
editPartsD(@RequestBody PartsD partsD) 修改零件出库信息的方法2

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第18张图片

添加出库信息

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第19张图片

汽车登记信息列表

方法 说明
getCarregList(QueryInfo queryInfo) 获取所有汽车登记信息的方法
public String addCarreg(@RequestBody Carreg carreg) 添加汽车登记信息的方法

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第20张图片

登记汽车

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第21张图片

汽车修理信息列表

方法 说明
getCarrepList(QueryInfo queryInfo) 获取所有汽车修理信息的方法
addCarrep(@RequestBody Carrep carrep) 添加汽车修理信息的方法

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第22张图片

添加修理信息

计算机毕业设计——springboot+vue汽车修理管理系统(附源码)_第23张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,spring,boot,vue.js,毕业设计,java,node.js,后端)