ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

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

2026/8/15 9:29:26 拓冰建站 浏览量
【原创唯一】基于微信小程序+uni-app+vue的个人博客小程序 课程设计/大作业/期末作业(源码+MySQL数据库+实验报告+PPT+远程部署)

摘要

随着互联网内容创作与知识分享需求的不断增长,个人博客成为技术交流与生活记录的重要载体。本文设计并实现了一套基于 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; } }

擅长功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论文降重、长期答辩答疑辅导、腾讯会议一对一专业讲解辅导答辩、模拟答辩演练、和理解代码逻辑思路等。

获取联系

项目功能完整,可在本地运行,并可远程调试,确保运行顺利!

👇🏻👇🏻获取联系方式👇🏻👇🏻

课程设计获取https://blog.csdn.net/qq_59059632/article/details/163685632?spm=1001.2014.3001.5501