diff --git a/src/main/resources/static/aop.html b/src/main/resources/static/aop.html
index a10416a..550aa91 100644
--- a/src/main/resources/static/aop.html
+++ b/src/main/resources/static/aop.html
@@ -28,6 +28,8 @@
.nav { margin-bottom: 20px; }
.nav a { margin-right: 15px; color: #6DB33F; text-decoration: none; }
.nav a:hover { text-decoration: underline; }
+ .lab { background:#fff7e6; border-left:4px solid #fa8c16; padding:15px; border-radius:8px; margin:15px 0; }
+ .lab h4 { color:#ad6800; margin-bottom:8px; }
@@ -38,6 +40,17 @@
🔪 AOP 切面编程
+
+
+
🧪 实验任务卡（AOP）
+
+ - 目标：观察同一请求如何触发 Before/After/Around 通知
+ - 步骤1：调用用户接口
/api/users
+ - 步骤2：回到本页点击“刷新统计数据”
+ - 预期：统计里能看到 Controller/Service 方法耗时累积
+ - 常见坑：只看页面不看控制台，容易错过切面日志
+
+
📊 实时性能统计
diff --git a/src/main/resources/static/events.html b/src/main/resources/static/events.html
index 391dc9e..d56f40e 100644
--- a/src/main/resources/static/events.html
+++ b/src/main/resources/static/events.html
@@ -30,6 +30,8 @@
.nav { margin-bottom: 20px; }
.nav a { margin-right: 15px; color: #6DB33F; text-decoration: none; }
.nav a:hover { text-decoration: underline; }
+ .lab { background:#fff7e6; border-left:4px solid #fa8c16; padding:15px; border-radius:8px; margin:15px 0; }
+ .lab h4 { color:#ad6800; margin-bottom:8px; }
@@ -40,6 +42,17 @@
📡 Spring 事件机制
+
+
+
🧪 实验任务卡（事件）
+
+ - 目标：体验发布者与监听者解耦
+ - 步骤1：输入 userId/userName，点击“发布登录事件”
+ - 步骤2：重复发布不同用户，比较返回结果
+ - 预期：接口立即返回；监听处理在日志中可观察
+ - 常见坑：把事件当同步 RPC，忽略异步监听特性
+
+
🎉 事件发布演示