feat(security): 添加 JWT 认证功能

- 在后端添加 JWT 认证过滤器 JwtAuthenticationTokenFilter
- 创建 JwtTokenUtil 工具类用于生成和验证 JWT token
- 在 application.yml 中配置 JWT 相关参数
- 更新前端 HomePage 组件，增加用户认证相关逻辑

doc/development_plan.md

@@ -2,11 +2,29 @@
 
 本计划旨在为您的笔记项目提供一个清晰、分步走的开发与美化路线图。
 
-## 第一阶段：基础功能完善与安全加固
+## 第一阶段：核心体验提升 - UI美化与交互优化
+
+这个阶段的目标是全面提升应用的颜值和易用性。
+
+- **任务1.1：引入Element Plus UI库**
+    - [ ] **前端**: 安装并配置 Element Plus。
+        - [ ] 运行 `npm install element-plus --save`。
+        - [ ] 在 `main.js` 中全局引入 Element Plus。
+        - [ ] 使用 Element Plus 的组件重构现有页面，如按钮、表单、布局等。
+- **任务1.2：响应式布局**
+    - [ ] **前端**: 使用 Element Plus 的栅格系统或 CSS Flexbox/Grid 来实现响应式布局，确保在不同设备上都能良好显示。
+- **任务1.3：升级Markdown编辑器**
+    - [ ] **前端**: 调研并集成一个功能更强大的Markdown编辑器，例如 `vditor` 或 `cherry-markdown`。
+        - [ ] 替换现有的 `MarkdownEditor.vue` 组件。
+        - [ ] 确保新编辑器与应用的集成，包括内容的双向绑定和图片的上传。
+- **(可选任务)任务：重构前端页面**
+    - [ ] **前端**: 重新对整个页面进行重构，使其更简洁、易用。
+
+## 第二阶段：基础功能完善与安全加固
 
 这个阶段的目标是补齐核心功能，并确保应用的安全性。
 
-- **任务1.1：实现用户认证与授权**
+- **任务2.1：实现用户认证与授权**
     - [ ] **后端**: JWT。
         - [ ] 实现 UserDetailsService 来加载用户信息。
         - [ ] 创建 JWT 工具类，用于生成和验证 Token。
@@ -18,24 +36,6 @@
         - [ ] 封装 `axios`，在请求头中自动添加 `Authorization` 字段。
         - [ ] 实现路由守卫，未登录用户访问受保护页面时跳转到登录页。
         - [ ] 实现登出功能。
-
-## 第二阶段：核心体验提升 - UI美化与交互优化
-
-这个阶段的目标是全面提升应用的颜值和易用性。
-
-- **任务2.1：引入Element Plus UI库**
-    - [ ] **前端**: 安装并配置 Element Plus。
-        - [ ] 运行 `npm install element-plus --save`。
-        - [ ] 在 `main.js` 中全局引入 Element Plus。
-        - [ ] 使用 Element Plus 的组件重构现有页面，如按钮、表单、布局等。
-- **任务2.2：响应式布局**
-    - [ ] **前端**: 使用 Element Plus 的栅格系统或 CSS Flexbox/Grid 来实现响应式布局，确保在不同设备上都能良好显示。
-- **任务2.3：升级Markdown编辑器**
-    - [ ] **前端**: 调研并集成一个功能更强大的Markdown编辑器，例如 `vditor` 或 `cherry-markdown`。
-        - [ ] 替换现有的 `MarkdownEditor.vue` 组件。
-        - [ ] 确保新编辑器与应用的集成，包括内容的双向绑定和图片的上传。
-- **(可选任务)任务：重构前端页面**
-    - [ ] **前端**: 重新对整个页面进行重构，使其更简洁、易用。
 ## 第三阶段：高级功能拓展
 
 这个阶段我们将为应用增加更多有价值的功能。