feat(v2): add task cards for AOP and event learning pages

2026-03-09 01:55:19 +08:00
parent 6a4c6a369a
commit 2d4598cc69
2 changed files with 26 additions and 0 deletions
--- 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; }
    </style>
 </head>
 <body>
@@ -38,6 +40,17 @@
    </div>
    
    <h1>🔪 AOP 切面编程</h1>
+
+    <div class="lab">
+        <h4>🧪 实验任务卡（AOP）</h4>
+        <ul style="padding-left:20px;line-height:1.8;">
+            <li>目标：观察同一请求如何触发 Before/After/Around 通知</li>
+            <li>步骤1：调用用户接口 <code>/api/users</code></li>
+            <li>步骤2：回到本页点击“刷新统计数据”</li>
+            <li>预期：统计里能看到 Controller/Service 方法耗时累积</li>
+            <li>常见坑：只看页面不看控制台，容易错过切面日志</li>
+        </ul>
+    </div>
    
    <div class="card">
        <h3>📊 实时性能统计</h3>