Vue+Spring Boot前后端分離開發(fā)實(shí)戰(zhàn)

目錄




Vue篇

第1章大前端時代

1.1網(wǎng)頁設(shè)計發(fā)展歷史

1.1.1傳統(tǒng)網(wǎng)頁開發(fā)

1.1.2新前端網(wǎng)頁開發(fā)

1.2MVVM風(fēng)格架構(gòu)

1.2.1為什么會出現(xiàn)MVVM

1.2.2MVVM架構(gòu)的最佳實(shí)踐

1.2.3MVC、MVP和MVVM開發(fā)模式比較

第2章認(rèn)識Vue.js

2.1Vue簡述

2.1.1什么是Vue

2.1.2為什么選擇Vue

2.2Vue的三種安裝方式

2.3Vue開發(fā)工具

2.4第一個Vue程序

第3章Vue基礎(chǔ)語法

3.1模板語法

3.1.1插值

3.1.2指令

3.1.3過濾器

3.2實(shí)例及選項(xiàng)

3.2.1數(shù)據(jù)選項(xiàng)

3.2.2屬性選項(xiàng)

3.2.3方法選項(xiàng)

3.2.4計算屬性

3.2.5表單控件

3.2.6生命周期

3.3模板渲染

3.3.1條件渲染

3.3.2列表渲染

3.3.3template標(biāo)簽用法

3.4事件綁定

3.4.1基本用法

3.4.2修飾符

3.5基礎(chǔ)demo案例

3.5.1列表渲染

3.5.2功能實(shí)現(xiàn)

第4章自定義指令

4.1指令的注冊

4.2指令的定義對象

4.3指令實(shí)例屬性

4.4案例

4.4.1下拉菜單

4.4.2相對時間轉(zhuǎn)換

第5章組件

5.1什么是組件

5.2組件的基本使用

5.2.1全局注冊

5.2.2局部注冊

5.2.3DOM模板解析說明

5.3組件選項(xiàng)

5.3.1組件props

5.3.2props驗(yàn)證

5.3.3單向數(shù)據(jù)流

5.4組件通信

5.4.1自定義事件

5.4.2$emit/$on

5.5內(nèi)容分發(fā)

5.5.1基礎(chǔ)用法

5.5.2編譯作用域

5.5.3默認(rèn)slot

5.5.4具名slot

5.5.5作用域插槽

5.6動態(tài)組件

5.6.1基本用法

5.6.2keepalive

5.6.3activated鉤子函數(shù)

5.6.4異步組件

5.6.5ref和$refs

5.7綜合案例

第6章過渡與動畫

6.1元素/組件過渡

6.2使用過渡類實(shí)現(xiàn)動畫

6.2.1CSS過渡

6.2.2CSS 動畫

6.2.3自定義過渡的類名

6.2.4CSS過渡鉤子函數(shù)

第7章前端工程化

7.1Vuecli

7.1.1Node.js

7.1.2NPM

7.1.3基本使用

7.2項(xiàng)目打包與發(fā)布

7.2.1使用靜態(tài)服務(wù)器工具包發(fā)布打包

7.2.2使用動態(tài)Web服務(wù)器(Tomcat)發(fā)布打包

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跳轉(zhuǎn)

8.2.3路由嵌套

8.2.4路由參數(shù)傳遞

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章實(shí)戰(zhàn)： 百度音樂項(xiàng)目（160min）

9.1音樂列表

9.1.1跨域配置

9.1.2音樂列表導(dǎo)航欄

9.2歌手信息

9.3歌曲播放

9.4輪播圖

9.5搜索實(shí)現(xiàn)

Spring Boot篇

第10章進(jìn)入Spring Boot世界

10.1Spring Boot簡介

10.2Spring Boot環(huán)境準(zhǔn)備

10.2.1JDK環(huán)境

10.2.2開發(fā)工具IDEA

10.2.3安裝與配置Maven

10.3Spring Boot的三種創(chuàng)建方式

10.3.1在線創(chuàng)建

10.3.2通過 Maven創(chuàng)建

10.3.3使用Spring Initializer快速創(chuàng)建

10.4Spring Boot 項(xiàng)目結(jié)構(gòu)介紹

10.4.1目錄結(jié)構(gòu)

10.4.2啟動類

10.4.3POM 文件

10.4.4配置文件

10.5Spring Boot在Controller中的常用注解

第11章Spring Boot整合Web開發(fā)

11.1Spring Boot訪問靜態(tài)資源

11.2整合Thymeleaf

11.2.1Thymeleaf使用

11.2.2語法規(guī)則

11.3Spring Boot返回JSON數(shù)據(jù)

11.3.1常用數(shù)據(jù)類型轉(zhuǎn)為 JSON 格式

11.3.2Jackson中對null的處理

11.3.3封裝統(tǒng)一返回的數(shù)據(jù)結(jié)構(gòu)

11.4Spring Boot中的異常處理

11.4.1自定義異常錯誤頁面

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

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

11.4.4配置 SimpleMappingExceptionResolver 類處理異常

11.4.5實(shí)現(xiàn) HandlerExceptionResolver 接口處理異常

11.4.6一勞永逸

11.5配置嵌入式Servlet容器

11.5.1如何定制和修改Servlet容器的相關(guān)配置

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

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

11.6在Spring Boot中使用攔截器

第12章應(yīng)用開發(fā)

12.1文件上傳與下載

12.1.1單文件上傳

12.1.2多文件上傳

12.1.3文件下載

12.2定時器

12.2.1Task

12.2.2Quartz

12.3Spring Boot發(fā)送Email

12.3.1發(fā)送郵件需要的配置

12.3.2使用Spring Boot發(fā)送郵件

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

13.1devtools熱部署

13.1.1熱部署原理

13.1.2devtools應(yīng)用

13.2Postman工具

13.2.1Postman介紹

13.2.2Postman下載安裝

13.2.3Spring Boot基于Postman的RESTful接口調(diào)用

第14章Spring Boot整合數(shù)據(jù)庫

14.1非關(guān)系數(shù)據(jù)庫和關(guān)系數(shù)據(jù)庫的區(qū)別

14.2整合Redis緩沖

14.2.1Redis簡介

14.2.2Redis的安裝

14.2.3Redis 數(shù)據(jù)庫操作

14.2.4Spring Boot整合Redis

14.2.5Redis緩沖在Spring Boot項(xiàng)目中的應(yīng)用

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整合持久層技術(shù)

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 風(fēng)格

第16章Spring Boot安全框架

16.1認(rèn)識Spring Security

16.1.1入門項(xiàng)目

16.1.2角色訪問控制

16.2基于數(shù)據(jù)庫的認(rèn)證

16.2.1Spring Security基于數(shù)據(jù)庫認(rèn)證

16.2.2角色訪問控制

16.2.3密碼加密保存

16.2.4用戶角色多對多關(guān)系

16.2.5角色繼承

第17章項(xiàng)目構(gòu)建與部署

17.1Jar部署

17.2War部署

第18章部門管理系統(tǒng)（170min）

18.1技術(shù)分析

18.2項(xiàng)目構(gòu)建

18.2.1前端項(xiàng)目搭建

18.2.2后端項(xiàng)目搭建

18.2.3數(shù)據(jù)庫設(shè)計

18.3查詢數(shù)據(jù)

18.3.1后端實(shí)現(xiàn)

18.3.2前端實(shí)現(xiàn)

18.4加載菜單

18.4.1引入ElementUI

18.4.2菜單

18.5帶分頁數(shù)據(jù)查詢

18.5.1后端接口實(shí)現(xiàn)

18.5.2前端實(shí)現(xiàn)

18.6部門員工信息的錄入

18.6.1后端接口實(shí)現(xiàn)

18.6.2前端實(shí)現(xiàn)

18.7部門數(shù)據(jù)編輯

18.7.1后端接口實(shí)現(xiàn)

18.7.2前端實(shí)現(xiàn)

18.8部門數(shù)據(jù)刪除

18.8.1后端接口實(shí)現(xiàn)

18.8.2前端實(shí)現(xiàn)