課程大綱：

Vue + Spring Boot 全棧商城項目開發(fā)培訓

1 Vue 項目搭建

2 Vue 大型項目實戰(zhàn)

3 Vue 生命周期

4 Vuex 使用

5 Spring Boot 構建 RESTful API

6 Vue 基礎使用

7 Vue 指令

8 Less 使用

9 Vue-Router 路由

10 前后端分離商城開發(fā)

1
全棧開發(fā)！你必須要知道的“前后端分離”

1.為什么要前后端分離

2.前后端分離解決了哪些痛點

3.什么是前后端分離

4.前后端分離的注意事項

階段 2 Vue 知識基礎

2
Vue 指令及生命周期

1.Vue常用指令

2.Mixin混入

3.Vue生命周期函數(shù)

3
CSS 預處理工具 Less 的介紹及使用

1.Less介紹

2.Less的各個使用方法

3.Less小實例

4
Vue-Router 介紹及路由原理分析

1.了解VueRouter

2.路由模式

3.路由原理分析

4.路由的使用

5
全局狀態(tài)管理插件 Vuex 介紹及使用

1.Vuex是什么

2.Vuex解決了什么問題

3.VuexAPI介紹

4.Vuex實例

階段 3 Spring Boot

6
Spring Boot 項目開發(fā)環(huán)境

1.SpringBoot2版本更新介紹

2.本所選擇的SpringBoot22版本介紹

3.JDK8 4.Maven簡介

5.MySQL數(shù)據(jù)庫

6.SpringBoot目錄結構詳解

7.SpringBoot項目啟動

7
Spring Boot 整合 MyBatis

1.SpringBoot整合mybatisspringbootstarter

2.MyBatis配置

3.SpringBoot整合MyBatis進行增刪改查操作

8
Spring Boot 整合 Lombok

1.Lombok介紹

2.Lombok優(yōu)缺點講解

3.SpringBoot整合Lombok

4.Lombok插件安裝

9
Spring Boot 整合 Swagger

1.Swagger簡介

2.SpringBoot集成Swagger

3.Swagger接口測試

10
接口參數(shù)處理和統(tǒng)一響應結果

1.SpringBoot處理web請求的參數(shù)類型轉換

2.消息轉換器HttpMessageConverter

3.樓樓商城API中參數(shù)處理的實際案例

4.結果的統(tǒng)一響應

11
RESTful API 接口設計規(guī)范及接口調用實踐

1.RESTfulapi設計規(guī)范

2.AjaxRESTfulapi前后端交互實踐

階段 4 樓樓商城實戰(zhàn)準備

12
API 項目啟動及部署注意事項

1.樓樓商城API源碼下載及目錄結構講解

2.樓樓商城API項目啟動準備事項

3.樓樓商城API項目啟動及測試

13
?戶認證模塊

1.登錄功能介紹

2.樓樓商城登錄流程設計

3.樓樓商城用戶身份認證

14
前端 H5 開發(fā)環(huán)境搭建及項目啟動

1.VueCLI初始化項目

2.引入VantUI組件庫

3.二次封裝Axios請求庫

4.字體圖標的引入

階段 5 樓樓商城移動端開發(fā)實戰(zhàn)

15
底部導航制作

1.底部導航提取公共組件

2.iconfont添加導航欄字體圖標

3.根據(jù)不同路由來顯示隱藏底部菜單

4.公用頭部提取組件

5.接口提取以及接口文檔的介紹

16
商城登錄注冊頁

1.前端鑒權方式介紹

2.前端本地存儲方式

3.登錄注冊頁面制作

4.用戶中心「我的」頁面制作

17
商城首頁制作

1.首頁排版布局

2.首頁頂部搜索框

3.輪播圖

4.中部分類欄目

5.新品上線、熱門商品、新推薦

18
商品分類頁面制作

1.介紹betterscroll

2.betterscroll項目實踐

19
商品搜索列表頁

1.Vant之List列表組件

2.無限加載頁面布局

3.移動端上拉加載、下拉刷新

20
商品詳情頁

1.Vuex全局狀態(tài)管理

2.ES6語法學習

21
購物車頁面制作

1.computed的運用

2.Vant之CheckboxGroup、Checkbox組件

3.Vant之表單提交組件SubmitBar

22
生成訂單頁面制作

1.Vant地址組件的使用

2.訂單頁于地址頁之間的數(shù)據(jù)交互

3.地址欄列表

4.地址欄增刪改查

5.省市區(qū)三級聯(lián)動

23
我的訂單頁面制作

1.Tab頂部導航欄

2.無限滾動加載