1，绪论
1.1 项目背景
网络的发展已经过去了七十多年，网络技术的发展，将会影响到人类的方方面面，网络的出现让各行各业都得到了极大的发展，为整个社会带来了巨大的生机。
现在许多的产业都与因特网息息相关，特别是在网络的年代，用户收入和支出管理也越来越流行。我国目前的用户收入和支出管理制度已经发展了相当长的时期，其类型也各不相同。家庭理财管理系统与管理用户收入和支出业务密切相关，很多用户都希望能够定做一些特殊的系统，所以这个市场有着很大的发展空间。
1.2 研究意义
随着科技的进步，网络收入已渗透到人们的日常生活中，许多家庭都在加速投资。不过，在和管理员的交流中，发现用户的理财方式还是以人工管理方式进行，并不能有效地利用网络技术来提升工作的效率。
通过标准化的理财过程，可以实现用户收入和支出管理，而目前的用户收入和支出管理还不是依靠管理员的手动操作，随着理财行业的发展，随着科学技术的进步，越来越多的应用都要通过信息化来管理。在日常工作中，能够真正地体会到科技所提供的方法。在日常的日常工作中，还有很多需要技术支持的情况。
2，系统设计
功能权限结构图
3，需求分析
该系统要求能够管理家庭收入支出，并且能直观得表现收支状态。
- 首页统计：首页通过关键字、百分比、饼图、直观数字等多种方式呈现了整个家庭的财务状况
- 用户管理：用户注册时可以选填家庭码，注册时填写同一家庭码的账号会自动组成一个家庭，各个用户的收支会统一显示在系统首页中
- 个人中心：登录系统后用户可在个人中心修改自己的个人信息
- 家庭管理：此功能提供给用户用以管理家庭成员
- 支出管理：用户通过选择支出账号、支出类型，填写支出金额和支出描述后即可添加支出记录
- 收入管理：用户通过选择收入账号、收入类型，填写收入金额和收入描述后即可添加收入记录
4，技术分析
后端技术
| 技术 | 说明 |
|---|---|
| SpringBoot | 容器+MVC框架 |
| Sa-Token | 认证和授权框架 |
| MyBatis-Plus | MyBatis的增强工具 |
| MyBatisGenerator | 数据层代码生成 |
| MySQL | 关系型数据库 |
| Nginx | 静态资源服务器 |
| Lombok | 简化对象封装工具 |
| Fastjson | 阿里巴巴的开源JSON解析库 |
| Spark | 大数据计算引擎 |
前端技术
| 技术 | 说明 |
|---|---|
| Vue | 前端框架📣 有源码 获取源码 |
| Vue-router | 路由框架 |
| Vuex | 全局状态管理框架 |
| Element | 前端UI框架 |
| Axios | 前端HTTP框架 |
| AntV | 蚂蚁数据可视化图表库 |
5，系统页面展示
登录
注册
首页
注：最后两张图是收入支出趋势图与资产变化情况图，是以月为单位做统计的。此处没有具体图像是笔者上传的数据太少了
支出比例完整图
收入比例完整图
个人信息
编辑资料
家庭信息
支出管理
新增支出
修改支出
收入管理
新增收入
修改收入
