个人账单系统

支付宝的年度账单，我会疑惑我真的花了这么多钱嘛？

有一天对象对我说，一天到晚整这些花里胡哨的能不能搞个记账的东西，把每一笔花费都记录下来。

emmmm，利用下班时间安排，期间结合网上的开源项目尝试了前后端分离 Vue NodeJS相结合的方式，有很多bug，服务器的运行和维护变得相对困难，虽然页面相对美观还是放弃了。

决定还是采用Springboot 简单的账单页面，提供登录注册记账加一个记账的预览和整体预览即可。

使用了2个月的效果暂时还比较满意，切切实实的记录着每一天的开支。

登录注册

比较简洁

管理分类

支付宝微信里都有账单，可以使用系统设置好的分类。为了实现这一功能，对分类可以增删改查。根据自己需要设置消费分类。

记一笔支出

想记一笔支出的话，点击记一笔，这里的表单主要录入金额备注和时间。

概况预览

当月全局预览，和全年的数据预览。主要采用Echart 表格和图例，计算数据展示，比较简陋但基本可以查看到一年和每个月的开支消费。

限额

这里限额只和每个月的预览状况相关联，这里比较鸡肋并没有超过限额作提示等，如果超过限额在当月预览中会显示可用余额，负数展示。

大体的功能就是这些。

实现来说比较简单主要是数据库的结构的构思，主体只有2张表，一个记录每一笔支出的 record 记录表，一个标识每一笔开支的分类的 category 表，还有一个 config 表用作记录当月的限额。技术实现方面没啥好说的，框架可以随意选择，数据计算逻辑也比较简单的加减乘除。

源码已开源在本人Gitee上，整个案例解决了生活的小问题。使用方式可以在博客首页点击我的账单 进入到账单系统注册账号使用即可，服务器4核8G带宽尚可，持续提供稳定的账单服务。