【原创唯一】基于SpringBoot+Vue的个人博客网站系统课程设计/大作业/期末作业（源码+MySQL数据库+实验报告+PPT+远程部署）-育师

摘要
个人博客作为网络内容创作与知识分享的重要载体，在自媒体与在线教育等场景中应用广泛。传统静态页面或通用 CMS 难以同时满足「多博主入驻、前台阅读互动、后台内容审核」等复合需求。本文设计并实现了一套名为「个人博客系统」的 B/S 架构 Web 应用，采用前后端分离模式，面向访客、博客博主与平台管理员三类角色，覆盖博文发布与浏览、分类管理、评论互动、文章收藏、博主资料展示及全站数据统计等核心业务。
系统后端基于 Spring Boot 3.2.5 构建 RESTful 服务，持久层采用 MyBatis-Plus 访问 MySQL 数据库 0vuez_blog，通过 JWT 实现无状态身份认证与基于角色的访问控制；前端采用 Vue 3 单页应用，配合 Element Plus 与 ECharts，分别实现博客前台（FrontLayout 顶部导航）与后台管理（MainLayout 侧边栏）双布局界面，整体采用深灰蓝企业风主题配色。数据库共设计 admins、bloggers、users、categories、articles、comments、favorites 八张业务表，字段统一采用 snake_case 命名。系统在文章列表查询时通过 enrich 方法批量填充博主名称、博主头像与分类名称；评论支持博主回复与管理员隐藏；收藏采用用户与文章唯一约束防止重复。
经功能测试，系统各模块运行稳定，界面交互清晰，满足个人博客平台的信息化需求，对同类 Web 内容管理系统的开发具有一定的参考价值。
技术栈： Spring Boot 3 + MyBatis-Plus + MySQL + Vue 3 + Element Plus + ECharts
数据库表：7张

🍅文末获取联系🍅

作者介绍：专注计算机课设、毕设辅导，个人开发，坚持原创，非工作室，源码全网唯一。
✅技术主流：SpringBoot + Vue 前后端分离，MySQL，Echarts数据统计，可本地运行
✅配套资料：源码 + 数据库 + 实验报告/论文 + 答辩 PPT+部署演示+远程调试+问题解答

技术范围：SpringBoot、Vue、数据可视化、小程序、HLMT、Nodejs、uni-app、MySQL数据库、ElementUi等设计与开发。
适用范围：软件工程、软件技术、数据库课程设计、计算机科学与技术、数据库系统原理、JavaWeb开发、JavaEE、Java、Web应用开发、动态网页设计的课程设计、课设、大作业、课程实验、期末作业

实验报告参考内容

实验报告可供大家参考使用

功能展示

模块	说明
认证模块	三角色登录、访客注册、JWT 签发与校验、资料修改与改密
文章模块	博文 CRUD、草稿/发布/隐藏状态、阅读量统计、封面图
分类模块	博主维度的文章分类维护
评论模块	访客发表评论、博主回复、管理员显示/隐藏与删除
收藏模块	收藏切换、我的收藏列表
博主模块	博主账号 CRUD、公开主页、头像与简介
访客模块	访客账号 CRUD、注册、头像
统计模块	管理员 KPI 与 ECharts 图表（仅 ADMIN）
上传模块	图片上传，供封面与头像使用

访客

博主+管理员

数据库及架构

系统数据库设计为：

Controller及Service层核心代码写法：

package com.springboot.controller; import com.springboot.auth.RequireRole; import com.springboot.dto.*; import com.springboot.entity.User; import com.springboot.entity.UserRole; import com.springboot.service.UserService; import jakarta.validation.Valid; import lombok.RequiredArgsConstructor; import org.springframework.web.bind.annotation.*; import java.util.Map; //访客用户管理 @RestController @RequestMapping("/api/users") @RequiredArgsConstructor public class UserController { private final UserService userService; //分页查询访客 @GetMapping @RequireRole(UserRole.ADMIN) public ApiResponse<PageResult<User>> list( @RequestParam(required = false) String keyword, @RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "10") int size) { return ApiResponse.ok(userService.list(keyword, page, size)); } //新增访客 @PostMapping @RequireRole(UserRole.ADMIN) public ApiResponse<User> create(@Valid @RequestBody UserDTO dto) { return ApiResponse.ok("创建成功", userService.create(dto)); } //修改访客 @PutMapping("/{id}") @RequireRole(UserRole.ADMIN) public ApiResponse<User> update(@PathVariable Long id, @Valid @RequestBody UserDTO dto) { return ApiResponse.ok("更新成功", userService.update(id, dto)); } //切换访客启用状态 @PutMapping("/{id}/enabled") @RequireRole(UserRole.ADMIN) public ApiResponse<Void> toggleEnabled(@PathVariable Long id, @RequestBody Map<String, Integer> body) { userService.toggleEnabled(id, body.get("enabled")); return ApiResponse.ok("操作成功", null); } //批量删除访客 @DeleteMapping("/batch") @RequireRole(UserRole.ADMIN) public ApiResponse<Void> batchDelete(@Valid @RequestBody IdsDTO dto) { userService.batchDelete(dto.getIds()); return ApiResponse.ok("删除成功", null); } } package com.springboot.service; import com.baomidou.mybatisplus.core.toolkit.Wrappers; import com.baomidou.mybatisplus.extension.plugins.pagination.Page; import com.springboot.dto.PageResult; import com.springboot.dto.UserDTO; import com.springboot.entity.User; import com.springboot.mapper.UserMapper; import lombok.RequiredArgsConstructor; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import org.springframework.util.StringUtils; import java.util.List; //访客用户管理 @Service @RequiredArgsConstructor public class UserService { private final UserMapper userMapper; private final PasswordEncoder passwordEncoder; public PageResult<User> list(String keyword, int page, int size) { var wrapper = Wrappers.<User>lambdaQuery() .and(StringUtils.hasText(keyword), w -> w .like(User::getUsername, keyword) .or().like(User::getReal_name, keyword) .or().like(User::getPhone, keyword)) .orderByDesc(User::getId); return PageResult.of(userMapper.selectPage(new Page<>(page, size), wrapper)); } @Transactional public User create(UserDTO dto) { validateUsername(dto.getUsername(), null); if (!StringUtils.hasText(dto.getPassword()) || dto.getPassword().length() < 6) { throw new RuntimeException("登录密码至少6位"); } User u = buildUser(new User(), dto); u.setPassword(passwordEncoder.encode(dto.getPassword())); userMapper.insert(u); return u; } @Transactional public User update(Long id, UserDTO dto) { User u = userMapper.selectById(id); if (u == null) throw new RuntimeException("用户不存在"); validateUsername(dto.getUsername(), id); buildUser(u, dto); if (StringUtils.hasText(dto.getPassword())) { if (dto.getPassword().length() < 6) throw new RuntimeException("登录密码至少6位"); u.setPassword(passwordEncoder.encode(dto.getPassword())); } userMapper.updateById(u); return u; } @Transactional public void toggleEnabled(Long id, Integer enabled) { User u = userMapper.selectById(id); if (u == null) throw new RuntimeException("用户不存在"); u.setEnabled(enabled); userMapper.updateById(u); } @Transactional public void delete(Long id) { if (userMapper.selectById(id) == null) throw new RuntimeException("用户不存在"); userMapper.deleteById(id); } @Transactional public void batchDelete(List<Long> ids) { if (ids == null || ids.isEmpty()) throw new RuntimeException("请选择要删除的数据"); userMapper.deleteBatchIds(ids); } private void validateUsername(String username, Long excludeId) { var w = Wrappers.<User>lambdaQuery().eq(User::getUsername, username); if (excludeId != null) w.ne(User::getId, excludeId); if (userMapper.exists(w)) throw new RuntimeException("用户名已存在"); } private User buildUser(User u, UserDTO dto) { u.setUsername(dto.getUsername()); u.setReal_name(dto.getReal_name()); u.setPhone(dto.getPhone()); u.setBio(dto.getBio()); if (dto.getAvatar_url() != null) u.setAvatar_url(dto.getAvatar_url()); u.setEnabled(dto.getEnabled() != null ? dto.getEnabled() : 1); return u; } }