課程大綱：

Vue + Spring Boot 全棧商城項(xiàng)目開發(fā)培訓(xùn)

1 Vue 項(xiàng)目搭建

2 Vue 大型項(xiàng)目實(shí)戰(zhàn)

3 Vue 生命周期

4 Vuex 使用

5 Spring Boot 構(gòu)建 RESTful API

6 Vue 基礎(chǔ)使用

7 Vue 指令

8 Less 使用

9 Vue-Router 路由

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

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

1.為什么要前后端分離

2.前后端分離解決了哪些痛點(diǎn)

3.什么是前后端分離

4.前后端分離的注意事項(xiàng)

階段 2 Vue 知識基礎(chǔ)

2
Vue 指令及生命周期

1.Vue常用指令

2.Mixin混入

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

3
CSS 預(yù)處理工具 Less 的介紹及使用

1.Less介紹

2.Less的各個(gè)使用方法

3.Less小實(shí)例

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

1.了解VueRouter

2.路由模式

3.路由原理分析

4.路由的使用

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

1.Vuex是什么

2.Vuex解決了什么問題

3.VuexAPI介紹

4.Vuex實(shí)例

階段 3 Spring Boot

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

1.SpringBoot2版本更新介紹

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

3.JDK8 4.Maven簡介

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

6.SpringBoot目錄結(jié)構(gòu)詳解

7.SpringBoot項(xiàng)目啟動(dòng)

7
Spring Boot 整合 MyBatis

1.SpringBoot整合mybatisspringbootstarter

2.MyBatis配置

3.SpringBoot整合MyBatis進(jìn)行增刪改查操作

8
Spring Boot 整合 Lombok

1.Lombok介紹

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

3.SpringBoot整合Lombok

4.Lombok插件安裝

9
Spring Boot 整合 Swagger

1.Swagger簡介

2.SpringBoot集成Swagger

3.Swagger接口測試

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

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

2.消息轉(zhuǎn)換器HttpMessageConverter

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

4.結(jié)果的統(tǒng)一響應(yīng)

11
RESTful API 接口設(shè)計(jì)規(guī)范及接口調(diào)用實(shí)踐

1.RESTfulapi設(shè)計(jì)規(guī)范

2.AjaxRESTfulapi前后端交互實(shí)踐

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

12
API 項(xiàng)目啟動(dòng)及部署注意事項(xiàng)

1.樓樓商城API源碼下載及目錄結(jié)構(gòu)講解

2.樓樓商城API項(xiàng)目啟動(dòng)準(zhǔn)備事項(xiàng)

3.樓樓商城API項(xiàng)目啟動(dòng)及測試

13
?戶認(rèn)證模塊

1.登錄功能介紹

2.樓樓商城登錄流程設(shè)計(jì)

3.樓樓商城用戶身份認(rèn)證

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

1.VueCLI初始化項(xiàng)目

2.引入VantUI組件庫

3.二次封裝Axios請求庫

4.字體圖標(biāo)的引入

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

15
底部導(dǎo)航制作

1.底部導(dǎo)航提取公共組件

2.iconfont添加導(dǎo)航欄字體圖標(biāo)

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

4.公用頭部提取組件

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

16
商城登錄注冊頁

1.前端鑒權(quán)方式介紹

2.前端本地存儲方式

3.登錄注冊頁面制作

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

17
商城首頁制作

1.首頁排版布局

2.首頁頂部搜索框

3.輪播圖

4.中部分類欄目

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

18
商品分類頁面制作

1.介紹betterscroll

2.betterscroll項(xiàng)目實(shí)踐

19
商品搜索列表頁

1.Vant之List列表組件

2.無限加載頁面布局

3.移動(dòng)端上拉加載、下拉刷新

20
商品詳情頁

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

2.ES6語法學(xué)習(xí)

21
購物車頁面制作

1.computed的運(yùn)用

2.Vant之CheckboxGroup、Checkbox組件

3.Vant之表單提交組件SubmitBar

22
生成訂單頁面制作

1.Vant地址組件的使用

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

3.地址欄列表

4.地址欄增刪改查

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

23
我的訂單頁面制作

1.Tab頂部導(dǎo)航欄

2.無限滾動(dòng)加載