課程大綱：

Vue.js+Koa.js+MongoDB培訓(xùn)

1 npm 基礎(chǔ)用法

2 babel 的基礎(chǔ)配置

3 使用 Mongoose 連接 MongoDB 數(shù)據(jù)庫(kù)

4 Koa-router 的使用

5 webpack 的配置及相關(guān)概念

6 postcss 的基礎(chǔ)配置

7 Koa 中間件的使用

8 Vue 組件的編寫(xiě)與復(fù)用

1
Koa.js 和 Vue.js 開(kāi)發(fā)環(huán)境搭建

1.編寫(xiě)koajs應(yīng)用代碼

2.vue/cli的創(chuàng)建項(xiàng)目

3.webpack的配置及相關(guān)概念

2
項(xiàng)目基礎(chǔ)構(gòu)建

1.使用Mongoose連接MongoDB數(shù)據(jù)庫(kù)

2.Koa中間件的使用

3.koarouter的使用

4.Vue組件的編寫(xiě)與復(fù)用

5.Vue路由配置

3
實(shí)現(xiàn)登錄與注冊(cè)

1.mongoose的使用

2.koarouter的使用

3.vuex的使用

4.axios的使用

4
實(shí)現(xiàn)商品分類管理與顯示（一）

1.mongoose 2.koa 3.koarouter

5
實(shí)現(xiàn)商品分類管理與顯示（二）

1.elementui組件的使用

2.elementui的表單驗(yàn)證

3.子組件的用法

4.子組件與父組件的通信

5.props的使用

6.vuex的使用

6
實(shí)現(xiàn)商品標(biāo)簽管理與顯示（一）

1.mongoose

2.koarouter

7
實(shí)現(xiàn)商品標(biāo)簽管理與顯示（二）

1.elementui的使用

2.Vue子組件與父組件的通信

3.props的使用

8
實(shí)現(xiàn)商品管理與顯示（一）

1.mongoose

2.koarouter

9
實(shí)現(xiàn)商品管理與顯示（二）

1.elementui

2.vuerouter

3.vue組件

10
實(shí)現(xiàn)商品管理與顯示（三）

1.Vue組件

2.vuerouter

11
實(shí)現(xiàn)商品搜索功能

1.Vue組件

12
實(shí)現(xiàn)商品詳情展示

1.mongoose

2.koarouter

3.vue組件

13
實(shí)現(xiàn)個(gè)人主頁(yè)

1.Vue組件

2.vuerouter

14
實(shí)現(xiàn)商品收藏功能

1.mongoose

2.koarouter

3.Vue組件

15
生產(chǎn)環(huán)境部署及課程總結(jié)

1.pm2