这个博客项目是一个**个人技术博客网站**，域名是 `lezai.fun`（乐仔），核心业务包括：
**内容发布**
- 用户写文章（支持 Markdown 编辑器、封面图、标签、分类）
- 文章展示（列表 + 详情页）
- 分类归档 / 标签归档
**互动**
- 评论区（访客可以评论文章）
- AI 智能助手（右下角悬浮按钮，可拖拽，基于大模型回答用户问题）
**后台管理**
- 管理员登录后可管理文章、分类、用户
- 普通用户可以写文章，管理员可以管理所有人
**用户系统**
- 注册/登录（基于 Session）
- 角色区分（普通用户 `user` / 管理员 `admin`）
技术栈上是一个典型的前后端分离项目，前端 Vue 3 部署在 Nginx，后端 Spring Boot + MyBatis + MySQL，AI 功能对接阿里云百炼大模型 API。
### 前端功能
- **用户系统**：登录、注册、头像
- **文章系统**：文章列表、文章详情、写文章/编辑文章、搜索文章
- **分类系统**：后台分类管理（添加/删除）、标签归档页面
- **后台管理**：数据概览、文章管理、分类管理
- **AI 助手**：每个页面右下角的悬浮聊天按钮，支持拖拽
- **交互组件**：回到顶部、阅读进度条、星级背景、评论系统
- **其他页面**：关于页、时间线、工具页
### 后端（Spring Boot）
- 文章 CRUD + 分页查询
- 分类 CRUD
- 用户登录注册
- AI 聊天接口（SSE 流式响应）
- 文件上传
- 登录拦截器（`/api/admin/` 需登录）
- MyBatis + MySQL
### 前端
- **框架**：Vue 3 + Vite
- **UI**：Element Plus
- **路由**：vue-router（history 模式）
- **HTTP**：Axios（带拦截器，401 自动跳转登录）
- **Markdown**：marked + highlight.js
- **样式**：CSS 变量（深色星空主题），Flex/Grid 布局
- **构建**：Vite + Rolldown（v8）
### 后端
- **框架**：Spring Boot 3 + JDK 21
- **ORM**：MyBatis（XML 映射）
- **数据库**：MySQL（`demo_db`）
- **AI**：阿里云百炼平台（DashScope API），SSE 流式输出
### 部署
- 前端打包 `dist/` → Nginx 反向代理到后端（`/api` 转发到 `localhost:8080`）
- 后端打包 jar → Java 直接运行
- 服务器：121.40.27.229，Nginx 1.20.1
评论