汽车租赁系统
前后端分离的汽车租赁管理系统,包含用户端(选车、下单、订单管理)与管理后台(统计、车辆管理、订单管理)。
项目截图







功能概览
用户端
| 功能 | 说明 |
|---|---|
| 首页 / 选车 | 浏览车辆列表,按品牌、车型、状态筛选,分页查看 |
| 车辆详情 | 查看车辆信息、日租金、描述等,支持选择租期并下单 |
| 登录 / 注册 | 用户名或手机号登录,新用户注册 |
| 我的订单 | 查看个人订单列表,支持取消、支付、查看详情 |
一个前后端分离的汽车租赁管理系统,后端采用 Java 17 与 Spring Boot 3,前端使用 Vue 3 与 TypeScript。系统包含用户端(选车、下单、订单管理)与管理后台(车辆、订单统计)。技术栈涵盖 MyBatis-Plus、Spring Security + JWT、MySQL 及 Redis。文章提供了项目结构、快速开始步骤(数据库初始化、后端启动、前端运行)及测试账号信息,并列举了主要 API 接口。

前后端分离的汽车租赁管理系统,包含用户端(选车、下单、订单管理)与管理后台(统计、车辆管理、订单管理)。







| 功能 | 说明 |
|---|---|
| 首页 / 选车 | 浏览车辆列表,按品牌、车型、状态筛选,分页查看 |
| 车辆详情 | 查看车辆信息、日租金、描述等,支持选择租期并下单 |
| 登录 / 注册 | 用户名或手机号登录,新用户注册 |
| 我的订单 | 查看个人订单列表,支持取消、支付、查看详情 |

微信公众号「极客日志」,在微信中扫描左侧二维码关注。展示文案:极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online
JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online
Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online
| 下单流程 | 选择取还车时间与地点,创建订单并支付(模拟) |
| 功能 | 说明 |
|---|---|
| 控制台 | 展示车辆总数、订单总数、用户数统计 |
| 车辆管理 | 车辆列表(分页、按品牌/车型/状态筛选),新增、编辑、删除车辆 |
| 订单管理 | 全部订单列表(按状态筛选),管理员修改订单状态(待支付 / 待取车 / 进行中 / 待还车 / 已完成 / 已取消 / 异常) |
管理后台需使用 admin 账号登录,登录后可从用户端入口进入「管理后台」或直接访问 /admin。
| 端 | 技术 |
|---|---|
| 后端 | Java 17、Spring Boot 3、MyBatis-Plus、Spring Security + JWT、MySQL 8、Redis、Knife4j |
| 前端 | Vue 3、TypeScript、Vite、Element Plus、Pinia、Vue Router 4、Axios |
├── car-rental-system/ # 后端(Spring Boot 单体) │ ├── car-rental-common/ # 公共模块 │ ├── car-rental-app/ # 主应用(认证、用户、车辆、订单、管理端接口) │ └── sql/ # 建表与初始化数据 ├── car-rental-frontend/ # 前端(Vue 3 + Vite) │ └── src/ │ ├── views/user/ # 用户端页面 │ ├── views/admin/ # 管理后台页面 │ ├── api/ # 接口封装 │ └── ... └── README.md # 本说明
cd car-rental-system
mysql -u root -p < sql/schema.sql
mysql -u root -p car_rental < sql/init-data.sql # 可选:测试数据
修改 car-rental-system/car-rental-app/src/main/resources/application.yml 中的数据库、Redis 配置后:
cd car-rental-system
mvn clean install
cd car-rental-app
mvn spring-boot:run
cd car-rental-frontend
npm install
npm run dev
浏览器访问:http://localhost:5173
| 用户名 | 密码 | 说明 |
|---|---|---|
| zhangsan | 123456 | 普通用户 |
| admin | 123456 | 管理员 |
也可使用手机号登录,如 13800138001 / 123456。
POST /api/auth/login、POST /api/auth/registerGET /api/user/infoGET /api/cars/page、GET /api/cars/{id}、GET /api/cars/availablePOST /api/orders、GET /api/orders/my、GET /api/orders/{id}、取消/支付GET /api/admin/stats、/api/admin/cars 增删改查、/api/admin/orders 列表与状态更新管理端接口需携带有效 JWT 且用户具备管理员角色(如 admin 账号)。