教案对齐官方方案书：重写为 5 天 C++/Qt 教学设计，补齐 6 个 Qt 技术缺口示例

- docs/teaching/OUTLINE.md、slides/day1-5.html、index.html：替换此前自定义的 4 天方案，严格对齐 docs/TRAINING_PLAN_2026.md「C++方向」Day1-5 课堂内容（Day6-10 为纯项目实作，不在教案范围） - docs/teaching/examples/：官方方案书要求但仓库 p03/(wiki 抓取内容) 未覆盖的 QSS/Model-View/JSON/QThread/QPropertyAnimation/QStateMachine 六个技术点，各补一个最小可运行示例 + README 教学文档，均已离屏验证跑通；手工维护，不属于 gen_part3.py 生成产物 - 根 CMakeLists.txt：接入 docs/teaching/examples 构建（BUILD_QT_PART 分支内），不改动生成器管理的 p01/p03 CMakeLists - 任务卡改为目标/验收标准/基础知识参考三段式模板，custom.css 配套新增样式 - docs/teaching/PRETEST.md：10 题 10 分钟 C++ 摸底测验，验证教案假定的受众基础是否成立，并与 OUTLINE.md §0 的分层预案挂钩
2026-07-02 11:31:44 +08:00
parent 6bb38563b5
commit 83620c0cf5
23 changed files with 1862 additions and 1041 deletions
@@ -18,6 +18,7 @@
 }
 .tag-lecture { background: #2b6cb0; color: #fff; } /* 讲 */
 .tag-practice { background: #2f855a; color: #fff; } /* 练 */
+.tag-discuss { background: #b7791f; color: #fff; } /* 议：讨论型任务，非编码 */

 .task-card {
  border-left: 6px solid #2f855a;
@@ -31,6 +32,25 @@
 }
 .task-card h4 { margin: 0 0 6px 0; color: #2f855a; text-transform: none; font-size: 1.05em; }

+.task-card dl.task-spec { margin: 8px 0 0 0; }
+.task-card dl.task-spec dt {
+  font-weight: 700;
+  color: #2f855a;
+  font-size: 0.85em;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-top: 10px;
+}
+.task-card dl.task-spec dt:first-child { margin-top: 0; }
+.task-card dl.task-spec dd { margin: 3px 0 0 0; }
+
+.ext-ref { color: #a0522d; font-style: italic; }
+
+/* 讨论型任务卡（Day1 模块A：无编码产出，用琥珀色区分“练”的绿色） */
+.task-card.discuss-card { border-left-color: #b7791f; background: #fffaf0; }
+.task-card.discuss-card h4 { color: #b7791f; }
+.task-card.discuss-card dl.task-spec dt { color: #b7791f; }
+
 .filelink, code.filelink {
  font-family: 'Courier New', monospace;
  background: #eef2f7;
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
-<title>Day 1 · C++ 对 C 的扩展 + 类和对象基础</title>
+<title>Day 1 · 开训 + C++ 回顾/工具链</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="reveal/reveal.css">
 <link rel="stylesheet" href="reveal/theme.css">
@@ -15,161 +15,88 @@

 <section>
  <h1>Day 1</h1>
-  <h3>C++ 对 C 的扩展 &nbsp;+&nbsp; 类和对象基础</h3>
-  <p class="module-badge">Qt 方向实训 · 第 1 / 4 天 · 讲:练 ≈ 1:2.7</p>
+  <h3>开训 + C++ 回顾/工具链</h3>
+  <p class="module-badge">C++/Qt 方向实训 · 第 1 / 5 天 · 对齐官方方案书 Day1</p>
  <ul>
-    <li>模块 A（3 课时）：C++ 对 C 的扩展 —— 强化，非入门</li>
-    <li>模块 B（3 课时）：类和对象基础</li>
+    <li>模块 A（3 课时）：团队建设 / 敏捷 Scrum / C++ 在企业中的应用（讨论型，无编码）</li>
+    <li>模块 B（3 课时）：C++ 环境搭建 / 高级程序回顾 / CMake / Vcpkg（压缩讲解）</li>
  </ul>
-  <p><small>大纲：<a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><small>本教案假定学员已掌握 C++ 基础语法与 OOP 概念——方案书对今天下午的
+  官方定位是"回顾和提升"，不是零基础教学。今天开始的 5 天覆盖方案书 C++方向
+  Day1–5 全部课堂内容，Day6–10 是纯项目实作。</small></p>
+  <div class="verify-box" style="font-size:0.5em;">
+    <h4>模块 B 开始前：10 分钟摸底测验</h4>
+    <p>这条假设不是拍脑袋定的——建议模块 B 讲授前先用
+    <a class="filelink" target="_blank" href="../PRETEST.md">docs/teaching/PRETEST.md</a>
+    （10 题、10 分钟）实测一次，按结果决定原节奏推进还是回退到语法讲解。</p>
+  </div>
 </section>

 <!-- ===================== 模块 A：讲 ===================== -->
 <section>
  <section>
    <p class="module-badge">模块 A · 讲授 35min</p>
-    <h2>C++ 对 C 的扩展 <span class="tag tag-lecture">讲</span></h2>
-    <p>已默认你熟悉这些语法——今天讲「为什么」，不讲「怎么写」：</p>
+    <h2>团队建设 / 敏捷 Scrum / C++ 企业应用 <span class="tag tag-lecture">讲</span></h2>
    <ul>
-      <li>namespace 的作用域本质</li>
-      <li>函数重载的决议机制</li>
-      <li>const 的本质 vs #define</li>
-      <li>引用的本质（语法糖视角）</li>
-      <li>三目运算符可否作左值 —— 纯版本差异</li>
+      <li>团队建设与文化、实训安排与考评要求</li>
+      <li>项目开发过程管理全景（JIRA / Git / OASIS / Wiki）</li>
+      <li>敏捷 Scrum 项目开发管理</li>
+      <li>C++ 在企业中的应用</li>
    </ul>
  </section>

  <section>
-    <p class="module-badge">强化点 1 / 5</p>
-    <h3>namespace 为什么不能定义在函数体内 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-namespace A{
-	int a = 10;
-}
-namespace B{
-	int a = 20;
-}
-void test(){
-	cout &lt;&lt; "A::a : " &lt;&lt; A::a &lt;&lt; endl;
-	cout &lt;&lt; "B::a : " &lt;&lt; B::a &lt;&lt; endl;
-}
-    </code></pre>
-    <p><small>作用域是「文件级」概念，不是「语句顺序」——wiki 原文把 namespace
-    写进了函数体内，编译不过；出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch03/namespace_syntax.cpp">p01/ch03/namespace_syntax.cpp</a>，
-    修正记录 <span class="filelink">ERRATA.md [58954439:3/6/7]</span></small></p>
+    <h3>实习实训服务流程 <span class="tag tag-lecture">讲</span></h3>
+    <img src="../../images/training_service_flow.png" style="max-height:480px;">
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../TRAINING_PLAN_2026.md">docs/TRAINING_PLAN_2026.md</a>
+    「六、实习实训服务流程」——需求分析→需求评审→项目研发/代码实现→阶段评审→
+    项目测试/交付，这就是接下来 Day6–10 项目实作要走的完整流程。</small></p>
  </section>

  <section>
-    <p class="module-badge">强化点 2 / 5</p>
-    <h3>函数重载：二义性从哪来 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-void MyFunc(string b){ cout &lt;&lt; "b: " &lt;&lt; b &lt;&lt; endl; }
-// 函数重载碰上默认参数
-void MyFunc(string b, int a = 10){ cout &lt;&lt; "a: " &lt;&lt; a &lt;&lt; " b:" &lt;&lt; b &lt;&lt; endl; }
-
-int main(){
-    // MyFunc("hello");        // 二义：两个重载同等匹配
-    MyFunc("hello", 20);       // 显式给第二参才能消歧义
-}
-    </code></pre>
-    <p><small>重载决议只看「能否唯一确定最佳匹配」，默认参数不参与决议——
-    出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch03/function_overload_basics_2.cpp">p01/ch03/function_overload_basics_2.cpp</a>，
-    <span class="filelink">ERRATA.md [58954439:42] ambiguous-overload</span></small></p>
-  </section>
-
-  <section>
-    <p class="module-badge">强化点 3 / 5</p>
-    <h3>const 的本质 vs #define <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-const int constA = 10;
-int main(){
-    int* p = (int*)&constA;
-    *p = 200;          // 绕过 const 的“建议性”检查——编译期常量 ≠ 只读内存
-}
-    </code></pre>
-    <p><small>const 是「编译期类型检查」，不是「运行期内存保护」；#define 只是文本替换，
-    没有类型、没有作用域。出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch03/const_diff_summary.cpp">p01/ch03/const_diff_summary.cpp</a></small></p>
-  </section>
-
-  <section>
-    <p class="module-badge">强化点 4 / 5</p>
-    <h3>引用的本质 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-void testFunc(int& ref){
-    ref = 100;  // 编译器内部转换为 *ref = 100
-}
-int main(){
-    int a = 10;
-    int& aRef = a;   // 自动转换为 int* const aRef = &a —— 这也是引用必须初始化的原因
-    aRef = 20;       // 内部转换为 *aRef = 20
-}
-    </code></pre>
-    <p><small>把引用当成「自动解引用的 const 指针」来理解，很多“为什么引用不能重新绑定”
-    的疑惑会自然消失。出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch03/reference_essence.cpp">p01/ch03/reference_essence.cpp</a></small></p>
-  </section>
-
-  <section>
-    <p class="module-badge">强化点 5 / 5 · 版本差异</p>
-    <h3>三目运算符能否作左值 —— 纯版本问题 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-// C（p01/ch03/ternary_operator.c）：三目表达式返回右值
-(a &gt; b ? a : b) = 100;   // C 中非法
-
-// C++（p01/ch03/ternary_operator.cpp）：三目表达式返回左值引用
-(a &gt; b ? a : b) = 100;   // C++ 中合法，b 会被改写
-    </code></pre>
-    <p><small>现场演示：<code class="filelink">tools/std_probe.py --lang c --file
-    p01/ch03/ternary_operator.c --standards c89,c99,c11,c17 --pedantic-errors</code>
-    —— 对照 <span class="filelink">docs/VERSION_NOTES.md §2</span></small></p>
+    <h3>质量保证：四平台一标准 <span class="tag tag-lecture">讲</span></h3>
+    <img src="../../images/quality_four_platforms.png" style="max-height:420px;">
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../TRAINING_PLAN_2026.md">docs/TRAINING_PLAN_2026.md</a>
+    「七、质量保证」——JIRA（任务跟踪）+ Git（版本管理）+ Wiki 知识库 +
+    OASIS 绿洲实训管理平台，是接下来项目实作阶段的四个协作工具。</small></p>
  </section>
 </section>

-<!-- ===================== 模块 A：练 ===================== -->
+<!-- ===================== 模块 A：讨论（无编码） ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 A · 练习 95min</p>
-    <h2>动手：ch03 强化练习 <span class="tag tag-practice">练</span></h2>
-    <p>目录：<a class="filelink" target="_blank" href="../../../p01/ch03">p01/ch03/</a>
-    （47 个源文件，本节任务只挑一部分，其余留作参考自学）</p>
+    <p class="module-badge">模块 A · 讨论 95min（分组，非编码）</p>
+    <h2>动手：分组讨论 <span class="tag tag-discuss">议</span></h2>
+    <p><small>今天上午没有编码练习——先把协作流程和项目方向定下来，Day6–10
+    的项目实作会真的用到今天讨论的结论。</small></p>
  </section>
-
  <section>
-    <div class="task-card">
-      <h4>任务卡 1 · 逐一验证 <span class="tag tag-practice">练</span></h4>
-      <p>从 <code class="filelink">p01/ch03</code> 挑 8–10 个文件（namespace / reference /
-      overload / const 系列），逐个执行：</p>
-      <pre><code class="bash" data-trim>tools/run.sh p1c03_03   # namespace_syntax
-tools/run.sh p1c03_33   # reference_essence
-tools/run.sh p1c03_43   # function_overload_basics_2
-# ……自行在 build/ 里用 ninja -t targets 或 cmake --build 找到其余目标名</code></pre>
-      <p>对照 <code class="filelink">docs/ERRATA.md</code> 对应条目，写一句话解释
-      「wiki 原文错在哪、现在为什么对」。</p>
+    <div class="task-card discuss-card">
+      <h4>任务卡 1 · 协作分工 <span class="tag tag-discuss">议</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>结合服务流程图，说清楚本组打算怎么分工使用 Jira（任务跟踪）+ Git（代码版本管理）</dd>
+        <dt>验收标准</dt>
+        <dd>每组提交一句话分工说明（谁负责建 Jira 看板 / 谁负责 Git 仓库初始化），能在图上指出对应环节</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd>上一节"实习实训服务流程"图 ·
+        <a class="filelink" target="_blank" href="../../TRAINING_PLAN_2026.md">TRAINING_PLAN_2026.md 「七、质量保证 (一)(二)」</a></dd>
+      </dl>
    </div>
  </section>
-
  <section>
-    <div class="task-card">
-      <h4>任务卡 2 · 版本探针实操 <span class="tag tag-practice">练</span></h4>
-      <pre><code class="bash" data-trim>tools/std_probe.py --lang c --file p01/ch03/ternary_operator.c \
-    --standards c89,c99,c11,c17 --pedantic-errors</code></pre>
-      <p>记录哪个标准报错、哪个不报错，对照
-      <code class="filelink">docs/VERSION_NOTES.md §2</code> 的结论，理解“同一段代码
-      在不同标准下含义不同”。</p>
-    </div>
-  </section>
-
-  <section>
-    <div class="task-card">
-      <h4>任务卡 3 · 拔高（选做） <span class="tag tag-practice">练</span></h4>
-      <p>阅读 <code class="filelink">docs/ERRATA.md [58954439:42]</code>，解释生成脚本的
-      去重逻辑为什么会把重载函数改名导致二义性——这是一次「工具误伤正确代码」的真实案例，
-      训练读 diff、读生成器逻辑的能力。</p>
-      <p><small>参考：<a class="filelink" target="_blank"
-      href="../../../tools/gen_part1.py">tools/gen_part1.py</a> 中 <code>dedupe</code> 相关逻辑</small></p>
+    <div class="task-card discuss-card">
+      <h4>任务卡 2 · 选定项目方向 <span class="tag tag-discuss">议</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>选定实训期间打算做的项目方向（Linux C 方向，或 C++/Qt 方向的备选商业项目之一）</dd>
+        <dt>验收标准</dt>
+        <dd>每组报出项目名称 + 一句话说明选择理由</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../TRAINING_PLAN_2026.md">TRAINING_PLAN_2026.md 「八、备选商业项目介绍」</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -177,107 +104,74 @@ tools/run.sh p1c03_43   # function_overload_basics_2
 <!-- ===================== 模块 B：讲 ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 B · 讲授 35min</p>
-    <h2>类和对象基础 <span class="tag tag-lecture">讲</span></h2>
-    <ul>
-      <li>封装：C 结构体 vs C++ 类</li>
-      <li>构造 / 析构的调用时机</li>
-      <li>深拷贝 vs 浅拷贝</li>
-      <li>静态成员与单例</li>
-    </ul>
+    <p class="module-badge">模块 B · 讲授 35min（巡礼式，压缩讲解）</p>
+    <h2>C++ 回顾 / CMake / Vcpkg <span class="tag tag-lecture">讲</span></h2>
+    <p><small>只挑「学过但容易讲不透」的点，不逐章展开——方案书官方定位是
+    "回顾和提升"，深度让位于 Day2–5 的 Qt 内容。</small></p>
  </section>

  <section>
-    <h3>封装：同一个问题，两种语言写法 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="c" data-trim data-noescape>
-// C：结构体没有访问控制，甚至类型都保护不了
-typedef struct _Person{ char name[64]; int age; } Person;
-typedef struct _Aninal{ char name[64]; int age; int type; } Ainmal;
-
-void AnimalEat(Ainmal* animal){ printf("%s在吃动物吃的饭!\n", animal->name); }
-
-int main(){
-    Person person; strcpy(person.name, "小明"); person.age = 30;
-    AnimalEat(&person);   // 把 Person* 传给期望 Ainmal* 的函数——编译器毫无察觉
-}
-    </code></pre>
-    <p><small>对照：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s01/class_encapsulation.c">class_encapsulation.c</a> vs
-    <a class="filelink" target="_blank"
-    href="../../../p01/ch04/s01/class_encapsulation.cpp">class_encapsulation.cpp</a>
-    （public/protected/private 三级访问控制）</small></p>
+    <h3>namespace 作用域 <span class="tag tag-lecture">讲</span></h3>
+    <p>"作用域"不是"文件顺序"——很多人误以为 namespace 只是给名字加前缀，
+    实际上它定义的是一段可以被跨文件延续、跨块合并的作用域。</p>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p01/ch03/namespace_syntax.cpp">p01/ch03/namespace_syntax.cpp</a>，
+    对照 <a class="filelink" target="_blank" href="../../ERRATA.md">docs/ERRATA.md</a></small></p>
  </section>

  <section>
-    <h3>构造 / 析构的调用时机 <span class="tag tag-lecture">讲</span></h3>
+    <h3>函数重载决议 <span class="tag tag-lecture">讲</span></h3>
+    <p>编译器靠"名字改写"（name mangling）把重载函数变成不同的符号；二义性
+    往往不是代码写错了，而是重载集合里存在两个"一样好"的候选。</p>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p01/ch03/function_overload_mechanism.cpp">p01/ch03/function_overload_mechanism.cpp</a></small></p>
+  </section>
+
+  <section>
+    <h3>引用的本质 <span class="tag tag-lecture">讲</span></h3>
+    <p>把引用理解成"自动解引用的 const 指针"——这个实现视角能解释引用为什么
+    必须初始化、为什么不能重新绑定。</p>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p01/ch03/reference_essence.cpp">p01/ch03/reference_essence.cpp</a></small></p>
+  </section>
+
+  <section>
+    <h3>虚析构与内存泄漏 <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class Person{
-public:
-    Person(){
-        cout &lt;&lt; "构造函数调用!" &lt;&lt; endl;
-        pName = (char*)malloc(sizeof("John"));
-        strcpy(pName, "John");
-    }
-    ~Person(){
-        cout &lt;&lt; "析构函数调用!" &lt;&lt; endl;
-        if (pName != NULL){ free(pName); pName = NULL; }
-    }
-private:
-    char* pName;
-};
-    </code></pre>
-    <p><small>强化点：wiki 原文这一串例子普遍漏写 <code>#include &lt;cstring&gt;</code>
-    （用到 strcpy 却不声明）——出处 <a class="filelink" target="_blank"
-    href="../../../p01/ch04/s03/ctor_and_dtor.cpp">p01/ch04/s03/ctor_and_dtor.cpp</a>，
-    <code class="filelink">ERRATA.md [58954451:0..13] missing-include</code>：编译器不报错，
-    但换个平台/换个头文件包含顺序就可能炸——这类隐式依赖正是“强化”该抓的细节。</small></p>
-  </section>
-
-  <section>
-    <h3>深拷贝 vs 浅拷贝 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Person{
-public:
-    Person(char* name, int age){
-        pName = (char*)malloc(strlen(name) + 1);
-        strcpy(pName, name);
-    }
-    // 自己实现拷贝构造函数 —— 深拷贝
-    Person(const Person& person){
-        pName = (char*)malloc(strlen(person.pName) + 1);
-        strcpy(pName, person.pName);
-    }
-    ~Person(){ if (pName != NULL) free(pName); }
-private:
-    char* pName;
-};
-void test(){
-    Person p1("Edward", 30);
-    Person p2 = p1;   // 不写拷贝构造 → 默认浅拷贝 → 两个指针指向同一块内存 → 析构两次 double free
-}
+Base* p = new Derived();
+delete p;   // 如果 ~Base() 不是 virtual，~Derived() 不会被调用——经典泄漏
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s03/deep_vs_shallow_copy.cpp">p01/ch04/s03/deep_vs_shallow_copy.cpp</a></small></p>
+    href="../../../p01/ch04/s08/virtual_dtor_purpose.cpp">p01/ch04/s08/virtual_dtor_purpose.cpp</a></small></p>
  </section>

  <section>
-    <h3>静态成员与单例 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Printer{
-public:
-    static Printer* getInstance(){ return pPrinter; }
-    void PrintText(string text){ cout &lt;&lt; text &lt;&lt; endl; mTimes++; }
-private:
-    Printer(){ mTimes = 0; }
-    Printer(const Printer&){}   // 禁止拷贝
-private:
-    static Printer* pPrinter;
-    int mTimes;
-};
-Printer* Printer::pPrinter = new Printer;   // 类外初始化静态成员
-    </code></pre>
+    <h3>模板与 STL 速览 <span class="tag tag-lecture">讲</span></h3>
+    <p>只点名，不展开：泛型编程（函数模板/类模板）+ 容器/迭代器，是 Day6–10
+    项目实作里会大量用到的基础设施。</p>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s03/static_singleton.cpp">p01/ch04/s03/static_singleton.cpp</a></small></p>
+    href="../../../p01/ch05/class_template_basics.cpp">p01/ch05/class_template_basics.cpp</a>、
+    <a class="filelink" target="_blank" href="../../../p01/ch09/s03/vector_iterator.cpp">p01/ch09/s03/vector_iterator.cpp</a></small></p>
+  </section>
+
+  <section>
+    <h3>CMake：用本仓库当教材 <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="bash" data-trim>cmake -S . -B build -G Ninja -DBUILD_QT_PART=OFF -DCMAKE_BUILD_TYPE=Debug
+cmake --build build   # 144 个目标全绿</code></pre>
+    <p><small>出处：仓库根 <a class="filelink" target="_blank" href="../../../CMakeLists.txt">CMakeLists.txt</a>——
+    <code>option(BUILD_QT_PART)</code> 控制是否编译 Qt 部分，每个示例一个
+    <code>add_executable</code> 目标，这就是"一文件一目标"约定的由来。</small></p>
+  </section>
+
+  <section>
+    <h3>Vcpkg 包管理器（概念，无演示） <span class="tag tag-lecture">讲</span></h3>
+    <p>C++ 生态的包管理器，解决"第三方库怎么装、怎么被 CMake 找到"的问题。</p>
+    <div class="verify-box">
+      <h4>缺口说明</h4>
+      <p>本仓库用的是"隔离 Qt 手动装"（<code>tools/install_qt_host.sh</code>）
+      而非 vcpkg，两种思路都要认识；本仓库暂无 vcpkg 可运行示例——安装真实
+      vcpkg 工具链超出最小示例范畴，此处仅作概念介绍。</p>
+    </div>
  </section>
 </section>

@@ -285,37 +179,50 @@ Printer* Printer::pPrinter = new Printer;   // 类外初始化静态成员
 <section>
  <section>
    <p class="module-badge">模块 B · 练习 95min</p>
-    <h2>动手：类和对象 <span class="tag tag-practice">练</span></h2>
+    <h2>动手：走一遍真实构建流程 <span class="tag tag-practice">练</span></h2>
  </section>
-
  <section>
    <div class="task-card">
-      <h4>任务卡 1 · 扩展一个类 <span class="tag tag-practice">练</span></h4>
-      <p>以 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s02/point_and_circle.cpp">point_and_circle.cpp</a> 或
-      <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s02/cube_class_design.cpp">cube_class_design.cpp</a> 为起点，
-      新增一个成员函数（如计算面积 / 体积），编译运行验证输出正确。</p>
+      <h4>任务卡 1 · 走一遍真实构建流程 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>独立完成本仓库 Part1 的配置+构建，不看着教师操作</dd>
+        <dt>验收标准</dt>
+        <dd><code>cmake -S . -B build -G Ninja -DBUILD_QT_PART=OFF</code> 配置成功；
+        <code>cmake --build build</code> 144 个目标全绿；能说出 <code>option(BUILD_QT_PART)</code> 的作用</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../CMakeLists.txt">仓库根 CMakeLists.txt</a> ·
+        <span class="ext-ref">CMake 官方文档 Tutorial（选读·需联网）</span></dd>
+      </dl>
    </div>
  </section>
-
  <section>
    <div class="task-card">
-      <h4>任务卡 2 · 复现并修复浅拷贝崩溃 <span class="tag tag-practice">练</span></h4>
-      <p>修改 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s03/deep_vs_shallow_copy.cpp">deep_vs_shallow_copy.cpp</a>：
-      故意删掉拷贝构造函数触发浅拷贝，用 <code class="filelink">tools/run.sh</code>
-      观察 double free / 崩溃或异常输出，再恢复深拷贝对比。</p>
+      <h4>任务卡 2 · 修一个真实的坑 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>从 <a class="filelink" target="_blank" href="../../ERRATA.md">docs/ERRATA.md</a>
+        挑 2 条记录，理解"wiki 原文错在哪、现在的写法为什么对"</dd>
+        <dt>验收标准</dt>
+        <dd>能用一句话向同组同学解释清楚，不能只念代码</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../ERRATA.md">docs/ERRATA.md</a></dd>
+      </dl>
    </div>
  </section>
-
  <section>
    <div class="task-card">
-      <h4>任务卡 3 · 独立实现单例 <span class="tag tag-practice">练</span></h4>
-      <p>参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s03/static_singleton.cpp">static_singleton.cpp</a>，
-      独立写一个单例类（拷贝构造设为私有 / delete，验证多次 <code>getInstance()</code>
-      返回同一地址）。</p>
+      <h4>任务卡 3（选做）· 版本探针 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>用 <code>tools/std_probe.py</code> 验证一个标准版本差异点（如三目运算符可否作左值）</dd>
+        <dt>验收标准</dt>
+        <dd>跑出至少一个"该标准报错、另一个标准不报错"的对比结果，对照
+        <a class="filelink" target="_blank" href="../../VERSION_NOTES.md">docs/VERSION_NOTES.md</a> §2</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../tools/std_probe.py">tools/std_probe.py</a> ·
+        <a class="filelink" target="_blank" href="../../VERSION_NOTES.md">docs/VERSION_NOTES.md</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -324,14 +231,13 @@ Printer* Printer::pPrinter = new Printer;   // 类外初始化静态成员
 <section>
  <h2>当日产出验证</h2>
  <div class="verify-box">
-    <h4>验收标准</h4>
-    <pre><code class="bash" data-trim>cmake --build build --target all_p01_ch03
-cmake --build build --target all_p01_ch04_s03</code></pre>
-    <p>全绿；至少完成 1 个「浅拷贝崩溃复现 + 修复对比」。</p>
+    <h4>验收</h4>
+    <pre><code class="bash" data-trim>cmake --build build --target all   # Part1，144 个目标全绿</code></pre>
+    <p>每组提交一句话分工说明 + 至少 1 条 ERRATA 坑点讲解。</p>
  </div>
-  <p class="footer-note"><small>明日预告：Day 2 —— OOP 进阶（对象模型 / 友元 /
-  运算符重载 / 继承 / 多态）</small></p>
-  <p><a class="filelink" href="index.html">返回目录</a></p>
+  <p class="footer-note"><small>明天 Day2 进入 Qt：项目结构 / 信号槽 / 控件 / 布局与 QSS ——
+  大纲：<a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><a class="filelink" href="index.html">返回目录</a> · <a class="filelink" href="day2.html">下一天 →</a></p>
 </section>

 </div>
@@ -341,11 +247,7 @@ cmake --build build --target all_p01_ch04_s03</code></pre>
 <script src="reveal/plugin/highlight/highlight.js"></script>
 <script>
  Reveal.initialize({
-    hash: true,
-    controls: true,
-    progress: true,
-    center: true,
-    slideNumber: true,
+    hash: true, controls: true, progress: true, center: true, slideNumber: true,
    plugins: [ RevealHighlight ]
  });
 </script>
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
-<title>Day 2 · OOP 进阶</title>
+<title>Day 2 · Qt 开发环境/信号槽/基础控件/布局与 QSS</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="reveal/reveal.css">
 <link rel="stylesheet" href="reveal/theme.css">
@@ -15,96 +15,89 @@

 <section>
  <h1>Day 2</h1>
-  <h3>OOP 进阶</h3>
-  <p class="module-badge">Qt 方向实训 · 第 2 / 4 天 · 讲:练 ≈ 1:2.7</p>
+  <h3>Qt 开发环境 / 信号槽 / 基础控件 / 布局与 QSS</h3>
+  <p class="module-badge">C++/Qt 方向实训 · 第 2 / 5 天 · 讲:练 ≈ 1:2.7</p>
  <ul>
-    <li>模块 A（3 课时）：对象模型 / 友元 / 运算符重载</li>
-    <li>模块 B（3 课时）：继承与多态</li>
+    <li>模块 A（3 课时）：项目结构 / 第一个程序 / 信号槽</li>
+    <li>模块 B（3 课时）：常用控件 / 布局管理 / QSS 界面美化 → 计算器案例</li>
  </ul>
-  <p><small>回顾：Day1 已建立类/构造析构/深浅拷贝的直觉——今天在这个基础上深挖机制</small></p>
+  <div class="verify-box" style="font-size:0.5em;">
+    <h4>开始前准备（一次性）</h4>
+    <pre><code class="bash" data-trim>tools/install_qt_host.sh
+cmake -S . -B build -G Ninja -DBUILD_QT_PART=ON \
+      -DCMAKE_PREFIX_PATH=$PWD/.qt514/5.14.2/gcc_64 -DCMAKE_BUILD_TYPE=Debug
+cmake --build build</code></pre>
+  </div>
 </section>

 <!-- ===================== 模块 A：讲 ===================== -->
 <section>
  <section>
    <p class="module-badge">模块 A · 讲授 35min</p>
-    <h2>对象模型 / 友元 / 运算符重载 <span class="tag tag-lecture">讲</span></h2>
+    <h2>项目结构 / 信号槽 <span class="tag tag-lecture">讲</span></h2>
    <ul>
-      <li>this 指针到底解决什么问题</li>
-      <li>友元：突破封装的代价与取舍</li>
-      <li>运算符重载：=、==、[]、()、++/-- 全景</li>
+      <li>最小 Qt 程序结构</li>
+      <li>控件创建与显示</li>
+      <li>内置 / 自定义 / lambda 信号槽</li>
    </ul>
  </section>

  <section>
-    <h3>this 指针：区分同名 + 隐式参数 <span class="tag tag-lecture">讲</span></h3>
+    <h3>最小 Qt 程序：QApplication + exec() <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class Person{
+class Widget : public QWidget {
+    Q_OBJECT   // 用到信号槽/属性系统的类都要有这个宏（触发 moc 代码生成）
 public:
-    Person(string name, int age){
-        this->name = name;   // 形参名与成员名相同，靠 this-> 区分
-        this->age = age;
-    }
-    // 成员函数隐含的第一个参数就是 this —— operator= 也是这样实现的
-    Person PersonPlusPerson(Person& person){
-        string newname = this->name + person.name;
-        int newage = this->age + person.age;
-        return Person(newname, newage);
-    }
+    Widget(QWidget* parent = nullptr) : QWidget(parent) {}
 };
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s04/this_pointer.cpp">p01/ch04/s04/this_pointer.cpp</a></small></p>
-  </section>

-  <section>
-    <h3>友元：全局函数 / 成员函数 / 整个类 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Building{
-    friend void CleanBedRoom(Building& building);   // 友元全局函数
-    friend class MyFriend;                          // 友元类——MyFriend 的所有成员都能访问私有区
-public:
-    Building();
-private:
-    string mBedroom;
-};
-    </code></pre>
-    <p><small>友元是「单向」「不可传递」「不可继承」的特权授予——用得越多，封装边界越模糊，
-    权衡取舍要讲清楚。出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s05/friend_syntax.cpp">p01/ch04/s05/friend_syntax.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>赋值运算符重载：与拷贝构造的分工 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-Person2& operator=(const Person2& person){
-    // 关键：当前对象已存在，pName 可能已指向堆内存——必须先释放，否则内存泄漏
-    if (this->pName != NULL){ delete[] this->pName; }
-    this->pName = new char[strlen(person.pName) + 1];
-    strcpy(this->pName, person.pName);
-    return *this;   // 返回引用才能支持 a = b = c 连续赋值
-}
-    </code></pre>
-    <p><small>“初始化用拷贝构造，已存在对象再赋值用 operator=”——这条分界线是本节强化重点。
-    出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s06/overload_assignment.cpp">p01/ch04/s06/overload_assignment.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>前置/后置 ++ 的重载差异 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-Complex& operator++(){        // 前置++：改自身，返回引用
-    mA++; mB++;
-    return *this;
-}
-Complex operator++(int){      // 后置++：占位 int 参数只是为了和前置区分重载签名
-    Complex temp = *this;      // 必须先拷贝旧值
-    mA++; mB++;
-    return temp;               // 返回值（而非引用）——所以后置++开销更大
+int main(int argc, char* argv[]) {
+    QApplication app(argc, argv);   // 整个程序唯一的 QApplication
+    Widget w;
+    w.show();
+    return app.exec();              // 进入事件循环，程序在这里“活着”
 }
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s06/overload_increment_decrement.cpp">p01/ch04/s06/overload_increment_decrement.cpp</a></small></p>
+    href="../../../p03/ch02/minimal_qt_app.cpp">p03/ch02/minimal_qt_app.cpp</a>（注意仓库版本额外注入了
+    <code>QTimer::singleShot</code> 200ms 自动退出，便于离屏自动化验证，真实项目不需要这一行）</small></p>
+  </section>
+
+  <section>
+    <h3>控件创建：两种写法 <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="cpp" data-trim data-noescape>
+// 第一种：先构造再设属性
+QPushButton* btn = new QPushButton;
+btn->setParent(this);
+btn->setText(QStringLiteral("德玛西亚"));
+btn->move(100, 100);
+
+// 第二种：构造时指定文本与父亲
+QPushButton* btn2 = new QPushButton(QStringLiteral("孙悟空"), this);
+    </code></pre>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p03/ch03/button_creation.cpp">p03/ch03/button_creation.cpp</a></small></p>
+  </section>
+
+  <section>
+    <h3>信号槽：内置 / 自定义 / 重载消歧义 <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="cpp" data-trim data-noescape>
+class Teacher : public QObject {
+    Q_OBJECT
+signals:
+    void hungry();             // 无参信号
+    void hungry(QString food); // 带参信号（重载）
+public slots:
+    void classIsOver(){ emit hungry(); emit hungry(QString("汉堡")); }
+};
+// 连接重载信号时必须用 QOverload 显式指定版本
+connect(t, QOverload&lt;&gt;::of(&Teacher::hungry), s, QOverload&lt;&gt;::of(&Student::treat));
+connect(t, QOverload&lt;QString&gt;::of(&Teacher::hungry), s, QOverload&lt;QString&gt;::of(&Student::treat));
+    </code></pre>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p03/ch04/custom_signal_slot.cpp">p03/ch04/custom_signal_slot.cpp</a>；
+    lambda 槽 + 值捕获/引用捕获对比见
+    <a class="filelink" target="_blank" href="../../../p03/ch04/lambda_signal_slot.cpp">lambda_signal_slot.cpp</a></small></p>
  </section>
 </section>

@@ -112,32 +105,50 @@ Complex operator++(int){      // 后置++：占位 int 参数只是为了和前
 <section>
  <section>
    <p class="module-badge">模块 A · 练习 95min</p>
-    <h2>动手：运算符重载 <span class="tag tag-practice">练</span></h2>
+    <h2>动手：第一个 Qt 程序 <span class="tag tag-practice">练</span></h2>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 1 · operator= + operator== <span class="tag tag-practice">练</span></h4>
-      <p>给 Day1 写的类（或新写一个含指针成员的类）实现 <code>operator=</code>（注意先
-      释放旧资源）与 <code>operator==</code>，参照
-      <a class="filelink" target="_blank" href="../../../p01/ch04/s06/overload_assignment.cpp">overload_assignment.cpp</a>、
-      <a class="filelink" target="_blank" href="../../../p01/ch04/s06/overload_equality.cpp">overload_equality.cpp</a>。</p>
+      <h4>任务卡 1 · 跑通最小程序 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>编译运行 <code>minimal_qt_app</code> 与 <code>button_creation</code></dd>
+        <dt>验收标准</dt>
+        <dd><code>QT_QPA_PLATFORM=offscreen tools/run_qt.sh minimal_qt_app</code> 与
+        <code>button_creation</code> 均退出码为 0，无崩溃</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch02/minimal_qt_app.cpp">p03/ch02/minimal_qt_app.cpp</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch03/button_creation.cpp">p03/ch03/button_creation.cpp</a></dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 2 · operator[] 边界检查 <span class="tag tag-practice">练</span></h4>
-      <p>实现一个重载了 <code>operator[]</code> 的简单容器类（固定大小数组包装），
-      越界访问要有明确行为（断言或抛异常），参照
-      <a class="filelink" target="_blank" href="../../../p01/ch04/s06/overload_pointer_operator.cpp">overload_pointer_operator.cpp</a> 的思路。</p>
+      <h4>任务卡 2 · 自定义信号槽改文本 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>给一个按钮连接自定义信号槽：点击后改变一个 <code>QLabel</code> 的文本内容</dd>
+        <dt>验收标准</dt>
+        <dd>编译通过；离屏或有 X 环境下点击/模拟点击后 <code>QLabel</code> 文本确实改变；
+        用 <code>connect</code> 语法而非直接函数调用</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch04/custom_signal_slot.cpp">custom_signal_slot.cpp</a>（主参考）·
+        <a class="filelink" target="_blank" href="../../../p03/ch04/lambda_signal_slot.cpp">lambda_signal_slot.cpp</a>（lambda 槽写法对比）</dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 3 · 选做：友元实现 operator&lt;&lt; <span class="tag tag-practice">练</span></h4>
-      <p>参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s06/overload_with_friend.cpp">overload_with_friend.cpp</a>，
-      为你的类实现 <code>friend ostream&amp; operator&lt;&lt;</code>，讨论「为什么流输出运算符
-      通常不能写成成员函数」（提示：左操作数是 ostream，不是本类对象）。</p>
+      <h4>任务卡 3（选做）· 重载信号消歧义 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>仿 <code>builtin_signal_slot.cpp</code>，给一个类定义两个同名不同参的信号，用
+        <code>QOverload</code> 消歧义连接</dd>
+        <dt>验收标准</dt>
+        <dd>两个重载信号都能各自触发对应的槽</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch04/builtin_signal_slot.cpp">p03/ch04/builtin_signal_slot.cpp</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -146,137 +157,91 @@ Complex operator++(int){      // 后置++：占位 int 参数只是为了和前
 <section>
  <section>
    <p class="module-badge">模块 B · 讲授 35min</p>
-    <h2>继承与多态 <span class="tag tag-lecture">讲</span></h2>
-    <ul>
-      <li>继承中构造/析构的顺序</li>
-      <li>同名成员遮蔽 vs 重写</li>
-      <li>虚继承解决菱形问题</li>
-      <li>upcast 裁切问题 → virtual 解决</li>
-      <li>纯虚函数/抽象类、虚析构的意义</li>
-    </ul>
+    <h2>常用控件 / 布局管理 / QSS 美化 <span class="tag tag-lecture">讲</span></h2>
  </section>

  <section>
-    <h3>构造先基类后派生类，析构相反 <span class="tag tag-lecture">讲</span></h3>
+    <h3>常用控件：QLabel 显示图片 <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class A{ public: A(){cout&lt;&lt;"A构造\n";} ~A(){cout&lt;&lt;"A析构\n";} };
-class B : public A{ public: B(){cout&lt;&lt;"B构造\n";} ~B(){cout&lt;&lt;"B析构\n";} };
-class C : public B{ public: C(){cout&lt;&lt;"C构造\n";} ~C(){cout&lt;&lt;"C析构\n";} };
-
-int main(){ C c; }
-// 输出顺序：A构造 → B构造 → C构造 → C析构 → B析构 → A析构
+QPixmap pixmap;
+pixmap.load(":/Image/boat.jpg");   // 从 Qt 资源系统（.qrc）加载
+QLabel* label = new QLabel(this);
+label->setPixmap(pixmap);
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s07/inheritance_ctor_dtor_order.cpp">p01/ch04/s07/inheritance_ctor_dtor_order.cpp</a></small></p>
+    href="../../../p03/ch08/label_pixmap.cpp">p03/ch08/label_pixmap.cpp</a>；
+    HTML 富文本标签见 <a class="filelink" target="_blank" href="../../../p03/ch08/label_text_html.cpp">label_text_html.cpp</a></small></p>
  </section>

  <section>
-    <h3>同名成员：默认遮蔽，需类名限定 <span class="tag tag-lecture">讲</span></h3>
+    <h3>自定义控件与布局：QHBoxLayout <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class Base{ public: Base():mParam(0){} int mParam; };
-class Derived : public Base{
-public:
-    Derived():mParam(10){}
-    void Print(){
-        cout &lt;&lt; Base::mParam &lt;&lt; endl;   // 必须类名限定才能访问被遮蔽的基类成员
-        cout &lt;&lt; mParam &lt;&lt; endl;          // 默认访问派生类自己的
-    }
-    int mParam;
-};
+QSpinBox* spin = new QSpinBox(this);
+QSlider* slider = new QSlider(Qt::Horizontal, this);
+QHBoxLayout* layout = new QHBoxLayout(this);
+layout->addWidget(spin);
+layout->addWidget(slider);
+// spin 变化 → slider 跟随，slider 变化 → spin 跟随
+connect(spin, static_cast&lt;void (QSpinBox::*)(int)&gt;(&QSpinBox::valueChanged), slider, &QSlider::setValue);
+connect(slider, &QSlider::valueChanged, spin, &QSpinBox::setValue);
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s07/same_name_members.cpp">p01/ch04/s07/same_name_members.cpp</a></small></p>
+    href="../../../p03/ch08/custom_widget.cpp">p03/ch08/custom_widget.cpp</a>——布局管理器负责排布，
+    不用手算控件坐标。</small></p>
  </section>

  <section>
-    <h3>菱形继承 → 虚继承 <span class="tag tag-lecture">讲</span></h3>
+    <h3>QSS 界面美化（教学补充） <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class BigBase{ public: int mParam; };
-class Base1 : public BigBase{};
-class Base2 : public BigBase{};
-class Derived : public Base1, public Base2{};
-// derived.mParam 二义——两份 BigBase 子对象；须写 derived.Base1::mParam 消歧义
-// 虚继承（public virtual BigBase）能让两条路径共享同一份 BigBase 子对象
+okBtn->setObjectName("okButton");
+setStyleSheet(
+    "QPushButton#okButton { background-color: #2f855a; border-radius: 6px; color: white; }"
+    "QPushButton#okButton:hover { background-color: #276749; }"
+);
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s07/diamond_virtual_inheritance.cpp">diamond_virtual_inheritance.cpp</a>
-    及 <a class="filelink" target="_blank"
-    href="../../../p01/ch04/s07/diamond_virtual_inheritance_2.cpp">_2.cpp</a>（虚继承版本对比）</small></p>
-  </section>
-
-  <section>
-    <h3>upcast 裁切问题：不加 virtual 就没有多态 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-// 问题版：Animal::speak_1 不是 virtual
-class Animal{ public: void speak_1(){ cout&lt;&lt;"动物在唱歌...\n"; } };
-class Dog : public Animal{ public: void speak_1(){ cout&lt;&lt;"小狗在唱歌...\n"; } };
-void DoBussiness(Animal& animal){ animal.speak_1(); }
-void test(){ Dog dog; DoBussiness(dog); }   // 输出「动物在唱歌」——静态绑定，不是想要的结果
-
-// 解决版：都加 virtual → 动态绑定，输出「小狗在唱歌」
-    </code></pre>
-    <p><small>问题版出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch04/s08/upcast_problem.cpp">upcast_problem.cpp</a>；解决版：
-    <a class="filelink" target="_blank"
-    href="../../../p01/ch04/s08/virtual_function_solution.cpp">virtual_function_solution.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>纯虚函数、抽象类、虚析构的意义 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class People{
-public:
-    virtual void showName() = 0;      // 纯虚函数 → People 是抽象类，不能实例化
-    virtual ~People(){ cout&lt;&lt;"析构 People\n"; }   // 虚析构：基类指针 delete 派生类对象时能正确调用派生类析构
-};
-class Worker : public People{
-public:
-    virtual void showName(){ /* ... */ }
-    ~Worker(){ cout&lt;&lt;"析构 Worker\n"; delete[] pName; }
-private:
-    char* pName;
-};
-People* p = new Worker;
-delete p;   // 若 ~People() 不是 virtual，只会调用 ~People，Worker::pName 泄漏
-    </code></pre>
-    <p><small>强化点：<code class="filelink">ERRATA.md [58954469:5] abstract-instantiation</code>
-    ——wiki 原文一度把带纯虚析构的类直接实例化，这是编译错误。出处：
-    <a class="filelink" target="_blank" href="../../../p01/ch04/s08/pure_virtual_dtor.cpp">pure_virtual_dtor.cpp</a>、
-    <a class="filelink" target="_blank" href="../../../p01/ch04/s08/virtual_dtor_purpose.cpp">virtual_dtor_purpose.cpp</a></small></p>
+    href="../examples/qss_styling/qt_qss_styling.cpp">docs/teaching/examples/qss_styling/qt_qss_styling.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/qss_styling/README.md">配套 README</a>）——
+    仓库 <code>p03/</code> 的 wiki 抓取内容没有 QSS，这是本轮补写的教学补充示例，已离屏验证跑通。</small></p>
  </section>
 </section>

-<!-- ===================== 模块 B：练 ===================== -->
+<!-- ===================== 模块 B：练（计算器案例） ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 B · 练习 95min</p>
-    <h2>动手：继承与多态 <span class="tag tag-practice">练</span></h2>
+    <p class="module-badge">模块 B · 练习 95min（计算器案例，练习任务，非预建方案）</p>
+    <h2>动手：做一个计算器 <span class="tag tag-practice">练</span></h2>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 1 · 复现并修复 upcast 裁切 <span class="tag tag-practice">练</span></h4>
-      <p>先跑 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s08/upcast_problem.cpp">upcast_problem.cpp</a> 观察输出，
-      再手动加 <code>virtual</code> 关键字重新编译，对比两次输出差异，写清楚“静态绑定 vs 动态绑定”
-      各自发生在什么时候。</p>
+      <h4>任务卡 1 · 计算器雏形 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>组合 <code>button_creation.cpp</code>（数字/运算符按钮）+ <code>custom_signal_slot.cpp</code>
+        （点击信号槽）+ <code>custom_widget.cpp</code>（布局排布按钮），做出一个能加减乘除的最小计算器</dd>
+        <dt>验收标准</dt>
+        <dd>至少支持两个数 + 一种运算符的计算并在 <code>QLabel</code>/<code>QLineEdit</code> 上正确显示结果；
+        界面不重叠、按钮可点击</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch03/button_creation.cpp">button_creation.cpp</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch04/custom_signal_slot.cpp">custom_signal_slot.cpp</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch08/custom_widget.cpp">custom_widget.cpp</a></dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 2 · 基类指针管理派生类对象 <span class="tag tag-practice">练</span></h4>
-      <p>设计一个含虚析构的基类 + 2 个派生类（各自持有一个堆内存成员），用基类指针数组
-      管理多个对象，逐个 <code>delete</code>，通过析构函数里的打印验证：(1) 调用的是派生类
-      析构 (2) 没有内存泄漏（可用打印计数或 valgrind 验证）。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 3 · 选做：普通继承 vs 虚继承对比 <span class="tag tag-practice">练</span></h4>
-      <p>对照 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s07/diamond_virtual_inheritance.cpp">diamond_virtual_inheritance.cpp</a>
-      与 <a class="filelink" target="_blank"
-      href="../../../p01/ch04/s07/diamond_virtual_inheritance_2.cpp">_2.cpp</a>，
-      打印 <code>sizeof(Derived)</code> 并解释两种继承方式下对象体积差异的原因。</p>
+      <h4>任务卡 2 · 用 QSS 美化计算器 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>给任务卡 1 的计算器套一份 QSS 样式（数字键/运算键/等号键区分颜色）</dd>
+        <dt>验收标准</dt>
+        <dd>至少 2 类按钮有不同的 <code>background-color</code>；至少 1 个按钮有
+        <code>:hover</code> 或 <code>:pressed</code> 效果</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/qss_styling/qt_qss_styling.cpp">qt_qss_styling.cpp</a> ·
+        <a class="filelink" target="_blank" href="../examples/qss_styling/README.md">README</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -285,15 +250,16 @@ delete p;   // 若 ~People() 不是 virtual，只会调用 ~People，Worker::pNa
 <section>
  <h2>当日产出验证</h2>
  <div class="verify-box">
-    <h4>验收标准</h4>
-    <pre><code class="bash" data-trim>cmake --build build --target all_p01_ch04_s06
-cmake --build build --target all_p01_ch04_s07
-cmake --build build --target all_p01_ch04_s08</code></pre>
-    <p>全绿；产出「基类指针管理派生类对象、正确释放」的可运行小程序。</p>
+    <h4>现场演示</h4>
+    <pre><code class="bash" data-trim>QT_QPA_PLATFORM=offscreen tools/run_qt.sh &lt;target&gt;
+# 有 X 环境：去掉 QT_QPA_PLATFORM=offscreen 直接看窗口</code></pre>
+    <p>现场演示计算器，至少完成一次正确运算 + QSS 美化。</p>
  </div>
-  <p class="footer-note"><small>明日预告：Day 3 —— 泛型与标准库（模板 / 类型转换 /
-  异常 / IO 流 / STL）</small></p>
-  <p><a class="filelink" href="index.html">返回目录</a></p>
+  <p class="footer-note"><small>明天 Day3：高级控件 Model/View / 事件机制 / 文件 IO 与 JSON ——
+  大纲：<a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><a class="filelink" href="index.html">返回目录</a> ·
+  <a class="filelink" href="day1.html">← 上一天</a> ·
+  <a class="filelink" href="day3.html">下一天 →</a></p>
 </section>

 </div>
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
-<title>Day 3 · 泛型与标准库</title>
+<title>Day 3 · 高级控件 Model/View / 事件机制 / 文件IO与JSON</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="reveal/reveal.css">
 <link rel="stylesheet" href="reveal/theme.css">
@@ -15,11 +15,11 @@

 <section>
  <h1>Day 3</h1>
-  <h3>泛型与标准库</h3>
-  <p class="module-badge">Qt 方向实训 · 第 3 / 4 天 · 讲:练 ≈ 1:2.7</p>
+  <h3>高级控件 Model/View / 事件机制 / 文件 IO 与 JSON</h3>
+  <p class="module-badge">C++/Qt 方向实训 · 第 3 / 5 天 · 讲:练 ≈ 1:2.7</p>
  <ul>
-    <li>模块 A（3 课时）：模板 + 类型转换</li>
-    <li>模块 B（3 课时）：异常 + IO 流 + STL</li>
+    <li>模块 A（3 课时）：Model/View 架构 / 事件机制</li>
+    <li>模块 B（3 课时）：文件 IO / JSON 解析 → 本地数据存储案例</li>
  </ul>
 </section>

@@ -27,49 +27,55 @@
 <section>
  <section>
    <p class="module-badge">模块 A · 讲授 35min</p>
-    <h2>模板 + 类型转换 <span class="tag tag-lecture">讲</span></h2>
-    <ul>
-      <li>函数模板 vs 类模板</li>
-      <li>模板的局限性</li>
-      <li>四种显式类型转换（static / dynamic / const_cast）</li>
-    </ul>
+    <h2>Model/View 架构 / 事件机制 <span class="tag tag-lecture">讲</span></h2>
  </section>

  <section>
-    <h3>类模板：类型不能自动推导 <span class="tag tag-lecture">讲</span></h3>
+    <h3>Model/View 模型视图架构（教学补充） <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-template&lt;class NameType, class AgeType&gt;
-class Person{
+// 模型：只管数据
+auto* model = new QStandardItemModel(this);
+model->appendRow(new QStandardItem(QStringLiteral("需求分析")));
+
+// 视图：只管展示，不持有数据
+auto* view = new QListView(this);
+view->setModel(model);
+
+// 选中状态变化 → 通知外部，模型和视图之间没有直接耦合
+connect(view->selectionModel(), &QItemSelectionModel::currentChanged, ...);
+    </code></pre>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../examples/model_view/qt_model_view_basics.cpp">docs/teaching/examples/model_view/qt_model_view_basics.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/model_view/README.md">配套 README</a>）——
+    仓库 <code>p03/</code> 的 wiki 抓取内容没有 Model/View，这是本轮补写的教学补充示例，已离屏验证跑通。</small></p>
+  </section>
+
+  <section>
+    <h3>事件循环机制（复用 Day2 概念） <span class="tag tag-lecture">讲</span></h3>
+    <p><code>app.exec()</code> 进入的就是事件循环——鼠标点击、键盘输入、定时器
+    触发都会变成事件，被塞进这个循环里依次分发。今天讲的"事件过滤器"就是在
+    事件被分发给控件之前，插一个"拦截点"。</p>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../../p03/ch02/minimal_qt_app.cpp">p03/ch02/minimal_qt_app.cpp</a></small></p>
+  </section>
+
+  <section>
+    <h3>自定义事件处理 / 事件过滤器 <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="cpp" data-trim data-noescape>
+class EventLabel : public QLabel {
+    Q_OBJECT
 public:
-    Person(NameType name, AgeType age){ mName = name; mAge = age; }
-    void showPerson(){ cout &lt;&lt; mName &lt;&lt; " " &lt;&lt; mAge &lt;&lt; endl; }
-    NameType mName; AgeType mAge;
+    explicit EventLabel(QWidget* p=nullptr):QLabel(p){ setMouseTracking(true); }
+protected:
+    void mouseMoveEvent(QMouseEvent* event) override {
+        setText(QString("Move: (%1, %2)").arg(event->x()).arg(event->y()));
+    }
 };
-
-// Person P1("德玛西亚", 18);         // 非法——类模板不支持类型自动推导
-Person&lt;string, int&gt; P1("德玛西亚", 18);  // 必须显式写出模板实参
    </code></pre>
-    <p><small>与函数模板最大的区别：函数模板能从实参推导类型，类模板不能——这是常见误用点。
-    出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch05/class_template_basics.cpp">p01/ch05/class_template_basics.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>dynamic_cast：运行期检查的向下转型 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Animal { public: virtual void ShowName() = 0; };   // 必须有虚函数（多态类型）
-class Dog : public Animal { virtual void ShowName(){ /*...*/ } };
-class Other { public: void PrintSomething(){} };          // 与 Animal 无继承关系
-
-Dog* dog01 = new Dog;
-Animal* animal02 = dynamic_cast&lt;Animal*&gt;(dog01);   // 子类→父类，合法（其实用不着 dynamic_cast）
-
-// Dog* dog02 = dynamic_cast&lt;Dog*&gt;(animal01);      // 父类→子类：运行期检查，失败返回 nullptr
-// Animal* x = dynamic_cast&lt;Animal*&gt;(other);       // 无继承关系：编译期报错
-    </code></pre>
-    <p><small>dynamic_cast 依赖 RTTI，只对多态类型（含虚函数）生效——这是与 static_cast
-    最本质的区别。出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch06/dynamic_cast_demo.cpp">p01/ch06/dynamic_cast_demo.cpp</a></small></p>
+    <p><small>重写 <code>xxxEvent</code> 是 Qt 事件处理的主线之一（另一条线是事件过滤器
+    <code>installEventFilter</code>）。出处：<a class="filelink" target="_blank"
+    href="../../../p03/ch09/mouse_event.cpp">p03/ch09/mouse_event.cpp</a>；
+    事件过滤器见 <a class="filelink" target="_blank" href="../../../p03/ch09/event_filter_mainwindow.cpp">event_filter_mainwindow.cpp</a></small></p>
  </section>
 </section>

@@ -77,34 +83,35 @@ Animal* animal02 = dynamic_cast&lt;Animal*&gt;(dog01);   // 子类→父类，
 <section>
  <section>
    <p class="module-badge">模块 A · 练习 95min</p>
-    <h2>动手：模板与类型转换 <span class="tag tag-practice">练</span></h2>
+    <h2>动手：Model/View + 事件 <span class="tag tag-practice">练</span></h2>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 1 · 写一个通用容器模板 <span class="tag tag-practice">练</span></h4>
-      <p>仿照 <a class="filelink" target="_blank"
-      href="../../../p01/ch05/class_template_basics.cpp">class_template_basics.cpp</a>，
-      写一个 <code>Pair&lt;T1, T2&gt;</code> 或简易 <code>Stack&lt;T&gt;</code>（push/pop/top，
-      栈空时的行为要明确定义）。</p>
+      <h4>任务卡 1 · Model/View 换视图 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>把 <code>qt_model_view_basics.cpp</code> 里的 <code>QListView</code> 换成
+        <code>QTableView</code>，模型代码不改</dd>
+        <dt>验收标准</dt>
+        <dd>编译通过，界面正常展示同一份数据，证明"同一个模型可以喂给不同视图"</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/model_view/qt_model_view_basics.cpp">qt_model_view_basics.cpp</a> ·
+        <a class="filelink" target="_blank" href="../examples/model_view/README.md">README</a></dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 2 · dynamic_cast 安全向下转型 <span class="tag tag-practice">练</span></h4>
-      <p>用 Day2 写的多态类层次（基类指针数组），对每个元素做
-      <code>dynamic_cast</code> 判断具体类型，转型失败（返回 nullptr）的分支要写出来，
-      不能假设转型一定成功。参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch06/dynamic_cast_demo.cpp">dynamic_cast_demo.cpp</a>。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 3 · 选做：类模板的派生关系 <span class="tag tag-practice">练</span></h4>
-      <p>阅读 <a class="filelink" target="_blank"
-      href="../../../p01/ch05/class_template_derives_class.cpp">class_template_derives_class.cpp</a>
-      与 <a class="filelink" target="_blank"
-      href="../../../p01/ch05/class_template_derives_template.cpp">class_template_derives_template.cpp</a>，
-      写一句话总结「普通类继承类模板」与「类模板继承类模板」在写法上的区别。</p>
+      <h4>任务卡 2 · 事件过滤器实操 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>仿 <code>event_filter_mainwindow.cpp</code>，给一个控件装事件过滤器，拦截鼠标按下事件并打印坐标</dd>
+        <dt>验收标准</dt>
+        <dd>点击控件后终端/调试输出能看到坐标信息</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch09/event_filter_mainwindow.cpp">event_filter_mainwindow.cpp</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch09/mouse_event.cpp">mouse_event.cpp</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -112,119 +119,82 @@ Animal* animal02 = dynamic_cast&lt;Animal*&gt;(dog01);   // 子类→父类，
 <!-- ===================== 模块 B：讲 ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 B · 讲授 35min（三块内容合并速览）</p>
-    <h2>异常 + IO 流 + STL <span class="tag tag-lecture">讲</span></h2>
-    <ul>
-      <li>异常：栈解旋、自定义异常类</li>
-      <li>文件 IO：文本 vs 二进制</li>
-      <li>STL：容器 + 迭代器 + 算法 + 函数对象</li>
-    </ul>
+    <p class="module-badge">模块 B · 讲授 35min</p>
+    <h2>文件 IO / JSON 解析 <span class="tag tag-lecture">讲</span></h2>
  </section>

  <section>
-    <h3>栈解旋（stack unwinding） <span class="tag tag-lecture">讲</span></h3>
+    <h3>文件系统：QFile 读文本 <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class Person{
-public:
-    Person(string name){ mName = name; cout &lt;&lt; mName &lt;&lt; "对象被创建!\n"; }
-    ~Person(){ cout &lt;&lt; mName &lt;&lt; "对象被析构!\n"; }
-    string mName;
-};
-void TestFunction(){
-    Person p1("aaa"), p2("bbb"), p3("ccc");
-    throw 10;   // 抛出异常时，p3/p2/p1 按逆序自动析构——这就是「栈解旋」
-}
-int main(){ try{ TestFunction(); } catch(...){ cout&lt;&lt;"异常被捕获!\n"; } }
+QFile file("in.txt");
+if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) { qDebug() << "打开失败"; return -1; }
+while (!file.atEnd()) { qDebug() << file.readLine(); }
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch07/stack_unwinding.cpp">p01/ch07/stack_unwinding.cpp</a></small></p>
+    href="../../../p03/ch11/qfile_basic.cpp">p03/ch11/qfile_basic.cpp</a>；结构化读写见
+    <a class="filelink" target="_blank" href="../../../p03/ch11/qtextstream_io.cpp">qtextstream_io.cpp</a>、
+    <a class="filelink" target="_blank" href="../../../p03/ch11/qdatastream_io.cpp">qdatastream_io.cpp</a></small></p>
  </section>

  <section>
-    <h3>自定义异常类：继承 std::exception <span class="tag tag-lecture">讲</span></h3>
+    <h3>JSON 解析与写入（教学补充） <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-class MyOutOfRange : public exception{
-public:
-    MyOutOfRange(const string errorInfo){ m_Error = errorInfo; }
-    virtual const char* what() const noexcept { return m_Error.c_str(); }
-    string m_Error;
-};
-// 多个 catch 分支各自匹配不同的异常类型（都直接继承 exception，彼此是平级、不是父子）
-// Person(151) 这里实际只会抛 MyOutOfRange，前两个 catch 分支不会命中——
-// 写多个 catch 分支是为了同一段代码能同时应对「标准库异常」和「自定义异常」两种来源
-try{ Person p(151); }
-catch (out_of_range& e){ cout &lt;&lt; e.what(); }      // 若改成 throw out_of_range(...) 会走这里
-catch (MyOutOfRange e){ cout &lt;&lt; e.what(); }        // 本例实际命中的分支
+QJsonObject student;
+student["name"] = QStringLiteral("张三");
+student["score"] = 92;
+
+QJsonDocument doc(student);
+QByteArray bytes = doc.toJson(QJsonDocument::Indented);   // 序列化
+
+QJsonDocument parsed = QJsonDocument::fromJson(bytes);     // 反序列化
+QJsonObject obj = parsed.object();
+qDebug() << obj["name"].toString() << obj["score"].toInt();
    </code></pre>
-    <p><small>强化点：catch 分支的匹配顺序只在「类型存在继承关系」时才重要（子类 catch 必须写在
-    父类前面，否则父类分支会先吞掉子类异常）；这里三个类型互不继承，顺序其实不影响本例结果。
-    出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch07/custom_exception_class.cpp">p01/ch07/custom_exception_class.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>二进制文件读写 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-ofstream osm("person.txt", ios::out | ios::binary);
-osm.write((const char*)&p1, sizeof(Person));   // 直接写内存布局，不做任何格式转换
-osm.close();
-
-ifstream ism("person.txt", ios::in | ios::binary);
-Person p3;
-ism.read((char*)&p3, sizeof(Person));          // 按同样的 sizeof 读回——结构必须一致
-    </code></pre>
-    <p><small>二进制 IO 要求读写两端的结构体内存布局完全一致（含 padding），跨平台/跨编译器
-    不保证兼容。出处：<a class="filelink" target="_blank"
-    href="../../../p01/ch08/binary_file_io.cpp">p01/ch08/binary_file_io.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>STL：容器 + 迭代器 + 算法 + 函数对象 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-// 谓词（函数对象）驱动算法
-class GreaterThenFive{ public: bool operator()(int num){ return num &gt; 5; } };
-vector&lt;int&gt;::iterator it = find_if(v.begin(), v.end(), GreaterThenFive());
-
-class MyCompare{ public: bool operator()(int a,int b){ return a &gt; b; } };
-sort(v.begin(), v.end(), MyCompare());   // 用函数对象改变算法策略——从小到大 → 从大到小
-    </code></pre>
-    <p><small>STL 的核心思想：容器负责存储，算法负责操作，迭代器是两者之间的胶水，
-    函数对象（谓词）负责定制算法行为。出处：
-    <a class="filelink" target="_blank" href="../../../p01/ch09/s03/vector_iterator.cpp">p01/ch09/s03/vector_iterator.cpp</a>、
-    <a class="filelink" target="_blank" href="../../../p01/ch09/s04/predicate.cpp">p01/ch09/s04/predicate.cpp</a></small></p>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../examples/json_io/qt_json_parse_write.cpp">docs/teaching/examples/json_io/qt_json_parse_write.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/json_io/README.md">配套 README</a>）——
+    仓库 <code>p03/ch11</code> 的 wiki 抓取内容只有 QFile/QTextStream/QDataStream，没有 JSON，
+    这是本轮补写的教学补充示例；不需要 GUI，<code>tools/run_qt.sh qt_json_parse_write</code>
+    直接跑即可，不需要 <code>QT_QPA_PLATFORM=offscreen</code>。</small></p>
  </section>
 </section>

-<!-- ===================== 模块 B：练 ===================== -->
+<!-- ===================== 模块 B：练（本地数据存储案例） ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 B · 练习 95min（任选其二，第三个留参考）</p>
-    <h2>动手：异常 / STL / 文件 IO <span class="tag tag-practice">练</span></h2>
+    <p class="module-badge">模块 B · 练习 95min（本地数据存储案例，练习任务，非预建方案）</p>
+    <h2>动手：本地数据存储小工具 <span class="tag tag-practice">练</span></h2>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 1 · 给类加异常处理 <span class="tag tag-practice">练</span></h4>
-      <p>给 Day1/Day2 写的类加一个自定义异常类（继承 <code>std::exception</code>），
-      非法参数（如负数年龄）抛出异常，调用方 <code>catch</code> 后打印信息、程序不崩溃。
-      参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch07/custom_exception_class.cpp">custom_exception_class.cpp</a>。</p>
+      <h4>任务卡 1 · JSON 落盘 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>把 <code>qt_json_parse_write.cpp</code> 的 JSON 数据实际写入一个文件（结合
+        <code>qfile_basic.cpp</code> 的 <code>QFile</code> 写法），再读回来解析校验</dd>
+        <dt>验收标准</dt>
+        <dd>程序运行后磁盘上生成一个 <code>.json</code> 文件，内容可读；重新运行程序能正确解析出
+        之前写入的数据</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/json_io/qt_json_parse_write.cpp">qt_json_parse_write.cpp</a> ·
+        <a class="filelink" target="_blank" href="../examples/json_io/README.md">README</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch11/qfile_basic.cpp">qfile_basic.cpp</a></dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>任务卡 2 · vector + 算法解决实际问题 <span class="tag tag-practice">练</span></h4>
-      <p>用 <code>vector</code> 存一组「学生成绩」，用 <code>sort</code> +
-      自定义谓词按成绩排序，再用 <code>find_if</code> 找出所有不及格的学生并打印。
-      参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch09/s04/predicate.cpp">predicate.cpp</a>。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 3 · 结构体数组的二进制读写 <span class="tag tag-practice">练</span></h4>
-      <p>参照 <a class="filelink" target="_blank"
-      href="../../../p01/ch08/binary_file_io.cpp">binary_file_io.cpp</a>，把一个结构体数组
-      （如 5 个学生记录）写入二进制文件，再读出并逐条打印校验，确认与写入前一致。</p>
+      <h4>任务卡 2 · 本地数据存储小工具 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>设计一个"学员信息"结构（姓名/成绩/标签），支持增加一条记录并追加保存到 JSON 文件，
+        重启程序后能读出之前保存的全部记录</dd>
+        <dt>验收标准</dt>
+        <dd>至少能存 2 条以上记录并在重启后完整读回；数据字段不丢失</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/json_io/">docs/teaching/examples/json_io/</a> ·
+        <a class="filelink" target="_blank" href="../../../p03/ch11/qtextstream_io.cpp">qtextstream_io.cpp</a></dd>
+      </dl>
    </div>
  </section>
 </section>
@@ -233,15 +203,14 @@ sort(v.begin(), v.end(), MyCompare());   // 用函数对象改变算法策略—
 <section>
  <h2>当日产出验证</h2>
  <div class="verify-box">
-    <h4>验收标准</h4>
-    <pre><code class="bash" data-trim>cmake --build build --target all_p01_ch05
-cmake --build build --target all_p01_ch07
-cmake --build build --target all_p01_ch09_s04</code></pre>
-    <p>全绿；至少 1 个模板类 + 1 个用 STL 容器/算法解决实际小问题的程序。</p>
+    <h4>现场演示</h4>
+    <p>现场演示本地数据存储小工具，验证"写入 → 重启 → 读回"完整闭环。</p>
  </div>
-  <p class="footer-note"><small>明日预告：Day 4 —— Qt 桌面全景（1 天快速建立骨架认知
-  + 动手做一个可跑的小工具）</small></p>
-  <p><a class="filelink" href="index.html">返回目录</a></p>
+  <p class="footer-note"><small>明天 Day4：2D 图形绘制 / 多线程 / 动画框架与状态机 ——
+  大纲：<a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><a class="filelink" href="index.html">返回目录</a> ·
+  <a class="filelink" href="day2.html">← 上一天</a> ·
+  <a class="filelink" href="day4.html">下一天 →</a></p>
 </section>

 </div>
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
-<title>Day 4 · Qt 桌面全景</title>
+<title>Day 4 · 2D绘图/多线程/动画框架与状态机</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="reveal/reveal.css">
 <link rel="stylesheet" href="reveal/theme.css">
@@ -15,198 +15,19 @@

 <section>
  <h1>Day 4</h1>
-  <h3>Qt 桌面全景</h3>
-  <p class="module-badge">Qt 方向实训 · 第 4 / 4 天 · 讲:练 ≈ 1:2.7</p>
+  <h3>2D 图形绘制 / 多线程 / 动画框架与状态机</h3>
+  <p class="module-badge">C++/Qt 方向实训 · 第 4 / 5 天 · 讲:练 ≈ 1:2.7</p>
  <ul>
-    <li>模块 A（3 课时）：项目结构 / 第一个程序 / 信号槽 / 主窗口</li>
-    <li>模块 B（3 课时）：对话框 / 控件 / 事件 / 绘图 / 文件（速览 + 分组选做）</li>
+    <li>模块 A（3 课时）：2D 绘图 / 多线程</li>
+    <li>模块 B（3 课时）：动画框架 / 状态机 → 交互式小游戏案例</li>
  </ul>
-  <p><small>定位声明：Day1–3 是「强化已知」，今天是「Qt 零基础入门」——讲授压缩为
-  骨架级讲解，练习是「跟着例子改」而不是从零写。9 个章节、29 个目标不追求全覆盖。</small></p>
-  <div class="verify-box" style="font-size:0.5em;">
-    <h4>开始前准备（一次性）</h4>
-    <pre><code class="bash" data-trim>tools/install_qt_host.sh
-cmake -S . -B build -G Ninja -DBUILD_QT_PART=ON \
-      -DCMAKE_PREFIX_PATH=$PWD/.qt514/5.14.2/gcc_64 -DCMAKE_BUILD_TYPE=Debug
-cmake --build build</code></pre>
-  </div>
 </section>

 <!-- ===================== 模块 A：讲 ===================== -->
 <section>
  <section>
    <p class="module-badge">模块 A · 讲授 35min</p>
-    <h2>项目结构 / 信号槽 / 主窗口 <span class="tag tag-lecture">讲</span></h2>
-    <ul>
-      <li>最小 Qt 程序结构</li>
-      <li>控件创建与显示</li>
-      <li>内置 / 自定义 / lambda 信号槽</li>
-      <li>QMainWindow 中心部件</li>
-    </ul>
-  </section>
-
-  <section>
-    <h3>最小 Qt 程序：QApplication + exec() <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Widget : public QWidget {
-    Q_OBJECT   // 用到信号槽/属性系统的类都要有这个宏（触发 moc 代码生成）
-public:
-    Widget(QWidget* parent = nullptr) : QWidget(parent) {}
-};
-
-int main(int argc, char* argv[]) {
-    QApplication app(argc, argv);   // 整个程序唯一的 QApplication
-    Widget w;
-    w.show();
-    return app.exec();              // 进入事件循环，程序在这里“活着”
-}
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch02/minimal_qt_app.cpp">p03/ch02/minimal_qt_app.cpp</a>（注意仓库版本额外注入了
-    <code>QTimer::singleShot</code> 200ms 自动退出，便于离屏自动化验证，真实项目不需要这一行）</small></p>
-  </section>
-
-  <section>
-    <h3>控件创建：两种写法 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-// 第一种：先构造再设属性
-QPushButton* btn = new QPushButton;
-btn->setParent(this);
-btn->setText(QStringLiteral("德玛西亚"));
-btn->move(100, 100);
-
-// 第二种：构造时指定文本与父亲
-QPushButton* btn2 = new QPushButton(QStringLiteral("孙悟空"), this);
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch03/button_creation.cpp">p03/ch03/button_creation.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>信号槽：内置 / 自定义 / 重载消歧义 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class Teacher : public QObject {
-    Q_OBJECT
-signals:
-    void hungry();             // 无参信号
-    void hungry(QString food); // 带参信号（重载）
-public slots:
-    void classIsOver(){ emit hungry(); emit hungry(QString("汉堡")); }
-};
-// 连接重载信号时必须用 QOverload 显式指定版本
-connect(t, QOverload&lt;&gt;::of(&Teacher::hungry), s, QOverload&lt;&gt;::of(&Student::treat));
-connect(t, QOverload&lt;QString&gt;::of(&Teacher::hungry), s, QOverload&lt;QString&gt;::of(&Student::treat));
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch04/custom_signal_slot.cpp">p03/ch04/custom_signal_slot.cpp</a>；
-    lambda 槽 + 值捕获/引用捕获对比见
-    <a class="filelink" target="_blank" href="../../../p03/ch04/lambda_signal_slot.cpp">lambda_signal_slot.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>QMainWindow：中心部件 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class DemoMainWindow : public QMainWindow {
-    Q_OBJECT
-public:
-    DemoMainWindow(){
-        QTextEdit* edit = new QTextEdit(this);
-        setCentralWidget(edit);   // QMainWindow 有固定布局：菜单栏/工具栏/中心部件/停靠窗口/状态栏
-    }
-};
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch05/central_widget.cpp">p03/ch05/central_widget.cpp</a>；停靠窗口见
-    <a class="filelink" target="_blank" href="../../../p03/ch05/dock_widget.cpp">dock_widget.cpp</a></small></p>
-  </section>
-</section>
-
-<!-- ===================== 模块 A：练 ===================== -->
-<section>
-  <section>
-    <p class="module-badge">模块 A · 练习 95min</p>
-    <h2>动手：第一个 Qt 程序 <span class="tag tag-practice">练</span></h2>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 1 · 跑通最小程序（离屏验证） <span class="tag tag-practice">练</span></h4>
-      <pre><code class="bash" data-trim>QT_QPA_PLATFORM=offscreen tools/run_qt.sh minimal_qt_app
-QT_QPA_PLATFORM=offscreen tools/run_qt.sh button_creation</code></pre>
-      <p>有 X 环境的同学可去掉 <code>QT_QPA_PLATFORM=offscreen</code> 直接看窗口弹出（200ms 后自动退出）。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 2 · 自定义信号槽改文本 <span class="tag tag-practice">练</span></h4>
-      <p>仿 <a class="filelink" target="_blank"
-      href="../../../p03/ch04/custom_signal_slot.cpp">custom_signal_slot.cpp</a>，
-      给一个按钮连接自定义信号槽：点击后改变一个 <code>QLabel</code> 的文本内容。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>任务卡 3 · 窗口骨架 <span class="tag tag-practice">练</span></h4>
-      <p>用 <code>QMainWindow</code> + <a class="filelink" target="_blank"
-      href="../../../p03/ch05/dock_widget.cpp">dock_widget.cpp</a> 搭一个「中心区 + 侧边栏」
-      的窗口骨架。</p>
-    </div>
-  </section>
-</section>
-
-<!-- ===================== 模块 B：讲 ===================== -->
-<section>
-  <section>
-    <p class="module-badge">模块 B · 讲授 35min（五个方向各约 7min 速览）</p>
-    <h2>对话框 / 控件 / 事件 / 绘图 / 文件 <span class="tag tag-lecture">讲</span></h2>
-    <p><small>只求「这个方向能做什么」的骨架认知，不逐行讲解</small></p>
-  </section>
-
-  <section>
-    <h3>对话框：文件对话框 + QTextStream <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-void openFile() {
-    QString path = QFileDialog::getOpenFileName(this, QStringLiteral("打开文件"));
-    if (path.isEmpty()) return;
-    QFile file(path);
-    if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) { /* 提示失败 */ return; }
-    QTextStream in(&file);
-    QString text = in.readAll();
-    QMessageBox::information(this, QStringLiteral("内容"), text);
-}
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch06/file_dialog.cpp">p03/ch06/file_dialog.cpp</a>；模态/非模态对话框见
-    <a class="filelink" target="_blank" href="../../../p03/ch06/modal_dialog.cpp">modal_dialog.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>常用控件：QLabel 显示图片 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-QPixmap pixmap;
-pixmap.load(":/Image/boat.jpg");   // 从 Qt 资源系统（.qrc）加载
-QLabel* label = new QLabel(this);
-label->setPixmap(pixmap);
-    </code></pre>
-    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch08/label_pixmap.cpp">p03/ch08/label_pixmap.cpp</a></small></p>
-  </section>
-
-  <section>
-    <h3>事件机制：重写鼠标事件 <span class="tag tag-lecture">讲</span></h3>
-    <pre><code class="cpp" data-trim data-noescape>
-class EventLabel : public QLabel {
-    Q_OBJECT
-public:
-    explicit EventLabel(QWidget* p=nullptr):QLabel(p){ setMouseTracking(true); }
-protected:
-    void mouseMoveEvent(QMouseEvent* event) override {
-        setText(QString("Move: (%1, %2)").arg(event->x()).arg(event->y()));
-    }
-};
-    </code></pre>
-    <p><small>重写 <code>xxxEvent</code> 是 Qt 事件处理的主线之一（另一条线是事件过滤器
-    <code>installEventFilter</code>）。出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch09/mouse_event.cpp">p03/ch09/mouse_event.cpp</a></small></p>
+    <h2>2D 绘图 / 多线程 <span class="tag tag-lecture">讲</span></h2>
  </section>

  <section>
@@ -221,74 +42,168 @@ void paintEvent(QPaintEvent*) override {
    </code></pre>
    <p><small>所有绘制都发生在 <code>paintEvent</code> 里，由 Qt 在需要重绘时自动调用。
    出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch10/qpainter_basic.cpp">p03/ch10/qpainter_basic.cpp</a></small></p>
+    href="../../../p03/ch10/qpainter_basic.cpp">p03/ch10/qpainter_basic.cpp</a>；绘图设备
+    （<code>QImage</code>/<code>QPixmap</code>/<code>QPicture</code>）见
+    <a class="filelink" target="_blank" href="../../../p03/ch10/paint_device_qimage.cpp">paint_device_qimage.cpp</a>、
+    <a class="filelink" target="_blank" href="../../../p03/ch10/paint_device_pixmaps.cpp">paint_device_pixmaps.cpp</a></small></p>
  </section>

  <section>
-    <h3>文件系统：QFile 读文本 <span class="tag tag-lecture">讲</span></h3>
+    <h3>QThread 多线程（教学补充） <span class="tag tag-lecture">讲</span></h3>
    <pre><code class="cpp" data-trim data-noescape>
-QFile file("in.txt");
-if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) { qDebug() << "打开失败"; return -1; }
-while (!file.atEnd()) { qDebug() << file.readLine(); }
-
-QFileInfo info(file);
-qDebug() << info.baseName() << info.suffix();
+class Worker : public QObject {
+    Q_OBJECT
+public slots:
+    void process() {
+        qint64 sum = 0;
+        for (int i = 1; i <= 1000000; ++i) sum += i;
+        emit resultReady(sum);   // 排队连接自动把结果带回主线程
+    }
+signals:
+    void resultReady(qint64 result);
+};
+worker.moveToThread(&workerThread);   // 官方推荐写法：worker-object + moveToThread
+connect(&workerThread, &QThread::started, &worker, &Worker::process);
    </code></pre>
    <p><small>出处：<a class="filelink" target="_blank"
-    href="../../../p03/ch11/qfile_basic.cpp">p03/ch11/qfile_basic.cpp</a>；结构化读写见
-    <a class="filelink" target="_blank" href="../../../p03/ch11/qtextstream_io.cpp">qtextstream_io.cpp</a>、
-    <a class="filelink" target="_blank" href="../../../p03/ch11/qdatastream_io.cpp">qdatastream_io.cpp</a></small></p>
+    href="../examples/qthread_worker/qt_thread_worker.cpp">docs/teaching/examples/qthread_worker/qt_thread_worker.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/qthread_worker/README.md">配套 README</a>）——
+    仓库 <code>p03/</code> 的 wiki 抓取内容没有多线程，这是本轮补写的教学补充示例，已验证跑通。</small></p>
  </section>
 </section>

-<!-- ===================== 模块 B：练（分组三选一） ===================== -->
+<!-- ===================== 模块 A：练 ===================== -->
 <section>
  <section>
-    <p class="module-badge">模块 B · 练习 95min（三选一，分组完成）</p>
-    <h2>动手：做一个可跑的小工具 <span class="tag tag-practice">练</span></h2>
+    <p class="module-badge">模块 A · 练习 95min</p>
+    <h2>动手：绘图 + 多线程 <span class="tag tag-practice">练</span></h2>
+  </section>
+  <section>
+    <div class="task-card">
+      <h4>任务卡 1 · 画一个简单图形界面 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>仿 <code>qpainter_basic.cpp</code>，在 <code>paintEvent</code> 里画一个组合图形
+        （如棋盘格/仪表盘刻度）</dd>
+        <dt>验收标准</dt>
+        <dd>编译通过，离屏或 X 环境下能看到图形正确绘制（可截图验证）</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../../../p03/ch10/qpainter_basic.cpp">p03/ch10/qpainter_basic.cpp</a></dd>
+      </dl>
+    </div>
+  </section>
+  <section>
+    <div class="task-card">
+      <h4>任务卡 2 · 感受多线程不卡界面 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>把 <code>qt_thread_worker.cpp</code> 里的耗时计算换成一个更长的循环或
+        <code>QThread::msleep</code>，观察主线程/事件循环没有被卡住</dd>
+        <dt>验收标准</dt>
+        <dd>能说清楚"如果把这段计算直接放主线程会发生什么"（界面无响应），并解释
+        <code>moveToThread</code> 起的作用</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/qthread_worker/qt_thread_worker.cpp">qt_thread_worker.cpp</a> ·
+        <a class="filelink" target="_blank" href="../examples/qthread_worker/README.md">README</a></dd>
+      </dl>
+    </div>
+  </section>
+</section>
+
+<!-- ===================== 模块 B：讲 ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 B · 讲授 35min</p>
+    <h2>动画框架 / 状态机 <span class="tag tag-lecture">讲</span></h2>
  </section>

+  <section>
+    <h3>QPropertyAnimation 动画（教学补充） <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="cpp" data-trim data-noescape>
+auto* anim = new QPropertyAnimation(button, "geometry", &window);
+anim->setDuration(800);
+anim->setStartValue(QRect(10, 10, 100, 30));
+anim->setEndValue(QRect(180, 140, 120, 40));
+anim->setEasingCurve(QEasingCurve::OutBounce);
+anim->start(QAbstractAnimation::DeleteWhenStopped);
+    </code></pre>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../examples/property_animation/qt_property_animation.cpp">docs/teaching/examples/property_animation/qt_property_animation.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/property_animation/README.md">配套 README</a>）</small></p>
+  </section>
+
+  <section>
+    <h3>QStateMachine 状态机（教学补充） <span class="tag tag-lecture">讲</span></h3>
+    <pre><code class="cpp" data-trim data-noescape>
+auto* redState = new QState(&machine);
+auto* greenState = new QState(&machine);
+redState->assignProperty(&button, "text", QStringLiteral("红灯：禁止通行"));
+greenState->assignProperty(&button, "text", QStringLiteral("绿灯：允许通行"));
+redState->addTransition(&button, &QPushButton::clicked, greenState);
+greenState->addTransition(&button, &QPushButton::clicked, redState);
+machine.setInitialState(redState);
+machine.start();
+    </code></pre>
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../examples/state_machine/qt_state_machine.cpp">docs/teaching/examples/state_machine/qt_state_machine.cpp</a>
+    （<a class="filelink" target="_blank" href="../examples/state_machine/README.md">配套 README</a>）——
+    <code>QStateMachine</code>/<code>QState</code> 属于 QtCore，不需要额外模块。以上两个
+    （动画、状态机）都是仓库 <code>p03/</code> 原本没有的教学补充示例，已离屏验证跑通。</small></p>
+  </section>
+</section>
+
+<!-- ===================== 模块 B：练（交互式小游戏案例，选做） ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 B · 练习 95min（交互式小游戏案例，练习任务，选做，非预建方案）</p>
+    <h2>动手：动画 + 状态机小游戏 <span class="tag tag-practice">练</span></h2>
+  </section>
  <section>
    <div class="task-card">
-      <h4>方案 A · 图片查看器雏形 <span class="tag tag-practice">练</span></h4>
-      <p>结合 <a class="filelink" target="_blank"
-      href="../../../p03/ch08/label_pixmap.cpp">label_pixmap.cpp</a> +
-      <a class="filelink" target="_blank" href="../../../p03/ch06/file_dialog.cpp">file_dialog.cpp</a>：
-      用文件对话框选一张图片，加载到 <code>QLabel</code> 显示。</p>
+      <h4>任务卡 1 · 动画 + 状态机组合 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>把动画和状态机组合到同一个窗口——例如按钮在"红灯"状态时禁止移动，"绿灯"状态时
+        点击才触发动画</dd>
+        <dt>验收标准</dt>
+        <dd>状态切换正确（红灯不触发动画，绿灯触发动画）；动画播放完整不报错</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd><a class="filelink" target="_blank" href="../examples/property_animation/">property_animation/</a> ·
+        <a class="filelink" target="_blank" href="../examples/state_machine/">state_machine/</a></dd>
+      </dl>
    </div>
  </section>
  <section>
    <div class="task-card">
-      <h4>方案 B · 简易绘图板 <span class="tag tag-practice">练</span></h4>
-      <p>结合 <a class="filelink" target="_blank"
-      href="../../../p03/ch10/qpainter_basic.cpp">qpainter_basic.cpp</a> +
-      <a class="filelink" target="_blank" href="../../../p03/ch09/mouse_event.cpp">mouse_event.cpp</a>：
-      监听鼠标拖动事件，记录轨迹点，在 <code>paintEvent</code> 里用 <code>QPainter</code> 画出轨迹。</p>
-    </div>
-  </section>
-  <section>
-    <div class="task-card">
-      <h4>方案 C · 文本文件小工具 <span class="tag tag-practice">练</span></h4>
-      <p>结合 <a class="filelink" target="_blank"
-      href="../../../p03/ch11/qfile_basic.cpp">qfile_basic.cpp</a> +
-      <a class="filelink" target="_blank" href="../../../p03/ch11/qtextstream_io.cpp">qtextstream_io.cpp</a>：
-      读一个文本文件，统计行数/字符数，把统计结果写回一个新文件。</p>
+      <h4>任务卡 2（选做）· 简易反应力小游戏 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>结合任务卡 1 + 鼠标事件（Day3 <code>mouse_event.cpp</code>）+ 多线程计时
+        （Day4 <code>qt_thread_worker.cpp</code>），做一个"状态变化后限时点击"的最小交互游戏</dd>
+        <dt>验收标准</dt>
+        <dd>游戏至少有"开始→进行中→结束"三个可辨识状态，计时或计分逻辑不崩溃</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd>上述三个教学补充示例 +
+        <a class="filelink" target="_blank" href="../../../p03/ch09/mouse_event.cpp">mouse_event.cpp</a></dd>
+      </dl>
    </div>
  </section>
 </section>

 <!-- ===================== 收尾 ===================== -->
 <section>
-  <h2>当日产出验证 · 实训总验收</h2>
+  <h2>当日产出验证</h2>
  <div class="verify-box">
    <h4>现场演示</h4>
    <pre><code class="bash" data-trim>QT_QPA_PLATFORM=offscreen tools/run_qt.sh &lt;target&gt;
 # 有 X 环境：去掉 QT_QPA_PLATFORM=offscreen 直接看窗口</code></pre>
-    <p>每组演示自己选做的方案（A/B/C 三选一），教师验收「编译通过 + 交互符合预期」。</p>
+    <p>分组演示动画+状态机组合小工具（任务卡 2 选做，量力而行）。</p>
  </div>
-  <p class="footer-note"><small>4 天实训到此结束——大纲：
-  <a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
-  <p><a class="filelink" href="index.html">返回目录</a></p>
+  <p class="footer-note"><small>明天 Day5：团队协同开发 / 综合案例复盘 / OpenCV（可选自学） ——
+  大纲：<a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><a class="filelink" href="index.html">返回目录</a> ·
+  <a class="filelink" href="day3.html">← 上一天</a> ·
+  <a class="filelink" href="day5.html">下一天 →</a></p>
 </section>

 </div>
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<title>Day 5 · 团队协同开发/综合案例复盘/OpenCV可选</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="reveal/reveal.css">
+<link rel="stylesheet" href="reveal/theme.css">
+<link rel="stylesheet" href="reveal/plugin/highlight/monokai.css">
+<link rel="stylesheet" href="custom.css">
+</head>
+<body>
+<div class="reveal">
+<div class="slides">
+
+<section>
+  <h1>Day 5</h1>
+  <h3>团队协同开发 / 综合案例复盘 / OpenCV（可选自学）</h3>
+  <p class="module-badge">C++/Qt 方向实训 · 第 5 / 5 天 · 最后一天课堂内容</p>
+  <ul>
+    <li>模块 A（3 课时）：团队协同开发（概念讲解）</li>
+    <li>模块 B（3 课时）：综合案例复盘 + OpenCV/AI（可选，自学指针）</li>
+  </ul>
+  <p><small>今天结束后 Day6–10 是纯项目实作（学员编码 + 教员指导 + 成果展示），
+  不再有课堂讲授——今天的分组结论会直接带到项目实作阶段。</small></p>
+</section>
+
+<!-- ===================== 模块 A：讲 ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 A · 讲授 35min</p>
+    <h2>团队协同开发 <span class="tag tag-lecture">讲</span></h2>
+  </section>
+
+  <section>
+    <h3>质量保证：四平台一标准（复习） <span class="tag tag-lecture">讲</span></h3>
+    <img src="../../images/quality_four_platforms.png" style="max-height:420px;">
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../TRAINING_PLAN_2026.md">docs/TRAINING_PLAN_2026.md</a>
+    「七、质量保证 (二) Git」——接下来 Day6–10 项目实作，每人每完成一个任务都要提交代码
+    到 Git 并写清任务描述。</small></p>
+  </section>
+
+  <section>
+    <h3>标准化考核标准 <span class="tag tag-lecture">讲</span></h3>
+    <img src="../../images/assessment_standard.png" style="max-height:480px;">
+    <p><small>出处：<a class="filelink" target="_blank"
+    href="../../TRAINING_PLAN_2026.md">docs/TRAINING_PLAN_2026.md</a>
+    「七、(五) 标准化的考核标准」——项目管理评估(40%) + 项目技术评估(30%) +
+    职业素养评估(30%)，Day6–10 项目实作最终按这个标准打分。</small></p>
+  </section>
+</section>
+
+<!-- ===================== 模块 A：讨论 ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 A · 讨论 95min</p>
+    <h2>动手：分工复盘 <span class="tag tag-discuss">议</span></h2>
+  </section>
+  <section>
+    <div class="task-card discuss-card">
+      <h4>任务卡 1 · 分工复盘 <span class="tag tag-discuss">议</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>结合考核标准图（项目管理评估/项目技术评估/职业素养评估三大块），对照 Day1
+        任务卡 1 定下的分工，检查执行情况</dd>
+        <dt>验收标准</dt>
+        <dd>每组能说出至少 1 项做得好的、1 项需要改进的</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd>上一节"标准化考核标准"图 · Day1 任务卡 1 的分工结论</dd>
+      </dl>
+    </div>
+  </section>
+</section>
+
+<!-- ===================== 模块 B：讲 ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 B · 讲授 35min</p>
+    <h2>综合案例复盘 + OpenCV/AI（可选） <span class="tag tag-lecture">讲</span></h2>
+  </section>
+
+  <section>
+    <h3>Day2–4 案例回顾 <span class="tag tag-lecture">讲</span></h3>
+    <p>请 1–2 组现场展示计算器 / 本地数据存储 / 动画状态机小游戏，其他组观摩提问。</p>
+  </section>
+
+  <section>
+    <h3>OpenCV 与 AI 机器学习（可选，自学指针） <span class="tag tag-lecture">讲</span></h3>
+    <div class="verify-box">
+      <h4>缺口说明</h4>
+      <p>方案书原文对本项标注"可选择"，属于非必修拓展。引入 OpenCV 会新增一条完整的
+      三方库工具链，本仓库暂不提供可运行示例。如果感兴趣，自学方向是
+      <code>cv::CascadeClassifier</code> 人脸检测入门。</p>
+    </div>
+    <p><small><span class="ext-ref">OpenCV 官方教程（doc.opencv.org，选读·需联网）</span></small></p>
+  </section>
+</section>
+
+<!-- ===================== 模块 B：练（综合演练） ===================== -->
+<section>
+  <section>
+    <p class="module-badge">模块 B · 练习 95min（综合演练）</p>
+    <h2>动手：三选一深化 <span class="tag tag-practice">练</span></h2>
+  </section>
+  <section>
+    <div class="task-card">
+      <h4>任务卡 1 · 三选一深化 <span class="tag tag-practice">练</span></h4>
+      <dl class="task-spec">
+        <dt>目标</dt>
+        <dd>从计算器 / 本地数据存储 / 动画状态机小游戏中选一个继续深化（加一个新功能）</dd>
+        <dt>验收标准</dt>
+        <dd>现场演示新增功能正常工作，编译无报错</dd>
+        <dt>基础知识 · 参考</dt>
+        <dd>回顾 Day2–4 对应的教学补充示例与 README：
+        <a class="filelink" target="_blank" href="../examples/qss_styling/README.md">qss_styling</a> ·
+        <a class="filelink" target="_blank" href="../examples/json_io/README.md">json_io</a> ·
+        <a class="filelink" target="_blank" href="../examples/property_animation/README.md">property_animation</a> ·
+        <a class="filelink" target="_blank" href="../examples/state_machine/README.md">state_machine</a></dd>
+      </dl>
+    </div>
+  </section>
+</section>
+
+<!-- ===================== 收尾 ===================== -->
+<section>
+  <h2>当日产出验证 · Day1–5 阶段总验收</h2>
+  <div class="verify-box">
+    <h4>现场演示</h4>
+    <p>每组现场演示深化后的案例，教师按考核标准图三大块给出反馈，为 Day6–10
+    的正式项目实作分组定方向。</p>
+  </div>
+  <p class="footer-note"><small>Day1–5 课堂教学到此结束，Day6–10 进入项目实作——大纲：
+  <a class="filelink" href="../OUTLINE.md">docs/teaching/OUTLINE.md</a></small></p>
+  <p><a class="filelink" href="index.html">返回目录</a> ·
+  <a class="filelink" href="day4.html">← 上一天</a></p>
+</section>
+
+</div>
+</div>
+
+<script src="reveal/reveal.js"></script>
+<script src="reveal/plugin/highlight/highlight.js"></script>
+<script>
+  Reveal.initialize({
+    hash: true, controls: true, progress: true, center: true, slideNumber: true,
+    plugins: [ RevealHighlight ]
+  });
+</script>
+</body>
+</html>
@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
 <meta charset="utf-8">
-<title>Qt 方向实训 · 4 天教案幻灯片</title>
+<title>C++/Qt 方向实训 · 5 天教案幻灯片</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
  body { font-family: -apple-system, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
@@ -17,19 +17,23 @@
 </style>
 </head>
 <body>
-  <h1>川大 C++/LinuxC 课程「02. Qt 方向」—— 4 天实训幻灯片</h1>
-  <p class="desc">配套大纲：<code>docs/teaching/OUTLINE.md</code>。
+  <h1>川大 C++/LinuxC 课程「02. Qt 方向」—— 5 天实训幻灯片</h1>
+  <p class="desc">对齐官方《四川大学软件学院 2026 年夏 C/C++ 项目实习实训方案书 V1.2》
+  「五、执行计划 (二) C++方向」Day1–5（Day6–10 是纯项目实作，无课堂内容，不在本教案范围）。
+  配套大纲：<code>docs/teaching/OUTLINE.md</code>；方案书全文：<code>docs/TRAINING_PLAN_2026.md</code>。
  离线可用（reveal.js 已 vendor 进仓库）；代码链接需通过本地 HTTP 服务打开才能正常跳转，
  见仓库 <code>docs/teaching/OUTLINE.md</code> 「材料与播放方式」一节。</p>
  <ul>
-    <li><a class="day" href="day1.html">Day 1 · C++ 对 C 的扩展 + 类和对象基础</a>
-      <div class="desc">p01/ch02、p01/ch03 强化精讲 → p01/ch04/s01–s03 封装/构造析构</div></li>
-    <li><a class="day" href="day2.html">Day 2 · OOP 进阶</a>
-      <div class="desc">p01/ch04/s04–s06 对象模型/友元/运算符重载 → p01/ch04/s07–s08 继承/多态</div></li>
-    <li><a class="day" href="day3.html">Day 3 · 泛型与标准库</a>
-      <div class="desc">p01/ch05 模板 + p01/ch06 类型转换 → p01/ch07 异常 + p01/ch08 IO流 + p01/ch09 STL</div></li>
-    <li><a class="day" href="day4.html">Day 4 · Qt 桌面全景</a>
-      <div class="desc">p03/ch02–ch05 项目/信号槽/主窗口 → p03/ch06、ch08–ch11 对话框/控件/事件/绘图/文件</div></li>
+    <li><a class="day" href="day1.html">Day 1 · 开训 + C++ 回顾/工具链</a>
+      <div class="desc">团队建设/Scrum/C++企业应用（讨论，无编码） → C++精选回顾 + CMake实操 + Vcpkg概念</div></li>
+    <li><a class="day" href="day2.html">Day 2 · Qt 开发环境/信号槽/基础控件/布局与 QSS</a>
+      <div class="desc">p03/ch02–04 项目结构/信号槽 → p03/ch08 控件/布局 + QSS新示例 → 计算器案例</div></li>
+    <li><a class="day" href="day3.html">Day 3 · 高级控件 Model/View / 事件机制 / 文件IO与JSON</a>
+      <div class="desc">Model/View新示例 + p03/ch09 事件拦截 → p03/ch11 文件IO + JSON新示例 → 本地数据存储案例</div></li>
+    <li><a class="day" href="day4.html">Day 4 · 2D绘图/多线程/动画框架与状态机</a>
+      <div class="desc">p03/ch10 2D绘图 + QThread新示例 → 动画+状态机新示例 → 交互式小游戏案例</div></li>
+    <li><a class="day" href="day5.html">Day 5 · 团队协同开发/综合案例复盘/OpenCV可选</a>
+      <div class="desc">团队协同开发（概念，用方案书图） → 综合案例复盘 + OpenCV/AI自学指针</div></li>
  </ul>
 </body>
 </html>