基于 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 本网站

前端:Vue3Vite5、Axios、Element PlusWangeditor5、Highlightjs

后端:Spring Boot2、Mybatis、MySQL8Swagger3

2.2 本网站新增和优化内容

技术栈更新:

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

修复bug:

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

优化:

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

视觉优化:

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

其他:

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

2.3 作者信息

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

本网站: 奇妙方程式

3. 功能介绍

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

3.1 前台用户模块

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

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


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

活动中心:展示活动列表

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

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

3.2 后台管理模块

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

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

相关推荐
普通网友7 小时前
Springboot中使用Elasticsearch(部署+使用+讲解 最完整)
spring boot·elasticsearch·jenkins
笃行3507 小时前
向量数据库单独建一套,这笔账划不划算
后端
weixin_431600448 小时前
Agent Workflow 学习向:Code 节点,比模板更强的变量加工
后端·python·学习·ai·
Rain的Java大神之路8 小时前
短信接口被狂刷怎么处理
java·运维·后端·web安全·面试·架构·xss
孙克旭_8 小时前
Docker 镜像构建|Vue+SpringBoot+Go 多语言项目 Dockerfile 案例
linux·运维·vue.js·spring boot·docker·dockerfile
2602_959960928 小时前
谢飞机面试大厂:Spring Boot、JVM、Redis、Kafka、微服务与音视频搜索场景求生实录
java·jvm·spring boot·redis·面试题
Lost of 程序猿9 小时前
AOP 实战:面向切面编程从理论到落地
后端·asp.net·aop·面向切片变成
Lost of 程序猿9 小时前
ASP.NET Core 认证授权实战:从 JWT 到 Policy,设计一套企业级 RBAC 权限系统
后端·asp.net
Lost of 程序猿9 小时前
ASP.NET Core 后台任务全景:从 BackgroundService 到 Channel 队列,再到分布式调度
后端·asp.net·.netcore
倾颜10 小时前
NestJS 核心概念梳理:从 Module、Controller 到 Guard、Interceptor
后端·node.js·nestjs