西数租车系统源码 多功能版 支持车辆管理 / 租金计算 / 数据统计

核心功能特性

1. 车辆管理：支持车架号 / 车牌号等信息录入、最多 3 张车辆图片拖拽上传，可编辑 / 删除车辆信息，自动识别待租 / 已租 / 逾期三种车辆状态；
2. 租赁业务管理：快速办理租车 / 退租 / 续租业务，自动计算租赁天数与租金，实时检测逾期车辆并显示逾期天数；
3. 价格管理：预设大众 / 宝马 / 奥迪等品牌车型，支持自定义不同车型日租金，可灵活增删改车型及价格；
4. 数据统计：实时统计总车辆数、待租 / 已租 / 逾期车辆数，通过可视化卡片展示运营数据，数据变化自动刷新；
5. 数据管理：支持 JSON 格式数据导出备份、导入恢复，本地存储 + 自动定期备份双重保障数据安全；
6. 搜索与筛选：支持按车架号 / 车牌号 / 租赁人姓名 / 电话多维度搜索，关键词输入即时筛选结果，大量数据自动分页展示。

技术架构解析

• 前端技术栈：采用 HTML5 语义化标签（header/nav/main 等）构建页面，提升 SEO 友好性；通过 CDN 引入 Tailwind CSS v3 实现响应式布局与主题定制；集成 Font Awesome 4.7 图标库美化界面；基于原生 ES6+ JavaScript 开发，无 jQuery/Vue/React 等框架依赖，保持轻量独立。
• 数据存储：依托 localStorage 存储车辆信息、车型配置、租赁历史三类数据，以 JSON 字符串序列化存储，每 5 分钟自动备份数据；
• 响应式设计：移动端优先，768px 以下隐藏侧边栏、统计卡片单列显示，768px 以上展示侧边栏、统计卡片四列显示；适配触摸操作，移动端新增汉堡菜单，优化按钮点击区域；
  • 车辆状态自动转换：待租→已租（租车）、已租→待租（退租）、已租→逾期（超期未还）、逾期→待租（退租）；
  • 租金精准计算：租车 / 退租 / 续租费用均按「租赁天数 × 日租金」计算，续租费用自动累加至原租金；
  • 图片处理：支持拖拽 / 点击上传，图片转 Base64 编码存储，限制 JPG/PNG 格式、单张≤5MB、最多 3 张；
  • 数据导入导出：JSON 格式一键下载备份、上传恢复，导入前验证数据格式；
  • 自定义模态框：替代原生 alert/confirm，样式统一、支持自定义内容，点击遮罩层可关闭。

系统优势

1. 零部署成本：无需服务器 / 数据库，双击 HTML 文件即可使用，降低中小型租赁公司使用门槛；
2. 数据安全：本地存储不依赖网络，支持手动备份，数据自主掌控，断网也可正常使用；
3. 操作简单：界面简洁、流程贴合业务逻辑，无需培训即可上手，现代化 UI 交互流畅；
4. 功能完整：覆盖车辆入库、租赁管理、价格配置、数据统计等核心业务，满足日常使用需求；
5. 免费开源：MIT 协议授权，源码开放，可自由二次开发、定制及分发。

适用场景

使用方法

1. 快速开始：下载 index.html/index_fixed.html 文件，浏览器打开即可使用，首次加载默认示例数据；
2. 数据备份：定期点击导出按钮备份 JSON 文件，建议每周备份、重要数据变更后即时备份；
3. 数据恢复：点击导入按钮选择备份的 JSON 文件，确认数据概览后覆盖当前数据。

版本与规划

• 更新日志：v1.0 实现核心车辆 / 租赁 / 价格管理、数据统计与导入导出；v1.1 优化界面、修复 BUG、提升稳定性；
• 未来规划：新增租赁记录查看、租赁合同打印、客户信息管理、多用户权限、财务报表、收款记录等功能。