Get全栈技能点 Vue2.0 / Node.js / MongoDB 打造商城系统
第1章 課程介紹
簡(jiǎn)單回顧前端近幾年的框架模式,了解不同時(shí)期下的框架特點(diǎn)。其次介紹Vue框架的背景和核心思想,以及同其它MV*框架的對(duì)比。
1-1 課程-導(dǎo)學(xué)
1-2 前端框架回顧
1-3 vue概況以及核心思想
1-4 vue框架優(yōu)缺點(diǎn)對(duì)比
第2章 Vue基礎(chǔ)
從0到1,如何搭建一個(gè)簡(jiǎn)單的Vue項(xiàng)目;本章節(jié)主要講解Node和Npm環(huán)境的搭建,其次介紹vue-cli腳手架的使用,以及通過(guò)詳細(xì)拆解介紹腳手架生成的配置文件信息,最后給大家介紹了Vue涵蓋的基礎(chǔ)語(yǔ)法。
2-1 nodejs和npm的安裝和環(huán)境搭建
2-2 vue環(huán)境搭建以及vue-cli使用
2-3 vue配置(上)
2-4 vue配置(下)
2-5 vue基礎(chǔ)語(yǔ)法
第3章 Vue-router
主要介紹4種路由的使用方式,主要包括動(dòng)態(tài)路由、嵌套路由、編程式路由以及命名路由。
3-1 路由基礎(chǔ)介紹
3-2 動(dòng)態(tài)路由匹配
3-3 嵌套路由
3-4 編程式路由
3-5 命名路由和命名視圖
第4章 Vue-resource/Axios
主要介紹異步請(qǐng)求插件,對(duì)Vue Resource以及Axios等兩種主流插件進(jìn)行講解,主要的功能包括GET、POST、JSONP、全局?jǐn)r截器(interceptors)、全局路徑(root)等知識(shí)點(diǎn)。
4-1 Vue-Resource使用(上)
4-2 Vue-Resource使用(下)
4-3 axios基礎(chǔ)介紹
第5章 ES6常用語(yǔ)法
介紹當(dāng)下比較熱門而且未來(lái)非常重要的一項(xiàng)新技術(shù)標(biāo)準(zhǔn)ES6。會(huì)根據(jù)目前項(xiàng)目所用到的常用語(yǔ)法進(jìn)行講解,主要以滿足大眾項(xiàng)目為主,同時(shí)也會(huì)講解AMD、CMD、CommonJS和ES6差異,對(duì)項(xiàng)目的模塊化會(huì)有更深的理解。
5-1 ES6簡(jiǎn)介
5-2 ES6常用命令
5-3 拓展參數(shù)講解
5-4 Promise講解
5-5 ES6模塊化開(kāi)發(fā)講解
5-6 AMD、CMD、CommonJS和ES6差異
第6章 商品列表模塊實(shí)現(xiàn)
講解商品列表的整體布局和組件拆分,根據(jù)mock數(shù)據(jù)實(shí)現(xiàn)商品列表數(shù)據(jù)渲染功能,最后給大家介紹圖片懶加載插件以及價(jià)格過(guò)濾。
6-1 商品列表組件拆分
6-2 商品列表數(shù)據(jù)渲染實(shí)現(xiàn)
6-3 實(shí)現(xiàn)圖片懶加載
第7章 Node.js基礎(chǔ)
主要講解Node的基礎(chǔ)編程以及如何使用Express框架構(gòu)建Node項(xiàng)目
7-1 Linux環(huán)境下配置Node環(huán)境
7-2 創(chuàng)建http Server容器
7-3 通過(guò)node加載靜態(tài)頁(yè)面
7-4 搭建基于Express框架的運(yùn)行環(huán)境
第8章 MongoDB介紹
介紹MongoDB在windows平臺(tái)和Linux平臺(tái)分別是如何進(jìn)行安裝和部署的,講解MongoDB的基礎(chǔ)語(yǔ)法。
8-1 window平臺(tái)下MongoDB的安裝和環(huán)境搭建
8-2 Linux平臺(tái)下安裝配置MongoDB
8-3 給MongoDB創(chuàng)建用戶
8-4 MongoDB基本語(yǔ)法
8-5 表數(shù)據(jù)設(shè)計(jì)和插入
第9章 基于Node.js開(kāi)發(fā)商品列表接口
基于Node.js來(lái)開(kāi)發(fā)整個(gè)商品列表的后臺(tái)功能,包括商品分頁(yè)、商品價(jià)格過(guò)濾、商品排序、加入購(gòu)物車、登錄判斷等核心功能。
9-1 Node的啟動(dòng)和調(diào)試方式
9-2 基于Express實(shí)現(xiàn)商品列表查詢接口
9-3 商品列表分頁(yè)和排序功能實(shí)現(xiàn)(上)
9-4 商品列表分頁(yè)和排序功能實(shí)現(xiàn)(下)
9-5 價(jià)格過(guò)濾功能實(shí)現(xiàn)
9-6 加入購(gòu)物車功能實(shí)現(xiàn)
第10章 登錄模塊實(shí)現(xiàn)
主要介紹全站的登錄、登出以及全局的模態(tài)框組件的開(kāi)發(fā)。
10-1 登錄功能實(shí)現(xiàn)
10-2 登出功能實(shí)現(xiàn)
10-3 登錄攔截
10-4 全局模態(tài)框組件實(shí)現(xiàn)
第11章 購(gòu)物車模塊實(shí)現(xiàn)
講解購(gòu)物車頁(yè)面的整體功能實(shí)現(xiàn)。包括了購(gòu)物車列表功能的前后端實(shí)現(xiàn)、購(gòu)物車刪除和修改的前后端實(shí)現(xiàn)以及購(gòu)物車全選、金額的實(shí)時(shí)計(jì)算前后端實(shí)現(xiàn)。
11-1 購(gòu)物車列表功能實(shí)現(xiàn)
11-2 商品刪除功能實(shí)現(xiàn)
11-3 商品修改功能實(shí)現(xiàn)
11-4 購(gòu)物車全選和商品實(shí)時(shí)計(jì)算功能實(shí)現(xiàn)
第12章 地址模塊實(shí)現(xiàn)
講解地址頁(yè)面整體功能實(shí)現(xiàn)。包括了地址列表功能前后端實(shí)現(xiàn)、地址刪除前后端實(shí)現(xiàn)以及地址切換、設(shè)置默認(rèn)、展開(kāi)收縮等前后端功能實(shí)現(xiàn)。
12-1 地址列表渲染實(shí)現(xiàn) (上)
12-2 地址列表渲染功能實(shí)現(xiàn)(下)
12-3 地址列表切換和展開(kāi)功能實(shí)現(xiàn)
12-4 地址設(shè)置默認(rèn)功能實(shí)現(xiàn)
12-5 地址刪除功能實(shí)現(xiàn)
第13章 訂單確認(rèn)模塊實(shí)現(xiàn)
講解訂單確認(rèn)頁(yè)面的整體功能實(shí)現(xiàn)。主要包括訂單列表前后端實(shí)現(xiàn)以及創(chuàng)建訂單等前后端功能實(shí)現(xiàn)。
13-1 訂單確認(rèn)列表渲染功能實(shí)現(xiàn)
13-2 創(chuàng)建訂單功能實(shí)現(xiàn)
第14章 訂單成功模塊實(shí)現(xiàn)
講解如何根據(jù)訂單Id來(lái)實(shí)現(xiàn)訂單成功信息的展示。
14-1 訂單成功頁(yè)面功能實(shí)現(xiàn)
第15章 基于Vuex改造登錄和購(gòu)物車數(shù)量功能
講解Vuex如何在項(xiàng)目當(dāng)中進(jìn)行運(yùn)用,同時(shí)結(jié)合登錄和購(gòu)物車功能,進(jìn)行狀態(tài)集成。
15-1 Vuex基本介紹
15-2 Vuex的語(yǔ)法講解
15-3 通過(guò)Vuex實(shí)現(xiàn)登錄和購(gòu)物車數(shù)量(上)
15-4 通過(guò)Vuex實(shí)現(xiàn)登錄和購(gòu)物車數(shù)量(下)
第16章 Webpack使用
介紹Webpack如何進(jìn)行單頁(yè)面和多頁(yè)面項(xiàng)目的構(gòu)建,以及Webpack最常用的插件和知識(shí)點(diǎn)講解。
16-1 webpack基礎(chǔ)介紹
16-2 插件靜態(tài)部分實(shí)現(xiàn)
16-3 插件功能實(shí)現(xiàn)
16-4 webpack打包功能實(shí)現(xiàn)(上)
16-5 webpack打包功能實(shí)現(xiàn)(下)
16-6 npm插件發(fā)布
16-7 webpack多頁(yè)面構(gòu)建(上)
16-8 webpack多頁(yè)面構(gòu)建(下)
16-9 webpack多頁(yè)面構(gòu)建-第三方庫(kù)
16-10 webpack多頁(yè)面構(gòu)建-抽取公共模塊
第17章 線上部署
講解如何將一個(gè)Vue和Node的前后端分離項(xiàng)目進(jìn)行線上部署(真實(shí)的服務(wù)器,基于Linux),同時(shí)包括MongoDB的配置和啟動(dòng)以及Node項(xiàng)目的后臺(tái)進(jìn)程啟動(dòng)、日志查看、狀態(tài)監(jiān)控等一系列操作。
17-1 線上部署(上)
17-2 線上部署(中)
17-3 線上部署(下)
第18章 課程總結(jié)
主要跟大家一起回顧本次實(shí)戰(zhàn)課所講解的框架語(yǔ)法、解決什么樣的問(wèn)題,如何進(jìn)行項(xiàng)目調(diào)試以及大家學(xué)完后所能夠掌握和學(xué)到的知識(shí)點(diǎn)。
18-1 課程總結(jié)
第19章 針對(duì)第六章和第八章大家提出的問(wèn)題,補(bǔ)充視頻
針對(duì)大家提出的問(wèn)題,補(bǔ)充視頻
19-1 第六章 修復(fù)vue-cli工具不生成dev-server.js文件問(wèn)題
19-2 第八章 mongodb環(huán)境變量配置和mongo版本沖突問(wèn)題
?
下載地址:百度網(wǎng)盤下載
轉(zhuǎn)載于:https://www.cnblogs.com/huangchenxi/p/9398672.html
總結(jié)
以上是生活随笔為你收集整理的Get全栈技能点 Vue2.0 / Node.js / MongoDB 打造商城系统的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: win7通过easyBCD引导ubunt
- 下一篇: vue 扩展程序