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

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

一、展示与功能介绍

(一)后台登录界面展示

(二)后台登录界面实现功能

实现功能如下:

1、用户鉴权

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

2、密码加密------MD5加密

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

(三)后台管理系统界面展示

1、主界面

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

还可以全屏等等

2、员工管理界面

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

3、用户管理界面

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

4、汽车管理界面

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

5、订单管理界面

实现功能如下:

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

6、损坏信息界面

实现功能:

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

7、违章信息界面

实现功能:

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

(四)项目结构展示

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

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

相关推荐
天远数科1 小时前
零信任架构实战:基于天远二手车VIN估值构建自动化汽车数据网关
人工智能·架构·自动化·汽车
Simon_He1 小时前
一个渲染内核,五个框架包:我的流式 Markdown 渲染库是怎么长成“全家桶”的
前端·vue.js·markdown
夏雪coding2 小时前
JeecgBoot 动态路由踩坑(Vue2):刷新白屏、permissionList[0] 报 undefined,以及我最后为什么全删了
javascript·vue.js
孔明click332 小时前
别人绕过我的网关直接调用资源服务怎么办?使用 Sa-Token 解决:网关转发鉴权、RPC调用鉴权
java·sa-token·springboot·权限·权限认证
前进的程序员3 小时前
Codex破局:前端组件秒级生成|提速React/Vue开发,可复用提示词+实战调试经验
前端·vue.js·react.js·codex
JunjunZ3 小时前
Vue 3 文件预览的通用设计与实现
前端·vue.js
汽车仪器仪表相关领域4 小时前
ZDT‑I伺服电机测试系统:四象限动态加载
大数据·数据库·分布式·功能测试·汽车·压力测试·可用性测试
慧都小项4 小时前
夜间Web回归跑到一半停了?TestComplete 15.83提升批量测试稳定性
前端·测试工具·数据挖掘·回归·汽车·web
Luminbox紫创测控4 小时前
汽车前照灯阳光灼烧:光学热仿真与太阳光模拟器验证
人工智能·测试工具·汽车·安全性测试·测试标准
无懈可击8 小时前
Vue 低代码可视化 AI 表单设计器 FcDesigner v3.5 版本发布!
前端·vue.js·前端框架