Vue+Spring Boot前後端分離開發實戰（簡體書）

本書以實戰項目為主線，以理論基礎為核心，引導讀者漸進式學習Vue+Spring Boot。Vue可以驅動採用單文件組件和Vue生態系統支持的庫來開發複雜的單頁面應用，Spring Boot框架是目前微服務框架的最佳選擇之一。利用Spring Boot+Vue 的完美結合，能夠讓我們在開發前後端分離項目時得心應手，從而快速開發大型SPA應用。

本書共18章，分為Vue篇和Spring Boot篇。Vue篇（第1~9章）詳細講述Vue框架的技術知識點，以及純前端打造的項目，從Vue框架基本語法的使用，逐步深入到Vue實戰項目的運用；Spring Boot篇（第10~18章）從零起步，系統深入地剖析Spring Boot的核心知識點及Spring Boot整合的眾多流行技術。本書示例代碼豐富，實際性和系統性較強，並配有視頻講解，助力讀者透徹理解書中的重點、難點。

本書既適合初學者入門，精心設計的案例對於工作多年的開發者也有參考價值，並可作為高等院校和培訓機構相關專業的教學參考書。

賈志杰，資深全棧架構師，精通 Java、C、Python、Web前端、Scale等多種開發語言，對Spring Boot、Spring Cloud等微服務架構頗有研究。曾參與移動警務應用管理系統、重點場所視頻檢索分析系統、客流測定與模擬推演系統，以及中國銀行全球托管系統、數字圖書管理系統、交通銀行項目等的設計與開發。

前言

不同終端的興起，對開發人員的要求越來越高，純瀏覽器端的響應式頁面已經不能滿足用戶體驗的要求，需要針對不同的終端開發不同的定制版本； 為了提升開發效率，前後端分離的需求越來越被重視，前端主要負責頁面的展現和交互邏輯； 後端主要負責業務和數據對接，我們可以定制開發多個版本。

本書共分為18章，各章主要內容如下：

第1章介紹前端的歷史，以及前端如何從靜態頁面過渡到如今的單頁面應用及MVVM架構風格。

第2章主要介紹Vue是什麼，以及Vue引入網頁的方式、開發工具等。

第3章講解Vue的基礎語法。

第4章講解Vue除了允許核心功能默認內置的指令(vmodel和vshow)，也允許注冊自定義指令。

第5章深入講述屬性、事件和插槽這3個Vue基礎概念、使用方法及其容易被忽略的一些重要細節。組件可以擴展 HTML 元素，封裝可重用的代碼。

第6章介紹Vue過渡和動畫在恰當的時機添加或刪除CSS 類名。

第7章介紹Vue工程化，在腳手架工具的基礎上進行二次開發，為項目的開發提供了很好的底層內容。

第8章主要講解Vuerouter客戶端路由，使用它處理客戶端請求路徑、代碼執行和數據展示等問題。Axios是一個基於 promise 的 HTTP 庫，在Vue中Axios是比較常用的網絡請求方法。Vuex狀態管理能夠在一個集中的空間處理應用狀態。

第9章通過移動端百度音樂實戰項目讓讀者提前體驗前後端分離的魅力。

第10章講解Spring Boot開發環境、IDEA構建Spring Boot項目及Spring Boot目錄結構等。

第11章介紹Thymeleaf模板引擎，以及Spring Boot異常的處理等。

第12章介紹在實際項目中的應用開發，如文件上傳與下載、定時器及Email的發送。

第13章講述Spring Boot的熱部署和Postman工具。

第14章深入介紹Spring Boot集成關係數據庫和非關係數據庫，以及開發應用。

第15章介紹Spring Boot整合持久層技術，並進行應用開發。

第16章介紹Spring Security的基礎知識，Spring Boot如何集成Spring Security，利用Spring Security實現數據庫數據認證授權。

第17章介紹Spring Boot項目的打包和部署。

第18章為部門管理系統實戰，通過實戰項目對本書知識點進行應用和總結。

本書特色

企業通常要求程序員既要有實戰技能，也要內功扎實，對於新項目可以快速上手，熟悉底層原理後還應後勁十足，因此在筆試和面試時結合底層知識、實戰應用、設計思維三方面進行考查。針對這3個方面的需求，我編寫了本書。本書有三大特點。

第一，注重實戰應用。本書精心設計的案例對於工作多年的人也具有很高的參考價值； 書中引入了兩個項目，讓讀者體驗“編程之美”和“編程之樂”。

第二，理論講解豐富。深入淺出，環環相扣，讓讀者更容易理解。

第三，設計者思維植入。本書可以讓讀者從知其然進化到知其所以然。一名優秀的程序員不僅要有良好的編碼能力，還要有對整個項目的設計思想和把控能力，為以後的發展鋪下“高速公路”。

在實戰情景中學習，學完即知如何快速應用到實際工作中。

讀者定位

本書系統講述基礎知識和實戰項目，適合Vue初學者、前端工程師、前後端分離愛好者，以及Java語言開發人員、Spring Boot開發人員等閱讀，希望此書能給大家帶來實用價值。

源代碼和教學視頻下載

本書源代碼請掃描下方二維碼下載。掃描書中二維碼可觀看本書配套視頻講解。

本書源代碼

由於編者水平有限，書中難免存在疏漏，敬請讀者批評指正。

賈志杰

2021年1月

目錄

Vue篇

第1章大前端時代

1.1網頁設計發展歷史

1.1.1傳統網頁開發

1.1.2新前端網頁開發

1.2MVVM風格架構

1.2.1為什麼會出現MVVM

1.2.2MVVM架構的最佳實踐

1.2.3MVC、MVP和MVVM開發模式比較

第2章認識Vue.js

2.1Vue簡述

2.1.1什麼是Vue

2.1.2為什麼選擇Vue

2.2Vue的三種安裝方式

2.3Vue開發工具

2.4第一個Vue程序

第3章Vue基礎語法

3.1模板語法

3.1.1插值

3.1.2指令

3.1.3過濾器

3.2實例及選項

3.2.1數據選項

3.2.2屬性選項

3.2.3方法選項

3.2.4計算屬性

3.2.5表單控件

3.2.6生命周期

3.3模板渲染

3.3.1條件渲染

3.3.2列表渲染

3.3.3template標簽用法

3.4事件綁定

3.4.1基本用法

3.4.2修飾符

3.5基礎demo案例

3.5.1列表渲染

3.5.2功能實現

第4章自定義指令

4.1指令的注冊

4.2指令的定義物件

4.3指令實例屬性

4.4案例

4.4.1下拉菜單

4.4.2相對時間轉換

第5章組件

5.1什麼是組件

5.2組件的基本使用

5.2.1全局注冊

5.2.2局部注冊

5.2.3DOM模板解析說明

5.3組件選項

5.3.1組件props

5.3.2props驗證

5.3.3單向數據流

5.4組件通信

5.4.1自定義事件

5.4.2$emit/$on

5.5內容分發

5.5.1基礎用法

5.5.2編譯作用域

5.5.3默認slot

5.5.4具名slot

5.5.5作用域插槽

5.6動態組件

5.6.1基本用法

5.6.2keepalive

5.6.3activated鉤子函數

5.6.4異步組件

5.6.5ref和$refs

5.7綜合案例

第6章過渡與動畫

6.1元素/組件過渡

6.2使用過渡類實現動畫

6.2.1CSS過渡

6.2.2CSS 動畫

6.2.3自定義過渡的類名

6.2.4CSS過渡鉤子函數

第7章前端工程化

7.1Vuecli

7.1.1Node.js

7.1.2NPM

7.1.3基本使用

7.2項目打包與發布

7.2.1使用靜態服務器工具包發布打包

7.2.2使用動態Web服務器(Tomcat)發布打包

7.3Vuedevtools

7.3.1Vuedevtools的安裝

7.3.2Vuedevtools使用

第8章UI組件庫和常用插件

8.1Elementui

8.2Vuerouter

8.2.1基本用法

8.2.2跳轉

8.2.3路由嵌套

8.2.4路由參數傳遞

8.3Axios

8.3.1基本使用

8.3.2jsonserver的安裝及使用

8.3.3跨域處理

8.3.4Vue中Axios的封裝

8.4Vuex

8.4.1初識Vuex

8.4.2基本用法

8.4.3模塊組

第9章實戰： 百度音樂項目（160min）

9.1音樂列表

9.1.1跨域配置

9.1.2音樂列表導航欄

9.2歌手信息

9.3歌曲播放

9.4輪播圖

9.5搜索實現

Spring Boot篇

第10章進入Spring Boot世界

10.1Spring Boot簡介

10.2Spring Boot環境準備

10.2.1JDK環境

10.2.2開發工具IDEA

10.2.3安裝與配置Maven

10.3Spring Boot的三種創建方式

10.3.1在線創建

10.3.2通過 Maven創建

10.3.3使用Spring Initializer快速創建

10.4Spring Boot 項目結構介紹

10.4.1目錄結構

10.4.2啟動類

10.4.3POM 文件

10.4.4配置文件

10.5Spring Boot在Controller中的常用注解

第11章Spring Boot整合Web開發

11.1Spring Boot訪問靜態資源

11.2整合Thymeleaf

11.2.1Thymeleaf使用

11.2.2語法規則

11.3Spring Boot返回JSON數據

11.3.1常用數據類型轉為 JSON 格式

11.3.2Jackson中對null的處理

11.3.3封裝統一返回的數據結構

11.4Spring Boot中的異常處理

11.4.1自定義異常錯誤頁面

11.4.2使用@ExceptionHandler注解處理局部異常

11.4.3使用 @ControllerAdvice 注解處理全局異常

11.4.4配置 SimpleMappingExceptionResolver 類處理異常

11.4.5實現 HandlerExceptionResolver 接口處理異常

11.4.6一勞永逸

11.5配置嵌入式Servlet容器

11.5.1如何定制和修改Servlet容器的相關配置

11.5.2注冊Servlet三大組件——Servlet、Filter、Listener

11.5.3替換為其他嵌入式Servlet容器

11.6在Spring Boot中使用攔截器

第12章應用開發

12.1文件上傳與下載

12.1.1單文件上傳

12.1.2多文件上傳

12.1.3文件下載

12.2定時器

12.2.1Task

12.2.2Quartz

12.3Spring Boot發送Email

12.3.1發送郵件需要的配置

12.3.2使用Spring Boot發送郵件

第13章Spring Boot 熱部署和Postman工具

13.1devtools熱部署

13.1.1熱部署原理

13.1.2devtools應用

13.2Postman工具

13.2.1Postman介紹

13.2.2Postman下載安裝

13.2.3Spring Boot基於Postman的RESTful接口調用

第14章Spring Boot整合數據庫

14.1非關係數據庫和關係數據庫的區別

14.2整合Redis緩衝

14.2.1Redis簡介

14.2.2Redis的安裝

14.2.3Redis 數據庫操作

14.2.4Spring Boot整合Redis

14.2.5Redis緩衝在Spring Boot項目中的應用

14.3整合MongoDB

14.3.1MongoDB簡介

14.3.2MongoDB 安裝

14.3.3常用命令

14.3.4Spring Boot整合MongoDB

14.4整合MySQL

14.4.1MySQL簡介

14.4.2Spring Boot整合MySQL

第15章Spring Boot整合持久層技術

15.1整合JdbcTemplate

15.2整合MyBatis

15.2.1MyBatis簡介

15.2.2Spring Boot整合MyBatis

15.3Spring Data JPA

15.3.1JPA、Spring Data、Spring Data JPA的故事

15.3.2整合Spring Data JPA

15.3.3CORS跨域配置

15.4RESTful 風格

第16章Spring Boot安全框架

16.1認識Spring Security

16.1.1入門項目

16.1.2角色訪問控制

16.2基於數據庫的認證

16.2.1Spring Security基於數據庫認證

16.2.2角色訪問控制

16.2.3密碼加密保存

16.2.4用戶角色多對多關係

16.2.5角色繼承

第17章項目構建與部署

17.1Jar部署

17.2War部署

第18章部門管理系統（170min）

18.1技術分析

18.2項目構建

18.2.1前端項目搭建

18.2.2後端項目搭建

18.2.3數據庫設計

18.3查詢數據

18.3.1後端實現

18.3.2前端實現

18.4加載菜單

18.4.1引入ElementUI

18.4.2菜單

18.5帶分頁數據查詢

18.5.1後端接口實現

18.5.2前端實現

18.6部門員工信息的錄入

18.6.1後端接口實現

18.6.2前端實現

18.7部門數據編輯

18.7.1後端接口實現

18.7.2前端實現

18.8部門數據刪除

18.8.1後端接口實現

18.8.2前端實現