快速搞定Spring Boot+Vue全棧開發

目  錄

 

 

第1章  Spring Boot入門 1

1.1　Web應用開發概述 1

1.1.1  什麽是Web應用 1

1.1.2  B/S架構與C/S架構 3

1.1.3  B/S架構的工作原理 4

1.1.4  HTTP協議 5

1.2　Spring Boot概述 6

1.3　搭建Spring Boot開發環境 9

1.3.1  安裝Java 17 9

1.3.2  安裝配置Maven 13

1.3.3  IDEA開發工具 14

1.4　開發第一個Spring Boot應用

程序 20

1.4.1  創建Spring Boot項目 20

1.4.2  Spring Boot項目目錄結構 23

1.4.3  項目啟動過程 23

1.5　Spring Boot系統配置 26

1.5.1  配置文件 26

1.5.2  自定義屬性配置 28

第2章  Spring Boot Web應用開發 33

2.1　MVC架構應用 33

2.1.1  spring-boot-starter-web 33

2.1.2  Spring MVC 34

2.1.3  開發基本的Web應用 36

2.1.4  控制器註解 38

2.2　請求與響應 39

2.2.1  請求映射 39

2.2.2  參數綁定 42

2.2.3  JSON響應 46

2.2.4  ResponseEntity 49

2.3　構建RESTful服務 50

2.3.1  RESTful服務概述 50

2.3.2  RESTful設計原則 51

2.3.3  Spring Boot實現RESTful API 52

2.3.4  在業務層使用HTTP狀態碼的

討論 53

2.3.5  使用SpringDoc生成API文檔 54

2.4　文件上傳與下載 56

2.4.1  文件上傳原理 57

2.4.2  上傳與下載實現 57

2.4.3  靜態資源訪問 62

2.5　數據驗證與異常處理 65

2.5.1  全局異常處理 65

2.5.2  數據驗證 67

2.5.3  攔截器 70

2.6　案例：在線影評平臺 72

2.6.1  案例概述 72

2.6.2  定義數據模型 73

2.6.3  創建RESTful控制器 75

2.6.4  實現文件上傳功能 76

2.6.5  數據驗證 79

2.6.6  全局異常處理 81

第3章  數據庫集成和持久化 84

3.1　MySQL數據庫安裝配置 84

3.1.1  安裝配置 84

3.1.2  數據庫管理工具 87

3.2　MyBatis基本使用 89

3.2.1  數據持久化與ORM 89

3.2.2  Spring Boot集成MyBatis框架 90

3.2.3  註解方式操作數據庫 95

3.2.4  註解方式多表查詢 100

3.2.5  XML方式操作數據庫 104

3.2.6  XML方式多表查詢 109

3.3　MyBatis-Plus基本使用 111

3.3.1  配置與使用 112

3.3.2  核心功能 115

3.3.3  分頁插件 122

3.3.4  代碼生成器 124

3.4　案例：在線零售管理系統 129

3.4.1  案例概述 129

3.4.2  數據庫設計 129

3.4.3  數據訪問層（DAO） 131

3.4.4  服務層開發 132

3.4.5  控制器層實現 134

第4章  Vue入門 137

4.1　Vue 3概述 137

4.1.1  Vue.js簡介 137

4.1.2  MVVM 138

4.1.3  開發環境 139

4.1.4  第一個Vue程序 140

4.2　熟悉ECMAScript6語法 143

4.2.1  let和const 143

4.2.2  箭頭函數 144

4.2.3  模板字符串 145

4.2.4  解構賦值 146

4.2.5  擴展運算符和剩餘參數 147

4.2.6  Promises和異步編程 148

4.2.7  模塊導入與導出 150

4.3　Vue基礎語法 151

4.3.1  模板語法 151

4.3.2  理解響應式 154

4.3.3  計算屬性 157

4.3.4  類與樣式綁定 159

4.3.5  條件渲染與列表渲染 163

4.3.6  事件處理 166

4.3.7  雙向綁定 170

4.3.8  監聽器 174

4.4　組件基礎 175

4.4.1  組件概念 175

4.4.2  組件使用 177

4.4.3  單文件組件 179

4.5　案例：待辦事項管理應用 180

4.5.1  案例概述 180

4.5.2  構建用戶界面 181

4.5.3  核心功能開發 182

第5章  Vue應用規模化 184

5.1　前端工程化 184

5.1.1  前端工程化與構建工具 184

5.1.2  構建工具與環境設置 185

5.1.3  Vite構建工具 188

5.1.4  Vite項目結構 190

5.2　組件化開發 193

5.2.1  組件註冊 193

5.2.2  數據傳遞 196

5.2.3  事件 199

5.2.4  插槽 201

5.2.5  生命周期 205

5.3　第三方組件 206

5.3.1  常用的第三方組件 206

5.3.2  Element Plus安裝與使用 207

5.3.3  Element Plus的常用組件 208

5.4　路由Vue Router 213

5.4.1  前端路由的概念 213

5.4.2  Vue Router基本使用 214

5.4.3  路由參數和查詢字符串 216

5.4.4  嵌套路由 219

5.4.5  編程式導航 220

5.4.6  路由守衛和導航保護 221

5.5　狀態管理和Pinia庫 224

5.5.1  狀態管理簡介 224

5.5.2  Pinia基本使用 225

5.5.3  創建和使用store 227

5.5.4  模塊化 229

5.6　案例：在線購物商城 231

5.6.1  案例概述 231

5.6.2  項目基本結構和配置 231

5.6.3  主界面搭建 233

5.6.4  產品展示頁面 235

5.6.5  產品詳情頁面 238

5.6.6  購物車頁面 240

第6章  前後端通信 243

6.1　axios 243

6.1.1  axios簡介 243

6.1.2  安裝與使用 244

6.1.3  請求體編碼 250

6.1.4  Multipart請求 251

6.1.5  Vue全局配置 253

6.2　跨域 255

6.2.1  理解跨域 255

6.2.2  跨域請求的分類 256

6.2.3  Spring Boot的跨域支持 257

6.2.4  Vue中的代理配置 259

6.3　用戶身份認證 261

6.3.1  身份認證簡介 261

6.3.2  JWT 263

6.3.3  實現基於令牌的認證 265

6.4　案例：用戶管理系統 272

6.4.1  案例概述 272

6.4.2  用戶表設計 273

6.4.3  數據訪問層實現 274

6.4.4  服務層實現 274

6.4.5  控制器實現 277

6.4.6  跨域及攔截器設置 279

6.4.7  前端頁面設計及路由配置 281

6.4.8  登錄與註冊 283

6.4.9  個人信息修改 288

6.4.10  管理員頁面 291

第7章  測試與部署 293

7.1　軟件測試概述 293

7.1.1  基本概念 293

7.1.2  測試的分類及工具 294

7.2　Spring Boot應用測試 295

7.2.1  控制層單元測試 296

7.2.2  服務層測試 298

7.2.3  數據訪問層測試 300

7.2.4  集成測試 301

7.3　Vue應用測試 303

7.3.1  使用Jest 303

7.3.2  使用Vitest 306

7.4　Spring Boot應用部署 308

7.4.1  使用Maven構建應用 308

7.4.2  應用部署 310

7.4.3  獲取運行日誌 314

7.5　Vue 3應用部署 315

7.5.1  使用vite構建應用 315

7.5.2  與後端服務集成 316

第8章  綜合案例 318

8.1　項目概述 318

8.1.1  項目簡介 318

8.1.2  系統功能描述 319

8.1.3  界面設計 320

8.1.4  數據庫設計 323

8.1.5  項目結構與依賴 326

8.2　後端單元模塊設計 329

8.2.1  數據訪問層設計 329

8.2.2  業務邏輯層設計 332

8.2.3  控制層設計 336

8.3　用戶管理模塊實現 340

8.3.1  控制層 341

8.3.2  服務層 341

8.3.3  頁面 342

8.4　班級管理模塊實現 344

8.5　考試管理模塊實現 347

8.6　考試過程模塊實現 349

8.7　成績管理模塊實現 351

8.8　通知管理模塊實現 354