个人记账 Web 应用

一个简单的个人记账应用，使用 Python Flask 后端和 HTML/CSS/JS 前端。

功能

• 添加收入/支出记录（金额、类别、备注、日期）
• 显示所有记录列表
• 显示总收入、总支出、余额
• 按类别筛选记录
• 删除记录

项目结构

money-tracker/
├── app.py              # Flask 后端
├── data.json           # 数据存储文件
├── requirements.txt    # Python 依赖
├── README.md           # 说明文档
├── static/
│   ├── style.css       # 样式文件
│   └── script.js       # 前端逻辑
└── templates/
    └── index.html      # 主页面

运行方法

1. 安装依赖

pip install -r requirements.txt

2. 运行应用

python app.py

3. 访问应用

打开浏览器访问：http://localhost:5000

使用说明

1. 添加记录：选择类型（收入/支出），输入金额、类别、日期和可选备注，点击"添加记录"
2. 查看统计：页面顶部显示总收入、总支出和余额
3. 筛选记录：使用下拉菜单按类别筛选
4. 删除记录：点击记录右侧的 × 按钮删除

数据存储

所有数据存储在 data.json 文件中，格式如下：

[
  {
    "id": 1234567890,
    "type": "expense",
    "amount": 50.00,
    "category": "餐饮",
    "note": "午餐",
    "date": "2024-01-15"
  }
]