基于 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 后台管理模块

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

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

相关推荐
2401_854391082 分钟前
城镇住房保障:SpringBoot系统功能概览
java·spring boot·后端
记忆深处的声音5 分钟前
vue2 + Element-ui 二次封装 Table 组件,打造通用业务表格
前端·vue.js·代码规范
陈随易6 分钟前
兔小巢收费引发的论坛调研Node和Deno有感
前端·后端·程序员
聪明的墨菲特i11 分钟前
Django前后端分离基本流程
后端·python·django·web3
hlsd#1 小时前
go mod 依赖管理
开发语言·后端·golang
四喜花露水1 小时前
Vue 自定义icon组件封装SVG图标
前端·javascript·vue.js
陈大爷(有低保)1 小时前
三层架构和MVC以及它们的融合
后端·mvc
亦世凡华、1 小时前
【启程Golang之旅】从零开始构建可扩展的微服务架构
开发语言·经验分享·后端·golang
河西石头1 小时前
一步一步从asp.net core mvc中访问asp.net core WebApi
后端·asp.net·mvc·.net core访问api·httpclient的使用
2401_857439691 小时前
SpringBoot框架在资产管理中的应用
java·spring boot·后端