当前位置：首页 > news >正文

【原创唯一】基于微信小程序+uni-app+vue的个人博客小程序课程设计/大作业/期末作业（源码+MySQL数据库+实验报告+PPT+远程部署）

news 2026/8/15 9:02:47

摘要
随着互联网内容创作与知识分享需求的不断增长，个人博客成为技术交流与生活记录的重要载体。本文设计并实现了一套基于 Spring Boot 3、Vue 3 与 uni-app 的个人博客系统，采用前后端分离架构，支持 Web 网站与微信小程序双端访问。系统划分平台管理员、博客博主与访客三类角色，实现博文发布与浏览、评论互动、文章收藏、分类管理、评论回复及平台运维等功能。后端使用 MySQL 存储业务数据，JWT 实现无状态认证；Web 端基于 Element Plus 构建前台博客与后台管理界面；小程序端面向访客与博主提供移动端阅读与管理能力。经功能测试，系统运行稳定，满足课程设计预期目标。
技术栈： Spring Boot3+uni-app+Vue3+uViewPlus+Vite+MybatsiPlus+Echarts+微信小程序
数据库表：7张

🍅文末获取联系🍅

作者介绍：专注计算机课设、毕设辅导，个人开发，坚持原创，非工作室，源码全网唯一。
✅技术主流：SpringBoot+Vue+uni-app前后端分离，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; } }