SpringBoot+Vue 个人博客系统设计与实现
系统架构与设计摘要
随着互联网技术的快速发展，个人博客已成为信息分享与知识传播的重要载体。传统博客系统往往功能单一，缺乏交互性和管理便捷性，难以满足现代用户的需求。基于此，设计并实现一个功能完善、界面友好的个人博客系统管理平台具有重要意义。该系统不仅能够为用户提供便捷的内容发布与管理功能，还能通过技术优化提升用户体验。
本系统采用前后端分离架构，后端基于 SpringBoot 框架实现，提供 RESTful API 接口，确保数据交互的高效性与安全性。前端采用 Vue.js 框架，结合 Element UI 组件库，实现响应式布局与动态交互。数据库选用 MySQL，通过合理的表结构设计保障数据存储的稳定性与可扩展性。系统核心功能包括用户管理、博客发布、评论互动及分类标签管理，同时支持 Markdown 编辑器与图片上传功能。
数据表设计
用户信息表
用户信息表存储系统注册用户的基本信息，用户 ID 是该表的主键，注册时间通过函数自动生成。结构如表 1 所示。
表 1 用户信息表（user_info）
| 字段名 | 数据类型 | 是否为空 | 说明 |
|---|---|---|---|
| user_id | bigint | 否 | 用户唯一标识（主键） |
| username | varchar(50) | 否 | 用户名 |
| password_hash | varchar(255) | 否 | 加密后的密码 |
| varchar(100) | 否 | 用户邮箱 | |
| avatar_url | varchar(255) | 是 | 用户头像链接 |
| register_time | datetime | 否 | 注册时间 |
| last_login_time | datetime | 是 | 最后登录时间 |
博客文章表
博客文章表存储用户发布的博客内容，文章 ID 为主键，发布时间由系统自动生成。结构如表 2 所示。
表 2 博客文章表（blog_post）
| 字段名 | 数据类型 | 是否为空 | 说明 |
|---|---|---|---|
| post_id | bigint | 否 | 文章唯一标识（主键） |
| user_id | bigint | 否 | 作者 ID（外键） |
| title | varchar(100) | 否 | 文章标题 |
| content | text | 否 | 文章内容（Markdown） |
| publish_time | datetime | 否 | 发布时间 |
| update_time | datetime | 是 | 最后更新时间 |
