当前位置：首页 > news >正文

微信小程序实战：微型电车充电记账工具（可直接部署）

news 2026/6/10 20:13:19

摘要：随着五菱宏光MINI、长安糯玉米、奇瑞小蚂蚁等微型新能源车普及，很多车主没有合适的私人充电记账工具。市面上的充电APP广告多、臃肿、无法统计私桩充电成本。本文分享一款纯自研、轻量、无广告、本地+云端存储的微型车充电记账微信小程序，支持充电记录、电费统计、电池健康估算、多车辆管理、数据导出，适合个人部署、二次开发学习。
适用人群：小程序初学者、毕业设计、个人开发者、新能源微型车车主
技术栈：微信原生小程序 + WordPress REST API + MySQL

一、项目背景

现在微型电车用户越来越多，大部分车主都是家用充电桩慢充，长期下来会遇到几个痛点：

无法精准统计每次充电度数、电费、单价
无法统计每月充电成本、年均用车成本
无法估算电池衰减、电池健康度
第三方APP广告多、权限多、隐私不安全
不支持多台车管理（家里多台电车）
为此，我独立开发了一款极简充电记账小程序，专门针对微型新能源电车设计，轻量化、无广告、纯工具属性。

二、项目功能亮点

本项目是一套完整可上线的小程序项目，功能覆盖日常充电记账全流程：
✅1. 核心记账功能

手动录入每次充电：充电度数、充电费用、起始SOC、备注
自动计算每度电单价
支持新增、编辑、删除充电记录
防止重复记录、数据容错处理
✅2. 数据统计分析
本月充电总费用、总度数统计
历史记录列表展示、时间排序
数据可视化统计页面
支持 Excel 数据导出备份
✅3. 电池健康估算（特色算法）
通过多次充电数据，自动计算车辆真实电池容量，判断电池衰减：
根据「充电百分比 + 充入电量」算法反推电池总容量
多次数据平均，降低误差
对比官方标称容量，直观查看电池健康状态
✅4. 多车辆管理
支持添加多台微型电车
数据按车辆ID隔离，互不干扰
单独统计每台车的充电成本
✅5. 体验优化细节
加载中全屏遮罩，禁止UI穿透点击
数据运算分片处理，解决小程序 timeout 超时报错
字符串数字容错，解决字符串相加BUG
开屏广告自营版本（可商用可自用）

三、项目效果预览

为方便大家直观了解项目整体界面与功能效果，下面预留小程序核心页面效果图占位，涵盖首页记账、数据统计、车辆管理、历史记录四大核心页面，部署项目后可自行替换真实截图：

3.1 首页充电记账页面

页面核心为充电记录录入功能，支持填写充电度数、充电费用、起始SOC、充电备注等信息，自动计算单度电单价，界面简洁清爽，操作便捷，适配移动端使用场景。

3.2 充电历史记录页面

按时间倒序展示所有充电记录，清晰呈现每笔充电的费用、度数、单价及备注信息，支持记录编辑、删除操作，数据一目了然。

3.3 数据统计页面

集成月度充电数据统计、电池健康度估算、用电成本汇总功能，直观展示用车充电开销与电池损耗情况，数据实时更新。

3.4 车辆管理页面

支持多台微型电车新增、管理、切换功能，各车辆数据独立隔离，精准统计单台车充电成本与电池状态。

三、整体技术架构

前端：微信原生小程序

原生 WXML / WXSS / JS 开发，不依赖框架
Tab 主页面：记一笔、记录列表、数据统计
完整的数据容错、类型转换、防抖处理
解决大量数据循环导致的主线程阻塞超时问题

后端：WordPress REST API
利用 WordPress 快速搭建轻量化后端，无需单独配置服务器环境：

自定义 REST 接口：新增/编辑/删除/查询充电记录
自定义数据表 wp_charges
自增主键 _id 唯一标识记录
支持用户ID+记录ID双重校验，数据安全隔离

数据库设计
核心数据表字段设计：

_id：自增主键
userID：小程序用户唯一标识
carId：车辆ID，区分多车数据
kwh：本次充电度数
cost：本次充电费用
unitPrice：单度电价格
socStart：充电起始电量
remark：备注信息
create_time：记录时间

四、项目适用场景

大学生小程序毕业设计（功能完整、有算法、有前后端）
个人开发者练手全栈项目
微型电车车主自用记账工具
可二次开发增加：充电提醒、电费预测、续航统计、附件充电桩

五、总结

这款微型电车充电记账小程序是一套轻量化、实用性极强、无冗余功能的全栈实战项目。相比网上的demo玩具项目，本项目具备完整的：数据增删改查、统计算法、电池健康计算、性能优化、兼容性处理、真实上线项目体验。
适合新手学习小程序 + WordPress 后端接口开发，也可以直接部署自用，解决新能源车主日常充电记账痛点。

后续可拓展功能：