Skip to content

4.6 项目实战:微信小程序

难度:⭐⭐⭐ | 预计时间:3 小时 | 技术栈:微信小程序原生 / Taro

学习目标

  • 验证 Claude Code 对小程序框架的理解能力
  • 掌握页面导航和状态管理
  • 实现本地存储和云开发
  • 完成提交审核前的自查流程

项目需求

一个简单的记账小程序:

  • 记录收入/支出
  • 按月查看账单
  • 分类统计(饮食、交通、娱乐等)
  • 数据本地存储

实施步骤

1. 初始化项目

/plan 创建一个微信记账小程序。

功能需求:
- 添加收入/支出记录(金额、分类、备注、日期)
- 首页展示当月收支概览和近期记录
- 按月查看详细账单
- 分类统计饼图
- 微信本地存储(wx.setStorageSync)

请先给出页面结构和路由设计。

2. 逐页面开发

按照计划逐个实现:首页 > 记账页 > 统计页 > 设置页。

3. 提交审核前自查

帮我检查这个小程序是否符合微信审核要求:
1. 是否有未使用的权限声明
2. 页面是否有空白状态处理
3. 是否有隐私政策页面
4. 是否有加载状态提示

学到了什么

  • [x] Claude Code 开发微信小程序
  • [x] 小程序页面导航和生命周期
  • [x] 本地数据存储方案
  • [x] 审核前自查流程

用 Claude Code 构建,用 VitePress 驱动