基于 springboot 2 和 vue 3 的博客论坛系统

1. 网站信息

博客论坛系统：http://106.53.164.141:8200

本网站是基于 SpringBoot+Vue 前后端分离的博客论坛系统

前台用户：注册登录；博客和活动相关的展示、浏览、点赞、收藏、评论、编辑等功能

在这里插入图片描述

后台管理员：管理公告、博客、活动和评论等信息；管理用户和管理员

在这里插入图片描述

2. 网站声明

本网站是根据以下的项目修改而来

【从0带做】博客论坛系统，基于SpringBoot+Vue的个人博客系统…

2.1 技术栈区别如下

2.1.1 原项目

前端：Vue2、Vue-Cli、Axios、Element UI、Wangeditor4、Highlightjs

后端：Spring Boot2、Mybatis、MySQL5

2.1.2 本网站

前端：Vue3、Vite5、Axios、Element Plus、Wangeditor5、Highlightjs

后端：Spring Boot2、Mybatis、MySQL8、Swagger3

2.2 本网站新增和优化内容

技术栈更新：

换用较新的技术栈，并修改相关代码，使其成功运行

修复bug：

① 用户无法取消已报名的活动；
② 修复了文章详情页和活动报名页，请求的id参数所对应的文章和活动并不存在时，页面显示空白内容且没有任何提示的问题

优化：

① 封装并复用用户信息管理功能为 component 组件。使得前台用户和后台管理处，都可直接调用该组件，实现信息和密码修改功能，无需重复编写逻辑相似的代码

视觉优化：

① 将大量UI组件设置为大尺寸，使其视觉上更明显突出；
② 修改部分组件的显示方式和逻辑，使其更加美观整洁

其他：

① 重做了 403 和 404 页面；
② 修改了 jwt拦截器和路由守卫，即使在未登录状态，也可浏览网站；
③ 引入了 swagger3,增加了 swagger接口文档页面

2.3 作者信息

原项目：程序员青戈、武哥聊编程

本网站：奇妙方程式

3. 功能介绍

分为前台用户和后台管理模块

3.1 前台用户模块

首页：展示分类博客列表、博客榜单、热门活动

在这里插入图片描述

博客详情：展示博客内容、浏览量、博主简介、博客数据、相关推荐博客、文章评论； 用户 可评论、回复评论、点赞、收藏文章

在这里插入图片描述

博客搜索：可根据关键字搜索博客

在这里插入图片描述

活动中心：展示活动列表

在这里插入图片描述

活动详情：展示活动信息、活动内容、活动点赞数据、活动收藏数据、活动阅读数据； 用户 可报名、取消报名活动

在这里插入图片描述

用户 个人中心：展示个人资料、修改个人资料、修改密码、展示我发表的博客、我报名的活动、我收藏、点赞、评论的博客和活动

在这里插入图片描述

3.2 后台管理模块

在这里插入图片描述

信息管理：博客分类管理、博客管理、评论管理、活动管理、活动报名管理、公告管理

在这里插入图片描述

用户管理：管理员管理、用户管理、个人信息、修改密码

在这里插入图片描述