第22课：记账本APP
进度 0/30
💰
记账本APP
管好零花钱，从自己的APP开始
📖知识引入
🎯需求：记-看-算
三个动作：记一笔（金额+分类+备注）、看列表（今天花了多少）、算总账（本月汇总）。功能不用多，好用最要紧。
📊数据结构设计
一笔账=一条记录：{金额、分类、日期、备注}。就像表格的四个列。数据结构想清楚了，后面的开发就是照图施工。
🔁增删改查CRUD
几乎所有APP的数据操作就四种：增加（记一笔）、删除（删错账）、修改（改备注）、查询（看列表）。这四个词是开发的通用语言。
📈统计图表
一长串数字看不出名堂，变成饼图立刻明白：零食占了60%？！数据可视化让人一秒看懂自己的钱包。
🤝AI结对开发
把数据结构和页面草图发给AI：「按这个设计帮我实现记账功能」。AI出代码，你负责测试和提修改——计算器课的流程直接复用！
💡
数据结构想清楚，开发就是照图施工！
🔍一笔账的一生
// 记账APP的数据结构与操作
// 一笔账长这样：
const record = {
id: 1,
amount: -8, // 支出用负数
category: "零食",
date: "2026-09-01",
note: "买冰淇淋",
};
// 四大操作：
addRecord(record); // 增：记一笔
deleteRecord(1); // 删：删错账
updateNote(1, "香草味"); // 改：改备注
listByDate("2026-09"); // 查：看本月账单从记下到统计，一笔账的旅程：
📝 记一笔：
「买冰淇淋 -8元 零食」
│
▼
💾 组装成数据：
{
金额: -8,
分类: "零食",
日期: "2026-09-01",
备注: "买冰淇淋"
}
│
▼
🗄️ 存进本地数据库
│
▼
📋 列表页读出来显示：
┌────────────────┐
│ 🍦 零食 -8.00 │
│ 2026-09-01 │
└────────────────┘
│
▼
📈 统计页汇总成饼图：
零食 ████████ 60%
学习 ██ 15%
交通 ██ 15%
其他 █ 10%🎯小测验
第1题：「一笔账」最少需要包含哪些信息？
第2题：CRUD指的是什么？
第3题：想让用户一眼看出「钱都花哪了」，最好用什么？
📝本课知识点
- ✓记账三动作：记一笔、看列表、算总账
- ✓数据结构：金额+分类+日期+备注
- ✓CRUD=增删改查
- ✓饼图让花销分布一目了然
- ✓AI结对，流程复用计算器课
第22课完成！继续探索下一课吧 🚀