Vue+Element-ui+SpringBoot搭建后端汽车租赁管理系统

最近在做项目，花了一周的时间搭建了一个十分完备的汽车租赁后端管理系统。页面采用纯Vue2+Element-ui搭建，后端采用Springboot+Mybatis搭建，数据库采用Mysql。包括了登录验证，根据不同权限进入不同界面、数据增删改查、表格分页、表格excel导出等等功能。已开源至git，在文末有提取链接。

 一、展示与功能介绍

（一）后台登录界面展示

（二）后台登录界面实现功能

实现功能如下：

1、用户鉴权

• 非管理员，即登录不成功：无法跳转到管理界面，即使改变地址栏访问后台也不行
• 普通管理员，登录成功：成功跳转到管理员界面，但会少一些只有超级管理员才能操作的功能(对管理员账号密码的管理)，即使改变地址栏访问超级管理员后台也不行
• 超级管理员，登录成功：成功跳转到超级管理员界面，拥有所有后台操作权限

2、密码加密——MD5加密

所有管理员登录都会对密码进行加密，然后再传输到数据库。采用的是MD5加密，MD5加密是一种不可逆加密，你可以转成MD5的哈希值，但你无法从这个哈希值转回到原始数据。所以，100%不用担心登录密码在传输中被窃取，目前没有任何手段进行破解。你能搜到的MD5破解工具只能对一些非常简单的字符串进行对比（你以为是解出来的，实际上，呵呵，只是拿这常用的那些字符串去数据库对比而已，复杂的字符串是解不出来的）。

（三）后台管理系统界面展示

1、主界面

• 首页显示实时数据，数据库有多少数据，就会展示多少数据，实时更新
• 导航栏可以实现全屏，收起侧边栏，刷新，退出登录等功能

还可以全屏等等

 2、员工管理界面

拿着超级管理员的账号密码登录可见。使用纯element-ui实现，没用什么引入，一个html页面写下来的。可增删改，分页，导出excel表格，还可以搜索。当然这里的增加和修改密码，依旧采用了加密。

 3、用户管理界面

功能类似，页面上显示出来的所有功能，我都做了。

4、汽车管理界面

我加入了图片添加，修改的功能。

5、订单管理界面

实现功能如下：

• 当添加订单，所添加的汽车会自动从待出租状态变为已出租状态
• 当修改订单状态为已完成，又会将汽车状态自动从已出租状态变为带出租状态
• 添加时，当输入的汽车编号不存在给出提示，当输入的人不存在给出提示
• 价格自动计算不需要输入，公式为：（结束时间-开始时间）*  汽车价格（￥/天）+押金。以上任意一个属性被修改，值会自动改变。不满一天设置成立自动算作一天。
• 当在用户管理处，修改用户相关信息时，订单对应用户信息发生改变
• 当在汽车管理处，修改汽车相关信息时，订单对应汽车信息发送改变
• 其他什么搜索、增删改、分页、导出都实现了，不做过多赘述

6、损坏信息界面

实现功能：

• 添加时如果合同编号在订单中查不到，给出提示

 

7、违章信息界面

实现功能：

• 添加时如果合同编号在订单中查不到，给出提示

（四）项目结构展示

你没看错，页面就只有三个，使用的是v-if判断，显示不同div。

源码等这几天有空了上传github~

_____________________________________________________________________________2023/9/10 已开源，上传至git : Vue2+element-ui+SpringBoot搭建后端汽车租赁系统: 采用纯vue+element-ui搭建系统界面，springboot+mybatis搭建后端，实现了登录权鉴，MD5加密，分页，导出excel，增删改、搜索、动态计算等功能 (gitee.com)