jQuery + Vue.js + Spring Boot 貫穿式項目實戰 (微課視頻版)

 

 

 

目錄

 

第1章Java Web開發基礎

 

1．1Java Web概述

 

1．2C/S與B/S模式

 

1．3搭建開發環境

 

1．3．1安裝Java SE JDK

 

1．3．2安裝Apache Tomcat

 

1．3．3安裝PostgreSQL數據庫

 

1．3．4使用IntelliJ IDEA

 

1．4創建Maven Web站點

 

1．4．1Maven簡介

 

1．4．2修改資源倉庫的鏡像地址

 

1．4．3創建Maven WebApp站點項目

 

1．4．4修改項目編譯版本

 

1．5場景任務挑戰——配置自己的站點

 

第2章HTML基礎

 

2．1HTML簡介

 

2．2HTML文檔基本結構

 

2．3頭部和主體標簽

 

2．3．1頭部標簽head

 

2．3．2主體標簽body

 

2．4其他常用標簽

 

2．4．1鏈接分段與換行

 

2．4．2表格和列表

 

2．4．3層標簽和組合標簽

 

2．4．4圖像和媒體

 

2．4．5對話框

 

2．4．6表單及表單元素

 

2．4．7模板

 

2．4．8內聯框架

 

2．5事件

 

2．6場景應用示例——顯示字符映射表圖標

 

2．6．1應用需求

 

2．6．2實現思路

 

2．6．3具體實現

 

2．7場景任務挑戰——註冊與疊加的層

 

 

 

 

 

 

 

第3章CSS（層疊樣式表）

 

3．1CSS簡介

 

3．2CSS基礎

 

3．2．1CSS基本格式

 

3．2．2應用方式

 

3．3CSS樣式設置

 

3．3．1文本

 

3．3．2背景

 

3．3．3邊框和邊距

 

3．3．4定位溢出和浮動

 

3．3．5偽類和偽元素

 

3．3．6多列

 

3．3．7動畫

 

3．4場景應用示例——功能導航條

 

3．4．1應用需求

 

3．4．2實現思路

 

3．4．3CSS代碼

 

3．5場景任務挑戰——導航菜單

 

第4章JavaScript腳本語言

 

4．1JavaScript簡介

 

4．2JavaScript的使用

 

4．2．1頁面直接使用

 

4．2．2使用腳本文件

 

4．3變量和常量

 

4．3．1使用var和let聲明變量

 

4．3．2使用const聲明常量

 

4．4基本數據類型

 

4．5函數

 

4．5．1使用function定義函數

 

4．5．2使用箭頭函數

 

4．6數組

 

4．7對象

 

4．7．1對象概述

 

4．7．2當前對象this

 

4．7．3窗口對象Window

 

4．7．4文檔對象Document

 

4．7．5事件狀態Event

 

4．7．6頁面定位Location

 

4．7．7樣式處理Style

 

4．7．8對象包裝器Object

 

4．8異步操作Promise

 

4．8．1Promise對象

 

4．8．2async和await

 

4．9控制語句

 

4．9．1導入（import）和導出（export）

 

4．9．2條件判斷if...else

 

4．9．3多條件分支switch

 

4．9．4循環操作for

 

4．9．5do...while和while語句

 

4．9．6try...catch...finally語句

 

4．10表單數據FormData

 

4．10．1通過表單form創建

 

4．10．2用代碼生成FormData

 

4．10．3處理文件數據

 

4．11使用JSON

 

4．11．1JSON簡介

 

4．11．2JSON基本語法

 

4．11．3解析為JSON對象

 

4．11．4轉換為JSON字符串

 

4．12場景應用示例——動態增刪書目

 

4．12．1應用需求

 

4．12．2處理思路

 

4．12．3實現HTML頁面

 

4．12．4編寫JS腳本文件

 

4．13場景任務挑戰——勾選刪除

 

第5章JSP基礎

 

5．1JSP概述

 

5．1．1JSP簡介

 

5．1．2JSP基本頁面結構

 

5．1．3配置Tomcat依賴

 

5．2JSP基本語法

 

5．2．1程序段

 

5．2．2表達式

 

5．2．3JSP中的註釋

 

5．3JSP內置對象

 

5．3．1out

 

5．3．2request

 

5．3．3response

 

5．3．4session

 

5．3．5application

 

5．4使用Servlet

 

5．4．1Servlet簡介

 

5．4．2Servlet生命周期

 

5．4．3doGet()和doPost()方法

 

5．4．4加入Servlet依賴

 

5．4．5創建Servlet

 

5．5EL表達式語言

 

5．5．1EL概述

 

5．5．2加入JSTL依賴

 

5．5．3內置對象

 

5．5．4條件輸出

 

5．5．5循環輸出

 

5．6監聽器

 

5．6．1監聽器類型

 

5．6．2基於監聽器的在線用戶統計

 

5．7與數據庫交互

 

5．7．1創建users表並加入數據庫依賴

 

5．7．2數據庫連接

 

5．7．3JDBC應用

 

5．8場景應用示例

 

5．8．1文件上傳

 

5．8．2在頁面中顯示Excel表格 

 

5．8．3用PDF顯示古詩

 

5．9場景任務挑戰——有背景圖的PDF古詩

 

第6章MVC設計模式

 

6．1MVC概述

 

6．1．1傳統JSP開發模式

 

6．1．2MVC原理

 

6．1．3MVC的優缺點

 

6．2MVC實現過程

 

6．3場景應用示例——用戶註冊

 

6．3．1應用需求

 

6．3．2處理思路

 

6．3．3模型層

 

6．3．4控制器層

 

6．3．5視圖層

 

6．4場景任務挑戰——學生信息查詢

 

第7章數據庫連接池

 

7．1連接池概述

 

7．1．1連接池基本原理

 

7．1．2常見連接池產品

 

7．1．3Tomcat連接池示例

 

7．2HikariCP連接池

 

7．2．1HikariCP簡介

 

7．2．2加入HikariCP依賴

 

7．2．3配置HikariCP連接池

 

7．2．4查看HikariCP活動情況

 

7．3場景應用示例——優化HikariCP使用

 

7．3．1應用需求

 

7．3．2創建監聽器類AppService

 

7．3．3連接池的構建和關閉

 

7．3．4修改DBFactory類

 

7．4場景任務挑戰——動態配置HikariCP

 

第8章jQuery前端開發

 

8．1jQuery概述

 

8．1．1jQuery簡介

 

8．1．2jQuery的使用

 

8．1．3jQuery基礎語法

 

8．2jQuery選擇器

 

8．2．1元素選擇器

 

8．2．2屬性選擇器

 

8．2．3CSS選擇器

 

8．3jQuery操作

 

8．3．1元素操作

 

8．3．2屬性操作

 

8．3．3操作CSS類

 

8．3．4遍歷操作

 

8．3．5事件函數

 

8．4jQuery動畫

 

8．5與服務器交互

 

8．5．1用Jackson格式化數據

 

8．5．2$．ajax

 

8．5．3$．get和$．getJSON

 

8．5．4$．post

 

8．6場景應用示例

 

8．6．1下拉選擇框聯動

 

8．6．2學生信息查詢

 

8．7場景任務挑戰——動態增刪書目

 

第9章Spring Boot開發基礎

 

9．1RESTful概述

 

9．1．1REST簡介

 

9．1．2RESTful要義

 

9．1．3RESTful請求風格

 

9．2Spring Boot概述

 

9．2．1Spring Boot簡介

 

9．2．2創建Spring Web MVC項目

 

9．2．3Spring Boot入口類

 

9．2．4配置HikariCP連接池

 

9．2．5Spring Boot常用註解

 

9．2．6JpaRepository數據訪問

 

9．3Reactive響應式處理

 

9．3．1響應式概述

 

9．3．2Reactor基本原理

 

9．3．3Reactor核心包publisher

 

9．3．4單量MonoT

 

9．3．5通量FluxT

 

9．3．6並行ParallelFlux

 

9．3．7處理槽Sinks

 

9．3．8響應式R2dbcRepository

 

9．3．9啟用響應式R2DBC

 

9．3．10啟用分佈式內存網格

 

9．4Spring WebFlux

 

9．4．1Spring WebFlux簡介

 

9．4．2WebFlux應用的入口類

 

9．4．3配置WebFlux應用

 

9．4．4HandlerFilterFunction操作過濾

 

9．4．5HandlerFunction業務處理

 

9．4．6RouterFunction路由函數

 

9．4．7Multipart Data多域數據

 

9．5場景應用示例

 

9．5．1學生信息查詢

 

9．5．2基於JWT令牌實現分佈式登錄

 

9．6場景任務挑戰——模糊查詢

 

第10章Vue.js漸進式框架

 

10．1Vue概述

 

10．2Vue應用基礎

 

10．2．1創建Vue應用

 

10．2．2生命周期

 

10．2．3組合式函數setup()

 

10．2．4響應性函數

 

10．2．5解構

 

10．3基礎語法

 

10．3．1模板語法

 

10．3．2計算屬性和偵聽

 

10．3．3表單域的數據綁定

 

10．3．4組件對象的數據綁定

 

10．3．5事件綁定和觸發

 

10．3．6自定義元素defineCustomElement

 

10．3．7條件和列表渲染

 

10．4h()函數和渲染函數render()

 

10．5使用組件

 

10．5．1組件定義及動態化

 

10．5．2異步組件

 

10．6函數集

 

10．7使用Axios請求後端數據

 

10．7．1Axios簡介

 

10．7．2請求響應結構和錯誤處理

 

10．7．3發起請求

 

10．7．4配置攔截器

 

10．8場景應用示例

 

10．8．1動態增刪書目

 

10．8．2學生信息查詢

 

10．9場景任務挑戰——下拉選擇框聯動

 

第11章用圖形展示數據

 

11．1Web數據的圖形可視化

 

11．2Apache ECharts圖形前端

 

11．2．1Apache ECharts簡介

 

11．2．2下載與引用

 

11．2．3ECharts創建圖形的架構

 

11．3JFreeChart圖形後端

 

11．3．1JFreeChart簡介

 

11．3．2加入JFreeChart相關依賴

 

11．3．3JFreeChart應用基礎

 

11．4場景應用示例

 

11．4．1招生情況SVG餅圖(JFreeChart)

 

11．4．2招生情況面積圖(ECharts)

 

11．5場景任務挑戰——招生情況直方圖

 

第12章消息服務

 

12．1消息服務概述

 

12．1．1消息服務簡介

 

12．1．2消息服務模式

 

12．2用Apache Kafka作為消息服務器

 

12．2．1Apache Kafka簡介

 

12．2．2啟用Kafka服務器

 

12．2．3Kafka配置和管理

 

12．2．4KafkaTemplate模板

 

12．2．5生產者Producer和消費者Consumer

 

12．2．6Kafka響應式發送器和接收器

 

12．3整合WebSocket及SockJS

 

12．3．1在客戶端使用

 

12．3．2在服務端使用

 

12．3．3使用攔截器

 

12．3．4Spring WebFlux中的WebSocket

 

12．4場景應用示例——聊天室

 

12．4．1應用需求

 

12．4．2主頁

 

12．4．3登錄組件users．component．js

 

12．4．4登錄後端處理

 

12．4．5聊天組件chat．component．js

 

12．4．6實現JWT令牌驗證

 

12．4．7配置Kafka和WebSocket全局參數

 

12．4．8WebSocket配置類及攔截器

 

12．4．9創建聊天服務

 

12．5場景任務挑戰——學生、教師各自的聊天室

 

第13章教務輔助管理項目開發

 

13．1系統概述

 

13．2系統功能簡介

 

13．3系統技術選型

 

13．3．1前端組件化

 

13．3．2後端模塊化

 

13．4數據表設計

 

13．5系統實現

 

13．5．1創建Spring Reactive Web項目

 

13．5．2配置application．yml全局參數

 

13．5．3加入項目主要依賴

 

13．5．4引入JS支持文件

 

13．5．5使用聚合器管理組件

 

13．5．6應用入口程序

 

13．5．7WebFlux配置和路由配置

 

13．5．8身份驗證過濾組件

 

13．5．9主頁

 

13．5．10用戶登錄

 

13．5．11消息推送

 

13．5．12用戶註冊

 

13．5．13學院風採

 

13．5．14學生信息模糊查詢

 

13．5．15招生數據一覽

 

13．5．16資料上傳

 

13．5．17交流空間

 

13．6打包發布