系统架构设计
摘要
在当今社会，个人财务管理已成为现代生活的重要组成部分。随着经济活动的日益复杂，个人和家庭对财务管理的需求不断提升，传统的手工记账方式已无法满足高效、精准的财务分析需求。数字化理财工具的出现为个人提供了便捷的财务管理途径，能够帮助用户更好地规划收支、分析消费习惯并优化储蓄策略。同时，随着互联网技术的普及，基于 Web 的理财管理系统因其跨平台、易访问的特点受到广泛欢迎。本系统旨在开发一款功能完善的个人理财管理平台，帮助用户实现财务数据的可视化、自动化管理，从而提升个人理财效率。
本系统采用前后端分离的架构，后端基于 SpringBoot 框架实现，前端使用 Vue.js 进行开发，数据库采用 MySQL 存储数据。系统主要功能包括用户管理、收支记录、财务统计、预算设置及报表生成等。SpringBoot 提供了高效的 RESTful API 接口，结合 Vue.js 的动态渲染能力，确保用户界面流畅且交互友好。MySQL 数据库的设计遵循规范化原则，确保数据的一致性和完整性。系统还整合了 ECharts 库，实现财务数据的可视化展示，便于用户直观了解财务状况。
数据表设计
用户信息数据表
用户信息数据表用于存储系统注册用户的基本信息，包括用户名、密码、联系方式等，用户 ID 是该表的主键，采用自增方式生成。结构如表 1 所示。
| 字段名 | 数据类型 | 约束条件 | 说明 |
|---|---|---|---|
| user_id | INT | PRIMARY KEY | 用户唯一标识 |
| username | VARCHAR(50) | NOT NULL | 用户登录名 |
| password_hash | VARCHAR(64) | NOT NULL | 密码哈希值 |
| VARCHAR(50) | UNIQUE | 用户邮箱 | |
| phone | VARCHAR(20) | 联系电话 | |
| register_time | DATETIME | DEFAULT NOW() | 注册时间 |
财务记录数据表
财务记录数据表用于存储用户的收支明细，记录 ID 是该表的主键，关联用户 ID 以实现数据归属。结构如表 2 所示。
| 字段名 | 数据类型 | 约束条件 | 说明 |
|---|---|---|---|
| record_id | INT | PRIMARY KEY | 记录唯一标识 |
| user_id | INT | FOREIGN KEY | 关联用户 ID |
| amount | DECIMAL(10,2) | NOT NULL | 交易金额 |
| category | VARCHAR(30) | NOT NULL | 收支类别 |
| transaction_date | DATE | NOT NULL | 交易日期 |
| description | TEXT | 交易描述 | |
| create_time | DATETIME | DEFAULT NOW() | 记录创建时间 |
