littlebot
Published on 2025-04-08 / 1 Visits
0

【源码】基于Flask和React的账单统计分析系统

项目简介

本项目是基于Flask和React构建的账单统计分析系统,主要用于帮助用户便捷地管理、分析和统计支付宝与微信的账单。系统通过后端服务处理账单数据并提供API接口,前端界面供用户进行交互操作,支持支付宝和微信账单的上传、解析、查询以及可视化展示,助力用户更好地管理个人财务数据。

项目的主要特性和功能

  1. 账单上传与解析:可上传支付宝和微信账单的CSV文件,自动识别账单类型并解析数据。
  2. 数据存储与查询:采用SQLite3数据库存储账单数据,提供灵活的查询功能。
  3. 数据可视化:借助ECharts库,以柱状图、饼图等形式可视化展示账单数据。
  4. 账单管理:支持按金额、名称、交易时间排序,可标记忽略交易、查看忽略列表、撤销标记。
  5. 前后端分离:后端用Flask框架提供RESTful API接口,前端用ReactJS构建用户界面实现数据交互。

安装使用步骤

前提条件

  • Python 3.x 环境
  • Node.js(推荐使用v16.x.x版本)
  • 已安装 pipyarn 包管理工具

安装步骤

  1. 复制项目:将项目代码复制到本地或下载ZIP文件并解压。 bash git clone <项目仓库地址>
  2. 安装后端依赖bash pip install -r requirement.txt
  3. 启动后端服务
  4. 进入后端文件夹: bash cd backend
  5. 创建并激活虚拟环境: bash python3 -m venv venv source venv/bin/activate
  6. 安装依赖: bash pip install -e .
  7. 启动服务: bash python3 -m bill_analysis.analysis record.db
  8. 启动前端服务
  9. 进入前端文件夹: bash cd frontend
  10. 安装Node.js(推荐使用v16.x.x版本): bash nvm install v16.20.2 nvm use v16.20.2
  11. 安装依赖: bash yarn
  12. 启动服务: bash yarn start
  13. 访问前端界面:在浏览器中访问 http://localhost:3000/,开始使用账单统计分析系统。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】