Java 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项目打包和部署