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

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

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

相关推荐
苹果醋324 分钟前
2020重新出发,MySql基础,MySql表数据操作
java·运维·spring boot·mysql·nginx
小蜗牛慢慢爬行25 分钟前
如何在 Spring Boot 微服务中设置和管理多个数据库
java·数据库·spring boot·后端·微服务·架构·hibernate
azhou的代码园29 分钟前
基于JAVA+SpringBoot+Vue的制造装备物联及生产管理ERP系统
java·spring boot·制造
wm10431 小时前
java web springboot
java·spring boot·后端
编程百晓君1 小时前
一文解释清楚OpenHarmony面向全场景的分布式操作系统
vue.js
暴富的Tdy2 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
neeef_se2 小时前
Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
前端·vue.js·excel
z千鑫2 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js
龙少95433 小时前
【深入理解@EnableCaching】
java·后端·spring
生产队队长4 小时前
项目练习:element-ui的valid表单验证功能用法
前端·vue.js·ui