vue-blog 项目功能概览

项目介绍

vue-blog 是一个基于 Vue + Spring Boot 的个人博客系统，采用前后端分离架构。前端使用 Vue 全家桶构建用户界面，后端使用 Spring Boot 提供 RESTful API，通过 Shiro 实现身份认证与权限控制，支持博客的发布、编辑、查询等核心功能。

技术栈

分类	技术
前端	Vue 2/3、Vue Router、Vuex、Axios、Element UI、Markdown 编辑器
后端	Spring Boot、MyBatis/MyBatis-Plus、Shiro、MySQL、Redis

功能模块

用户模块

• 登录功能：用户通过账号密码登录系统
• 退出登录功能：清除登录状态，销毁会话
• 用户注册功能：新用户注册账号
• 根据 id 查询用户：获取指定用户的详细信息

博客模块

• 分页查询博客：按页展示博客列表
• 根据 id 查询博客：获取指定博客的详细内容
• 修改博客：编辑并更新已有博客
• 模糊查询：按关键词模糊搜索博客

认证模块

• Shiro 身份认证：基于 Apache Shiro 实现用户登录认证
• 注解校验：通过 Shiro 注解对接口进行权限校验

编辑器模块

• Markdown 编辑器导入：集成 Markdown 编辑器，支持博客内容编写与预览

项目收获

• 学习 Vue 全家桶（Vue Router、Vuex）的使用与项目组织方式
• 掌握 前后端分离开发 的协作模式与接口对接流程
• 理解 Shiro 权限控制 的认证与授权机制
• 熟悉 MyBatis/MyBatis-Plus 的数据持久化操作
• 实践 Markdown 编辑器的集成与使用