付款提醒账单管理 H5 系统产品系统Vibe Coding

本项目为局域网部署的付款账单提醒工具，基于 Vue3+SpringBoot 前后端分离开发，支持账单新增、结清标记、删除编辑、到期逾期自动计算，可在手机浏览器作为 H5 客户端直接访问，用于个人房租、周期性费用记账管理，部署在内网服务器运行，具备完整 CRUD 业务逻辑与状态判断功能。

本项目为个人周期性费用账单管理 H5 工具，核心包含五大功能模块：1. 账单信息新增录入，可填写费用名称、周期、到期时间；2. 账单列表分页展示，自动区分未到期、即将到期、已逾期账单状态；3. 单条账单编辑修改与删除操作；4. 账单结清状态标记，已结清条目做视觉区分；5. 内网服务部署，手机浏览器直接访问使用。主要用于房租、会员订阅、固定开销记账，自动核算到期逻辑，避免费用遗漏忘记缴纳。

本人独立完成项目全流程开发，后端采用 Java SpringBoot 搭建 RESTful 接口，使用 MySQL 进行账单数据持久化；前端基于 Vue3+Element Plus 构建单页 H5 页面，采用前后端分离架构。实现亮点为逾期时间自动计算、移动端自适应布局、局域网 IP 直接访问部署；开发难点主要处理日期逻辑判断、前端表单校验与接口异常统一捕获，全程独立完成需求设计、编码调试、本地服务器部署上线。