基于Django+React的个人财务管理系统

财智管家系统简介

系统概述

财智管家是一款个人财务管理系统，帮助用户全面管理个人财务，包括收支记录、预算管理、资产负债跟踪和统计分析等功能。

技术架构

前端技术栈

• **框架**：React 18

• **构建工具**：Vite 5

• **UI组件库**：Ant Design 5

• **状态管理**：localStorage + 事件机制

• **路由**：React Router

• **图表**：ECharts

后端技术栈

• **框架**：Django 5.0

• **数据库**：MySQL

• **数据库名**：gerencaiwu_1.0

• **用户认证**：Django Auth

主要功能模块

1. 收支记录

• 记录日常收入和支出

• 支持分类管理

• 历史记录查询

2. 预算管理

• 设置月度/年度预算

• 预算执行情况跟踪

• 预算超支提醒

3. 资产负债

• 资产管理（现金、银行卡、投资等）

• 负债管理（信用卡、贷款等）

• 资产负债表生成

4. 统计报表

• 收支趋势分析

• 分类支出占比

• 月度/年度财务分析

5. 系统设置

• 个人资料管理

• 账户安全设置

• 分类管理

• 通知设置

系统部署

启动服务

1. 运行 `start.bat` 脚本启动前后端服务

2. 前端访问地址：http://localhost:5176

3. 后端访问地址：http://localhost:8001

数据库配置

• 数据库类型：MySQL

• 主机：localhost

• 端口：3306

• 用户：root

• 密码：root

• 数据库名：gerencaiwu_1.0

系统用户

普通用户

• **user1**：user1@example.com / 123456

• **user2**：user2@example.com / 123456

• **user3**：user3@example.com / 123456

开发说明

前端开发

```bash

安装依赖

npm install

启动开发服务器

npm run dev

构建生产版本

npm run build

```

后端开发

```bash

安装依赖

pip install -r requirements.txt

运行数据库迁移

python manage.py migrate

启动开发服务器

python manage.py runserver

```

系统特性

优势

• **前后端分离**：架构清晰，便于维护

• **响应式设计**：适配不同设备

• **用户友好**：界面美观，操作简便

• **功能全面**：满足个人财务管理的各项需求

• **数据安全**：本地存储与服务器存储相结合

适用人群

• 个人用户：管理个人日常财务

• 家庭用户：跟踪家庭收支情况

• 小型企业：简单的财务管理

版本更新

3.0 版本主要改进

• 迁移到 React 18 + Vite 5

• 升级 Ant Design 到 5.x

• 数据库从 SQLite 迁移到 MySQL

• 优化用户界面和用户体验

• 增强数据统计和分析功能

---

**财智管家 3.0** - 您的个人财务管理专家