課程大綱：

Vue + Spring Boot 全棧商城項(xiàng)目開(kāi)發(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 前后端分離商城開(kāi)發(fā)

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

1.為什么要前后端分離

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

3.什么是前后端分離

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

階段 2 Vue 知識(shí)基礎(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解決了什么問(wèn)題

3.VuexAPI介紹

4.Vuex實(shí)例

階段 3 Spring Boot

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

1.SpringBoot2版本更新介紹

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

3.JDK8 4.Maven簡(jiǎn)介

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

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簡(jiǎn)介

2.SpringBoot集成Swagger

3.Swagger接口測(cè)試

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

1.SpringBoot處理web請(qǐng)求的參數(shù)類(lèi)型轉(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)及測(cè)試

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

1.登錄功能介紹

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

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

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

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

2.引入VantUI組件庫(kù)

3.二次封裝Axios請(qǐng)求庫(kù)

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

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

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

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

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

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

4.公用頭部提取組件

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

16
商城登錄注冊(cè)頁(yè)

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

2.前端本地存儲(chǔ)方式

3.登錄注冊(cè)頁(yè)面制作

4.用戶(hù)中心「我的」頁(yè)面制作

17
商城首頁(yè)制作

1.首頁(yè)排版布局

2.首頁(yè)頂部搜索框

3.輪播圖

4.中部分類(lèi)欄目

5.新品上線(xiàn)、熱門(mén)商品、新推薦

18
商品分類(lèi)頁(yè)面制作

1.介紹betterscroll

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

19
商品搜索列表頁(yè)

1.Vant之List列表組件

2.無(wú)限加載頁(yè)面布局

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

20
商品詳情頁(yè)

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

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

21
購(gòu)物車(chē)頁(yè)面制作

1.computed的運(yùn)用

2.Vant之CheckboxGroup、Checkbox組件

3.Vant之表單提交組件SubmitBar

22
生成訂單頁(yè)面制作

1.Vant地址組件的使用

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

3.地址欄列表

4.地址欄增刪改查

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

23
我的訂單頁(yè)面制作

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

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