包小姐的个人数据统计系统产品系统Vibe Coding

我要开发同款
冲锋的小猪2026年09月14日
11阅读

技术信息

语言技术
HTML5CSSJavaScriptVueNode.js
系统类型
WebAndroid应用
行业分类
企业服务政务

作品详情

行业场景

单位行政后勤事务(员工用餐补贴核算、宿舍床位与套房调配、车辆保险保养加油通行等费用管理、多点餐饮消费记账)长期依赖纸质台账与 Excel 分散记录,存在录入繁琐、口径不一、统计滞后、历史数据难以追溯等问题。本项目旨在为行政后勤岗位提供一套从移动端录入到 PC 端统计分析的一体化数据采集系统,实现“随手记录、自动核算、随时查看”。业务上覆盖数据采集、状态跟踪、月度/年度费用聚合、同比分析、CSV 报表导出全流程,将原来每月手工汇总数小时的工作压缩到几分钟,同时通过角色分级让管理者在手机上即可查看经营汇总数据,适合小微企业与单位的行政数字化场景。

功能介绍

系统分三个客户端:

安卓录入端 :用餐月度记录(自动算人均消费与人均超额)、住宿管理(男女宿床位/套房状态卡与八类变更记录)、车辆档案与月度台账(保险、保养、加油里程、通行费四类分项录入,自动累计里程与百公里油耗)、福莱消费明细(七类消费项)、下拉刷新、桌面图标与粉色主题界面、应用内自动更新。

Web 主控台 (仅 PC):数据汇总看板(累计支出 KPI、支出构成占比、分模块年度同比对比、用餐/住宿/车辆/福莱四模块明细卡)、用餐金额与人均趋势双图表、住宿状态与变更管理、车辆台账与月度五维图表、福莱月度堆叠柱状图、CSV 导出、修改资料/登录名/密码、看板账号管理、邮箱验证码找回密码。

手机数据看板 :只读汇总页,含支出总额动画、构成占比、今年与去年逐月同比对比图、四模块指标卡,供管理者随时随地查看。

项目实现

本人独立负责系统全部需求分析、UI 设计、三端开发与服务器部署上线。

技术栈:后端 Node.js + Express + better-sqlite3(WAL 模式)+ JWT + bcrypt + nodemailer;Web 端 Vue 3 + Vite + Pinia + vue-router + ECharts;安卓端纯原生 Java + Retrofit2 + OkHttp + Gson;部署采用 PM2 进程守护、双端口架构(HTTP 服务 Web 主控台,HTTPS 服务安卓端)。

实现亮点:①安全架构上实现前端不可信原则,全部入参后端强校验,登录失败锁定防爆破,手机浏览器 UA 一律拦截、仅白名单安卓 UA 可访问 API,自签证书固定到客户端;②住宿模块采用事件溯源设计,任何变更在事务内按日期重放重算状态,任意时点可追溯;③Web 端零第三方 UI 组件库,弹窗/日历/下拉/分页等 11 个组件全部自研,CSS 体积从 368KB 降至 7.6KB,ECharts 按需引入并配合路由懒加载预取,图表 chunk 减半;④安卓端解决 OkHttp 在 Android 10+ 自签证书崩溃、R8 混淆剥离 Retrofit 泛型导致闪退两个疑难问题,并实现静默版本检测、进度下载、FileProvider 自动安装的完整热更新链路。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论