本书以Spring Boot 2和Vue 3框架开发的RealWorld博客项目为主线，采用前后端分离设计模式，前端选择流行的Vue 3框架进行开发，加深学生对前端技术栈的理解；后端选择Spring Boot 2进行开发，重点聚焦后端架构设计、数据库设计、API接口设计等。本书分为四部分，共20章，第一部分是RealWorld项目简介与设计；第二部分介绍用Vue 3实现RealWorld 项目的前端，主要内容包括组合式API及响应式数据、项目前端开发准备、前端路由、链接组件、调用后端接口、全局状态管理、文章与个人中心、使用组合式函数、三级组件；第三部分介绍用Spring Boot实现RealWorld项目后端，主要包括项目后端功能概览，搭建Spring Boot后端开发环境，统一异常封装，Spring Security在项目中的应用，用户及认证，用户及关注，标签、文章及评论；第四部分介绍RealWorld项目打包和部署，主要包括跨域、打包和部署。项目各章节相互关联，通过不断迭代完成RealWorld博客项目，让读者充分了解该技术在实际项目开发中的应用。
本书主要面向大中专院校具有Java基础或JavaScript基础的学生、以Java和Vue技术就业的软件开发求职者、具有Spring Boot基础的Java开发求职者、具有Vue基础的软件Web前端开发求职者。

前言
第一部分 RealWorld项目简介与设计
第1章 RealWorld项目简介
1.1 RealWorld项目说明
1.2 RealWorld项目对于前端学习者的意义
1.3 RealWorld项目对于后端学习者的意义
第2章 RealWorld项目设计
任务1 RealWorld项目架构
2.1.1 前端Vue 3架构及生态
2.1.2 后端Spring Boot 2架构及生态
2.1.3 前后端分离架构流程
任务2 RealWorld项目前端设计
2.2.1 了解前端功能
2.2.2 前端UI
任务3 RealWorld项目后端设计
2.3.1 后端接口概览
2.3.2 RESTful
2.3.3 RESTful与CRUD
2.3.4 数据库设计
第二部分 用Vue 3实现RealWorld项目的前端
第3章 组合式API及响应式数据
任务1 了解组合式API
3.1.1 使用setup函数
3.1.2 使用(script setup
3.1.3 引入TypeScript
任务2 用reactive设置响应式数据
3.2.1 响应式
3.2.2 Vue 3的响应式原理
3.2.3 Vue 3的响应式API
3.2.4 reactive函数的原理及注意事项
3.2.5 reactive的使用案例
任务3 用ref设置响应式数据
3.3.1 ref的原理及注意事项
3.3.2 ref的使用案例
任务4 toRef函数与toRefs函数
3.4.1 toRef函数的使用场景
3.4.2 toRefs函数的使用场景
任务5 computed与计算属性
3.5.1 计算属性的基本概念
3.5.2 计算属性的使用案例
第4章 项目前端开发准备
任务1 创建Vue 3+Vite单页应用
4.1.1 单页应用
4.1.2 Vue 3对单页应用开发的支持
4.1.3 安装Node.js
4.1.4 创建单页应用
4.1.5 运行单页应用
任务2 实现RealWorld应用基本布局
4.2.1 页面布局分析
4.2.2 页面布局实现
任务3 组件化开发之普通组件
4.3.1 新建AppFooter组件
4.3.2 新建AppNavigation组件
4.3.3 组装组件
第5章 前端路由
任务1 认识前端路由
……
第三部分 用Spring Boot实现RealWorld项目后端
第四部分 RealWorld项目打包和部署