支付宝的年度账单,我会疑惑我真的花了这么多钱嘛?
有一天对象对我说,一天到晚整这些花里胡哨的能不能搞个记账的东西,把每一笔花费都记录下来。
emmmm,利用下班时间安排,期间结合网上的开源项目尝试了前后端分离 Vue NodeJS相结合的方式,有很多bug,服务器的运行和维护变得相对困难,虽然页面相对美观还是放弃了。
决定还是采用Springboot 简单的账单页面,提供登录注册记账加一个记账的预览和整体预览即可。
使用了2个月的效果暂时还比较满意,切切实实的记录着每一天的开支。
比较简洁
支付宝微信里都有账单,可以使用系统设置好的分类。为了实现这一功能,对分类可以增删改查。根据自己需要设置消费分类。
想记一笔支出的话,点击记一笔,这里的表单主要录入金额备注和时间。
当月全局预览,和全年的数据预览。主要采用Echart 表格和图例,计算数据展示,比较简陋但基本可以查看到一年和每个月的开支消费。
这里限额只和每个月的预览状况相关联,这里比较鸡肋并没有超过限额作提示等,如果超过限额在当月预览中会显示可用余额,负数展示。
大体的功能就是这些。
实现来说比较简单主要是数据库的结构的构思,主体只有2张表,一个记录每一笔支出的 record
记录表,一个标识每一笔开支的分类的 category
表,还有一个 config
表用作记录当月的限额。技术实现方面没啥好说的,框架可以随意选择,数据计算逻辑也比较简单的加减乘除。
源码已开源在本人Gitee上,整个案例解决了生活的小问题。使用方式可以在博客首页点击我的账单
进入到账单系统注册账号使用即可,服务器4核8G带宽尚可,持续提供稳定的账单服务。