news 2026/6/16 23:20:00

手把手教你用 Spring Boot + Vue 搭建个人博客系统(后端篇)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
手把手教你用 Spring Boot + Vue 搭建个人博客系统(后端篇)

视频看了几百小时还迷糊?关注我,几分钟让你秒懂!


一、为什么要做这个项目?

很多刚入门 Java 的小伙伴在学完 Spring Boot 基础后,常常不知道如何实战。而“个人博客系统”是一个非常经典又实用的小型全栈项目:

  • 功能清晰:文章发布、分类、评论等模块明确;
  • 技术全面:涵盖 RESTful API、数据库操作、前后端分离等核心技能;
  • 可扩展性强:后续可加登录鉴权、Markdown 编辑器、图片上传等功能。

今天我们就先聚焦后端部分,用Spring Boot + MyBatis + MySQL搭建一个简洁但完整的博客 API 接口服务。


二、需求场景

假设你是博主小明,想搭建一个自己的技术博客网站,需要以下基本功能:

  1. 发布/编辑/删除文章;
  2. 查看所有文章列表(带分页);
  3. 根据文章 ID 查看详情;
  4. 文章按分类(如“Java”、“前端”、“生活”)归类。

注意:本文只实现后端接口,前端 Vue 部分我们后续再讲。


三、技术选型

技术作用
Spring Boot 3.x快速构建 Web 应用
MyBatis-Plus简化数据库 CRUD 操作
MySQL 8.0存储文章和分类数据
Lombok自动生成 getter/setter/toString
Hutool(可选)工具类库,简化开发

四、数据库设计

-- 博客分类表 CREATE TABLE blog_category ( id BIGINT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50) NOT NULL UNIQUE COMMENT '分类名称' ); -- 博客文章表 CREATE TABLE blog_post ( id BIGINT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(200) NOT NULL, content TEXT NOT NULL, category_id BIGINT NOT NULL, create_time DATETIME DEFAULT CURRENT_TIMESTAMP, update_time DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, FOREIGN KEY (category_id) REFERENCES blog_category(id) );

五、Spring Boot 后端代码实现

1. 创建 Spring Boot 项目(使用 Spring Initializr)

依赖选择:

  • Spring Web
  • MyBatis Framework
  • MySQL Driver
  • Lombok

2.application.yml配置

spring: datasource: url: jdbc:mysql://localhost:3306/blog_db?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai username: root password: your_password driver-class-name: com.mysql.cj.jdbc.Driver mybatis-plus: configuration: map-underscore-to-camel-case: true global-config: db-config: id-type: auto

3. 实体类

// Category.java @Data @TableName("blog_category") public class Category { @TableId(type = IdType.AUTO) private Long id; private String name; } // Post.java @Data @TableName("blog_post") public class Post { @TableId(type = IdType.AUTO) private Long id; private String title; private String content; private Long categoryId; private LocalDateTime createTime; private LocalDateTime updateTime; // 用于返回时携带分类名称(非数据库字段) @TableField(exist = false) private String categoryName; }

4. Mapper 层

@Mapper public interface CategoryMapper extends BaseMapper<Category> {} @Mapper public interface PostMapper extends BaseMapper<Post> {}

5. Service 层

@Service public class PostService { @Autowired private PostMapper postMapper; @Autowired private CategoryMapper categoryMapper; public List<Post> getAllPosts() { List<Post> posts = postMapper.selectList(null); // 补充分类名称 for (Post post : posts) { Category category = categoryMapper.selectById(post.getCategoryId()); if (category != null) { post.setCategoryName(category.getName()); } } return posts; } public Post getPostById(Long id) { Post post = postMapper.selectById(id); if (post != null) { Category category = categoryMapper.selectById(post.getCategoryId()); post.setCategoryName(category != null ? category.getName() : "未知"); } return post; } public boolean savePost(Post post) { return postMapper.insert(post) > 0; } public boolean updatePost(Post post) { return postMapper.updateById(post) > 0; } public boolean deletePost(Long id) { return postMapper.deleteById(id) > 0; } }

6. Controller 层(RESTful API)

@RestController @RequestMapping("/api/posts") public class PostController { @Autowired private PostService postService; @GetMapping public ResponseEntity<List<Post>> listAll() { return ResponseEntity.ok(postService.getAllPosts()); } @GetMapping("/{id}") public ResponseEntity<Post> getById(@PathVariable Long id) { Post post = postService.getPostById(id); if (post == null) { return ResponseEntity.notFound().build(); } return ResponseEntity.ok(post); } @PostMapping public ResponseEntity<String> create(@RequestBody Post post) { if (postService.savePost(post)) { return ResponseEntity.ok("文章创建成功"); } return ResponseEntity.badRequest().body("创建失败"); } @PutMapping("/{id}") public ResponseEntity<String> update(@PathVariable Long id, @RequestBody Post post) { post.setId(id); if (postService.updatePost(post)) { return ResponseEntity.ok("更新成功"); } return ResponseEntity.badRequest().body("更新失败"); } @DeleteMapping("/{id}") public ResponseEntity<String> delete(@PathVariable Long id) { if (postService.deletePost(id)) { return ResponseEntity.ok("删除成功"); } return ResponseEntity.badRequest().body("删除失败"); } }

六、反例 & 常见错误

❌ 反例1:直接在 Controller 中写数据库逻辑

// 错误示范! @GetMapping("/bad") public List<Post> badExample() { return postMapper.selectList(null); // 耦合严重,无法复用,难测试 }

✅ 正确做法:分层架构(Controller → Service → Mapper),职责清晰。


❌ 反例2:忽略空指针异常

// 如果 categoryId 对应的分类不存在,category.getName() 会 NPE! post.setCategoryName(category.getName());

✅ 正确做法:判空处理,或使用 Optional。


❌ 反例3:不统一返回格式

有的接口返回String,有的返回Map,前端很难处理。

✅ 正确做法:统一封装响应体(如Result<T>),但为简化本例暂未使用。


七、注意事项

  1. 数据库连接:确保 MySQL 服务已启动,且blog_db数据库存在;
  2. MyBatis-Plus 依赖:需引入mybatis-plus-boot-starter,不是普通 MyBatis;
  3. 时间字段:MySQL 的DATETIME对应 Java 的LocalDateTime(Spring Boot 2.7+ 支持自动转换);
  4. 跨域问题:前端 Vue 开发时(如 localhost:8080)调用后端(localhost:8081)会遇到 CORS,可在 Controller 上加@CrossOrigin临时解决,生产环境应配置网关或 Nginx。

八、下一步

后端 API 已就绪!接下来你可以:

  • 用 Postman 测试/api/posts接口;
  • 搭建 Vue 前端,通过 Axios 调用这些接口;
  • 增加用户登录、JWT 鉴权、富文本编辑器支持等。

视频看了几百小时还迷糊?关注我,几分钟让你秒懂!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/12 16:46:26

揭秘Dify access_token配置难题:5步实现无缝认证集成

第一章&#xff1a;Dify access_token配置难题解析在集成 Dify 平台时&#xff0c;access_token 的正确配置是实现身份验证与 API 调用的关键环节。许多开发者在初次部署时遇到认证失败、token 无效或过期等问题&#xff0c;通常源于配置流程中的细节疏忽。常见配置问题及成因 …

作者头像 李华
网站建设 2026/6/12 19:28:36

以生命为盾的守护(一)

三天后&#xff0c;C国与 E国边境的跨国机场&#xff0c;寒风卷着细碎的雪花&#xff0c;在停机坪上打着旋。秋然穿着黑色的大衣&#xff0c;手里紧紧攥着那半张染血的绣球花纸条&#xff0c;站在警戒线旁&#xff0c;目光死死盯着远处缓缓降落的运输机——那是载着仲清禾遗体回…

作者头像 李华
网站建设 2026/6/13 13:52:28

Redis的正确打开方式:Java程序员一定要了解!

Redis这玩意不用多说&#xff0c;Java后端打工人就没有没接触过的&#xff0c;现在出去面试基本上是必问项&#xff1b;而且在工作中在项目中还能起很大的作用。它不仅能减少数据库的操作、并且你还可以利用redis的一些数据结构如set sorted set 解决一些特定的问题、利用单线程…

作者头像 李华
网站建设 2026/6/12 12:42:17

Java CheckFailedException会去获取message.properties的内容吗

CheckFailedException是 Java 中一个自定义异常类&#xff0c;通常不会自动获取​ message.properties文件的内容&#xff0c;除非在代码中显式实现了国际化消息加载。常见的实现方式&#xff1a;1. 手动加载资源文件public class CheckFailedException extends RuntimeExcepti…

作者头像 李华
网站建设 2026/6/15 17:54:25

基于微信小程序的家乡特产销售平台系统毕设源码+文档+讲解视频

前言 随着乡村振兴战略推进与数字电商蓬勃发展&#xff0c;家乡特产的线上销售成为拓宽农产品流通渠道、助力农户增收的重要路径。当前家乡特产销售普遍存在渠道单一、品牌曝光不足、供需信息不对称、交易流程繁琐等问题&#xff0c;难以适配消费者便捷购物需求与农户数字化销售…

作者头像 李华
网站建设 2026/6/14 4:55:27

【Dify触发器兼容性终极指南】:破解跨平台集成难题的5大核心策略

第一章&#xff1a;Dify触发器兼容性核心挑战在现代低代码与AI集成平台中&#xff0c;Dify作为连接AI模型与业务逻辑的关键组件&#xff0c;其触发器机制承担着事件驱动架构中的核心职责。然而&#xff0c;在多系统异构环境下&#xff0c;Dify触发器的兼容性面临多重挑战&#…

作者头像 李华