【原创】springboot+vue个人财务记账管理系统设计与实现

个人主页：程序猿小小杨

个人简介：从事开发多年，Java、Php、Python、前端开发均有涉猎

博客内容：Java项目实战、项目演示、技术分享

文末有作者名片，希望和大家一起共同进步，你只管努力，剩下的交给天意。

前言：

有效地管理个人财务可以帮助个人更好地规划自己的支出和收入，实现财务目标，提高生活质量。然而传统的手工记账的方式不仅繁琐，而且很容易出错，因此必须要有一套整理高效的财务管理系统来帮助用户实现财务管理。今天我们就用springboot+vue框架来实现一个个人财务记账管理系统，系统数据库采用mysql

亮点：

传统的个人财务记账管理系统，基本框架都比较老旧，而且功能比较单一，都是财务的增删改查，今天我们要开发的财务记账管理采用了springboot+vue前后端分离的开发方式，并且除了收支账单之后，还有心愿目标和备忘录等模块辅助用户。

功能分析

基于springboot+vue的个人财务记账管理系统，主要在提供管理员和广大用户使用。

管理员：用户信息管理；收支类型管理；公告信息管理；个人信息；密码修改；
用户：注册、登录系统；首页（收入支出图表统计）；银行卡号管理；收支类型查看；收支账单；心愿目标；备忘录；公告信息；修改个人信息；修改密码。

开发工具：

开发环境：服务器端Jdk1.8，前端Node.js

数据库版本：MySQL8.0，版本低一些也行

开发工具：服务器Idea，前端vscode

使用技术：

个人财务记账管理系统采用springboot+vue框架整合，采用前后端分离的开发模式，技术比较新颖，springboot作为一种轻量级的Java开发框架，具有快速开发、简化配置、易于集成等优点。它可以帮助开发人员快速构建稳定、可靠的Web应用程序，提高开发效率和质量。mybatis持久化层框架帮助我们快速实现增删改查；前端采用vue、vuex、vueRouter等技术栈，前后端交互采用axios发送请求的方式，数据库用的是开源数据库mysql。 

数据库设计：

基于springboot+vue的个人财务记账管理系统的数据库表主要包含如下：

管理员表、账单表、卡号表、收支类型表、等数据库表。

界面设计： 

个人财务记账管理系统包含管理员、用户2个端，管理员和用户登录之后，可以进行不同的操作，具有不同的菜单。还是老样子，管理系统的布局一般都是左边菜单+右边内容这种中台式设计。下面简单介绍几个功能模块。

登录

用户管理

收支类型 

用户首页统计

收支账单 

心愿目标 

以上就是个人财务记账管理系统的一些重要功能模块了。

总结：

springboot+vue的个人财务记账管理系统，包含管理员和用户2个功能模块，除了基本的收支账单核心功能外，还有首页数据统计，个人心愿管理、备忘录等辅助模块，作为系统的一些亮点。由于涉及到多个身份，因此也需要进行一定的权限控制，系统难度系数不高，只需要掌握了其中一个模块，其他的也都可以理解。本人具备多年软件开发经验，有问题可以共同探讨。