
Vue.js 和 MongoDB 開(kāi)發(fā) DoraCMS培訓(xùn)
課程將基于 Vue.js、Node.js 和 MongoDB 開(kāi)發(fā) DoraCMS。
課程將從環(huán)境搭建開(kāi)始,一步一步來(lái)完成 DoraCMS 所需組件,并終構(gòu)建一個(gè)完整的產(chǎn)品。
1 使用 vue-cli 創(chuàng)建 Vue 項(xiàng)目
2 使用 Node.js 搭建服務(wù)器
3 MongoDB 數(shù)據(jù)庫(kù)的使用
4 使用 Element UI 布局
5 后臺(tái)功能邏輯實(shí)現(xiàn)
6 DoraCMS 開(kāi)發(fā)
1
項(xiàng)目準(zhǔn)備開(kāi)發(fā)
1.VueCLI創(chuàng)建項(xiàng)目
2.項(xiàng)目所需插件安裝
3.項(xiàng)目整體預(yù)覽
2
服務(wù)端搭建與配置
1.Nodejs搭建服務(wù)器
2.客戶端與服務(wù)端跨域連接
3.配置服務(wù)端
3
搭建 MongoDB 數(shù)據(jù)庫(kù)
1.MongoDB安裝步驟
2.MongoDB模型建立
3.MongoDB數(shù)據(jù)操作
4
配置公共組件
1.MongoDB的使用
2.axios傳遞數(shù)據(jù)
3.ElementUI的使用
5
配置登錄注冊(cè)組件
1.路由配置
2.MongoDB創(chuàng)建獲取數(shù)據(jù)
3.密碼的加密與解密
4.JWT的使用
6
配置頭條組件
1.配置頭條組件
2.創(chuàng)建頭條數(shù)據(jù)
3.創(chuàng)建頭條展示
4.數(shù)據(jù)請(qǐng)求處理
7
配置推薦組件
1.配置推薦組件
2.MongoDB創(chuàng)建獲取數(shù)據(jù)
3.axios發(fā)送get、post請(qǐng)求
4.ElementUI創(chuàng)建標(biāo)簽頁(yè)
8
配置框架組件
1.配置框架組件
2.MongoDB創(chuàng)建獲取數(shù)據(jù)
3.axios發(fā)送get、post請(qǐng)求
4.ElementUI創(chuàng)建標(biāo)簽頁(yè)
9
配置教程組件
1.配置教程組件
2.MongoDB創(chuàng)建獲取數(shù)據(jù)
3.axios發(fā)送get、post請(qǐng)求
4.ElementUI創(chuàng)建標(biāo)簽頁(yè)
10
配置管理員權(quán)限
1.鉤子函數(shù)
2.權(quán)限管理
3.路由導(dǎo)航守衛(wèi)