第 17 章 学习路径与官方资源
17.1 推荐学习节奏（6～8 周）
| 周 | 内容 | 产出 |
|---|---|---|
| 第 1 周 | 第 1～3 章 + DartPad 每天 30 分钟练 Dart | 熟练 Dart 语法 |
| 第 2 周 | 第 4～5 章，逐个组件在 DartPad 复现示例 | 搭建常用页面 |
| 第 3 周 | 第 6～7.5 章，跑通 7.2 的购物车并改成「带价格合计」 | 掌握导航与 Riverpod |
| 第 4 周 | 第 8～11 章，跑通网络、SQLite、动画、主题四个完整示例 | 会联网、会持久化 |
| 第 5 周 | 第 12～14 章 + 启动第 15 章后端（Swagger 调通 9 个接口） | 后端跑起来 |
| 第 6 周 | 第 15 章：记账本全流程跑通，改 1～2 个功能，打 release 包 | 第一个全栈 App 上真机 |
| 第 7～8 周 | 第 16 章：优医问诊，跑通「选医生→下单→支付→问诊室→评价」，再完成 16.10 的任一练习 | 能独立扛中型业务 App |
17.2 官方资源（本手册依据）
- Flutter 官方文档（中文）：docs.flutter.cn —— 组件 API、Cookbook、Codelabs
- Flutter 发布说明与 CHANGELOG：docs.flutter.cn/release/release-notes（本手册版本依据：3.47 stable，2026-08-12）
- Dart 官方语言之旅：dart.cn/language
- Riverpod 官方文档（中文）：riverpod.cn —— 第 7.5 章的进阶阅读
- pub.dev：包仓库，安装包前先看「Likes/Pub Points/最近更新时间」
- DartPad：dartpad.dev —— 在线运行本手册全部示例
- Material 3 设计规范：m3.material.io
17.3 实战项目参考来源
第 16 章的 优医问诊 在业务流程、页面层级与交互路径上参考了下面这个开源的 H5 问诊 Demo，用「真实的问诊业务长什么样」作为对照；界面、组件与后端接口则全部按 Flutter + Spring Boot 重新实现。
- 参考项目：patient-h5-note（H5 问诊 Demo）—— https://zhousg.github.io/patient-h5-note/project/login.html
- 参考范围：登录注册、首页科室入口、选医生 → 医生详情 → 图文问诊下单、支付、问诊室聊天、评价这几条主干流程及其页面跳转关系
- 未参考部分：视觉样式、组件实现与接口设计均为本项目自行编写，手册中的 Flutter 代码与 Spring Boot 接口与该 Demo 没有代码级依赖
💡 建议的用法
先在上面这个网页里把「选医生 → 下单 → 支付 → 问诊室 → 评价」完整点一遍，建立业务直觉；再回到第 16 章看同一套流程如何用 Flutter 的 Navigator、Riverpod 与 HTTP 分层落地。两边对照着看，最容易理解「业务需求 → 界面结构 → 代码分层」的翻译过程。
🎯 最后一句话
Flutter 上手曲线平缓，真正的分水岭是「布局思维」（4.2 的约束理解）与「状态设计」（第 7.5 章）。遇到不会做的界面，先去 Play Store/微信里找同类页面拆解成 Row/Column/Stack 的组合，再动手——两周后你会发现所有界面都是积木。