# 6-个人博客系统 - 功能说明

本文作者:程序员瑞哥 (opens new window)

获取网址:https://javadh.com (opens new window)

# 项目演示

# 项目概述

个人博客系统是一个集博客发布、社交互动、用户关注、内容管理于一体的综合性博客社交平台。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为用户提供优质的博客创作与分享体验,支持文章点赞、评论、收藏、关注等丰富的社交功能。


# ✨ 创新点

# 1. 社交化博客平台

  • 用户关注系统:支持关注喜欢的博主,构建社交网络。
  • 互动功能丰富:点赞、评论、收藏,全方位互动体验。
  • 个人主页:展示个人博客、粉丝、关注,打造个人品牌。

# 2. 完善的内容管理

  • 博客分类:支持多级分类,内容组织有序。
  • 富文本编辑:集成富文本编辑器,支持图文并茂。
  • 草稿箱功能:支持草稿保存,随时编辑发布。

# 3. 用户互动生态

  • 评论系统:支持多级评论回复,互动更深入。
  • 点赞收藏:一键点赞收藏,快速表达态度。
  • 关注机制:关注喜欢的博主,获取最新动态。

# 4. 系统管理完善

  • 用户反馈:用户可提交反馈建议,管理员及时响应。
  • 系统通知:重要通知推送,用户及时了解。
  • 登录历史:记录登录历史,保障账号安全。

# 5. 技术架构先进

  • 前后端分离:清晰的职责划分,提升开发效率。
  • JWT认证:基于Token的无状态认证,安全高效。
  • 组件化开发:前端高复用组件库,后端模块化设计。

# ✨ 项目亮点

# 一、 业务功能亮点

  1. 社交化博客平台:关注、点赞、评论、收藏,构建博客社交生态。
  2. 完整内容管理:博客分类、富文本编辑、草稿箱,内容管理全面。
  3. 用户互动丰富:评论系统、点赞收藏、用户关注,互动体验优质。
  4. 系统功能完善:用户反馈、系统通知、登录历史,系统管理全面。

# 二、 技术实现亮点

  1. 现代化前端技术栈:采用 Vue 3 + Vite + Element Plus + Pinia,开发高效,体验流畅。
  2. 稳定可靠的后端架构:基于 Spring Boot 3 + MyBatis,配合JWT认证,构建稳健后端。
  3. 完善的数据库设计:12张核心表,utf8mb4字符集,数据规范完整。
  4. 安全性设计:Token认证、接口权限拦截、数据隔离。

# 三、 用户体验亮点

  1. 简洁优雅界面:清爽的博客阅读界面,专注内容本身。
  2. 响应式布局:基于Element Plus栅格系统。
  3. 交互优化:加载提示、操作确认、消息提示、表单验证全面。
  4. 富文本编辑:强大的富文本编辑器,创作体验流畅。

# 管理员功能

# 系统管理

管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作

用户管理:管理全部用户账号,可修改用户信息、状态,支持重置密码

# 内容管理

博客分类:管理博客分类,支持新增、编辑、删除

博客管理:管理全部博客文章,可查看、编辑、删除博客

评论管理:管理全部评论,可删除不当评论

# 系统功能

轮播图管理:管理首页轮播图,支持新增、编辑、删除、排序

系统通知:发布系统通知,支持新增、编辑、删除

用户反馈:查看用户反馈,及时响应用户需求

登录历史:查看全部用户的登录历史记录


# 普通用户功能

# 博客浏览

首页:浏览轮播图、推荐博客、热门博主

博客列表:按分类浏览博客,支持搜索、筛选

博客详情:查看博客详细内容,支持点赞、评论、收藏

# 博客创作

发布博客:撰写博客文章,支持富文本编辑(图文、链接等)

博客分类:选择博客分类,便于内容组织

草稿箱:保存草稿,随时编辑发布

我的博客:管理自己的博客,可编辑、删除

# 社交互动

点赞:对喜欢的博客点赞,表达态度

评论:对博客发表评论,支持多级回复

收藏:收藏喜欢的博客,方便后续阅读

关注:关注喜欢的博主,获取最新动态

粉丝/关注列表:查看自己的粉丝和关注列表

# 个人中心

个人主页:展示个人博客、粉丝数、关注数、获赞数

我的收藏:查看收藏的博客

我的点赞:查看点赞过的博客

用户反馈:提交反馈建议

个人信息:修改个人信息(昵称、头像、简介、手机号、邮箱)

修改密码:修改登录密码

登录历史:查看自己的登录历史记录


# 功能权限对照表

功能模块 管理员 用户
管理员管理 ✓ -
用户管理 ✓ -
博客分类管理 ✓ -
博客管理 ✓(全部) ✓(仅自己的)
评论管理 ✓(全部) ✓(仅自己的)
轮播图管理 ✓ -
系统通知管理 ✓ -
用户反馈 ✓(查看全部) ✓(提交反馈)
登录历史 ✓(全部) ✓(仅自己的)
博客浏览 ✓ ✓
博客创作 - ✓
点赞评论收藏 - ✓
用户关注 - ✓

# 默认账号

# 管理员

用户名: admin
密码: 123456
1
2

# 测试用户

用户名: user
密码: 123456
1
2

# 核心业务流程

# 博客发布流程

1. 用户登录系统 → 进入"发布博客"页面
2. 填写博客标题、选择分类
3. 使用富文本编辑器撰写博客内容(支持插入图片、链接等)
4. 保存草稿或直接发布
5. 系统生成博客,其他用户可浏览
1
2
3
4
5

# 社交互动流程

1. 用户浏览博客列表 → 点击博客查看详情
2. 阅读博客内容 → 点赞/收藏博客
3. 发表评论,与博主或其他用户互动
4. 关注博主,获取最新动态
5. 查看个人主页,管理粉丝和关注列表
1
2
3
4
5

# 用户关注流程

1. 用户浏览博客 → 查看博主主页
2. 点击"关注"按钮
3. 系统记录关注关系,粉丝数+1
4. 在"我的关注"列表中查看关注的博主
5. 在首页可优先看到关注博主的最新博客
1
2
3
4
5

# 系统特色

# 社交化博客

  • 关注系统:支持用户关注,构建社交网络
  • 互动丰富:点赞、评论、收藏,全方位互动
  • 个人主页:展示个人博客、粉丝、关注

# 内容管理

  • 博客分类:支持多级分类,内容组织有序
  • 富文本编辑:支持图文并茂的博客创作
  • 草稿箱:支持草稿保存,随时编辑

# 用户互动

  • 评论系统:支持多级评论回复
  • 点赞收藏:一键点赞收藏
  • 关注机制:关注喜欢的博主

# 系统功能

  • 用户反馈:用户可提交反馈建议
  • 系统通知:重要通知推送
  • 登录历史:记录登录历史,保障账号安全

Java导航网   |