Vue2.6+Node.js+MongoDB 全栈打造商城系统

Vue2.6+Node.js+MongoDB全栈打造商城系统课程介绍A000047：

本课程前后端兼顾，用Vue.js、Node.js、Koa、ES6等热门前端技术结合MongoDB，完成前后端开发，作为全栈入门和毕业项目再好不过。让你顺畅地从前端晋级到全栈，让你的职业道路更加宽广，让你的未来发展有更多可能！

课程目录：

第1章Vue2.6+Node.js+MongoDB全栈打造商城系统课程介绍试看5节|58分钟

简单回顾前端近几年的框架模式，了解不同时期下的框架特点。其次介绍Vue框架的背景和核心思想，以及同其它MV*框架的对比。

视频：1-1课程-导学(16:00)试看

视频：1-2课程升级导学(08:51)

视频：1-3前端框架回顾(06:04)

视频：1-4vue概况以及核心思想(19:36)

视频：1-5vue框架优缺点对比(07:04)

第2章Vue基础5节|81分钟

从0到1，如何搭建一个简单的Vue项目；本章节主要讲解Node和Npm环境的搭建，其次介绍vue-cli脚手架的使用，以及通过详细拆解介绍脚手架生成的配置文件信息，最后给大家介绍了Vue涵盖的基础语法。

视频：2-1nodejs和npm的安装和环境搭建(07:21)

视频：2-2vue环境搭建以及vue-cli使用(17:09)

视频：2-3vue配置（上）(20:34)

视频：2-4vue配置（下）(15:00)

视频：2-5vue基础语法(20:19)

第3章Vue-router5节|41分钟

主要介绍4种路由的使用方式，主要包括动态路由、嵌套路由、编程式路由以及命名路由。

视频：3-1路由基础介绍(05:27)

视频：3-2动态路由匹配(09:20)

视频：3-3嵌套路由(09:26)

视频：3-4编程式路由(08:30)

视频：3-5命名路由和命名视图(07:37)

第4章Vue-resource/Axios3节|50分钟

主要介绍异步请求插件，对VueResource以及Axios等两种主流插件进行讲解，主要的功能包括GET、POST、JSONP、全局拦截器（interceptors）、全局路径（root）等知识点。

视频：4-1Vue-Resource使用（上）(22:39)

视频：4-2Vue-Resource使用（下）(08:42)

视频：4-3axios基础介绍(18:13)

第5章ES6常用语法6节|91分钟

介绍当下比较热门而且未来非常重要的一项新技术标准ES6。会根据目前项目所用到的常用语法进行讲解，主要以满足大众项目为主，同时也会讲解AMD、CMD、CommonJS和ES6差异，对项目的模块化会有更深的理解。

视频：5-1ES6简介(01:48)

视频：5-2ES6常用命令(36:37)

视频：5-3拓展参数讲解(15:48)

视频：5-4Promise讲解(14:36)

视频：5-5ES6模块化开发讲解(11:48)

视频：5-6AMD、CMD、CommonJS和ES6差异(09:52)

第6章商品列表模块实现试看3节|57分钟

讲解商品列表的整体布局和组件拆分，根据mock数据实现商品列表数据渲染功能，最后给大家介绍图片懒加载插件以及价格过滤。

视频：6-1商品列表组件拆分(22:11)

视频：6-2商品列表数据渲染实现(16:22)

视频：6-3实现图片懒加载(17:53)试看

第7章Node.js基础4节|80分钟

主要讲解Node的基础编程以及如何使用Express框架构建Node项目

视频：7-1Linux环境下配置Node环境(14:03)

视频：7-2创建httpServer容器(27:24)

视频：7-3通过node加载静态页面(19:34)

视频：7-4搭建基于Express框架的运行环境(18:45)

第8章MongoDB介绍5节|83分钟

介绍MongoDB在windows平台和Linux平台分别是如何进行安装和部署的，讲解MongoDB的基础语法。

视频：8-1window平台下MongoDB的安装和环境搭建(27:08)

视频：8-2Linux平台下安装配置MongoDB(17:44)

视频：8-3给MongoDB创建用户(10:57)

视频：8-4MongoDB基本语法(17:02)

视频：8-5表数据设计和插入(09:25)

第9章基于Node.js开发商品列表接口6节|122分钟

基于Node.js来开发整个商品列表的后台功能，包括商品分页、商品价格过滤、商品排序、加入购物车、登录判断等核心功能。

视频：9-1Node的启动和调试方式(13:26)

视频：9-2基于Express实现商品列表查询接口(27:22)

视频：9-3商品列表分页和排序功能实现(上)(11:14)

视频：9-4商品列表分页和排序功能实现（下）(22:22)

视频：9-5价格过滤功能实现(14:49)

视频：9-6加入购物车功能实现(32:34)

第10章登录模块实现4节|81分钟

主要介绍全站的登录、登出以及全局的模态框组件的开发。

视频：10-1登录功能实现(27:05)

视频：10-2登出功能实现(09:33)

视频：10-3登录拦截(22:03)

视频：10-4全局模态框组件实现(21:35)

第11章购物车模块实现4节|86分钟

讲解购物车页面的整体功能实现。包括了购物车列表功能的前后端实现、购物车删除和修改的前后端实现以及购物车全选、金额的实时计算前后端实现。

视频：11-1购物车列表功能实现(18:39)

视频：11-2商品删除功能实现(20:42)

视频：11-3商品修改功能实现(20:27)

视频：11-4购物车全选和商品实时计算功能实现(25:26)

第12章地址模块实现5节|55分钟

讲解地址页面整体功能实现。包括了地址列表功能前后端实现、地址删除前后端实现以及地址切换、设置默认、展开收缩等前后端功能实现。

视频：12-1地址列表渲染实现(上)(06:59)

视频：12-2地址列表渲染功能实现（下）(08:08)

视频：12-3地址列表切换和展开功能实现(08:50)

视频：12-4地址设置默认功能实现(12:42)

视频：12-5地址删除功能实现(18:08)

第13章订单确认模块实现2节|46分钟

讲解订单确认页面的整体功能实现。主要包括订单列表前后端实现以及创建订单等前后端功能实现。

视频：13-1订单确认列表渲染功能实现(20:05)

视频：13-2创建订单功能实现(24:55)

第14章订单成功模块实现1节|19分钟

讲解如何根据订单Id来实现订单成功信息的展示。

视频：14-1订单成功页面功能实现(18:58)

第15章基于Vuex改造登录和购物车数量功能4节|85分钟

讲解Vuex如何在项目当中进行运用，同时结合登录和购物车功能，进行状态集成。

视频：15-1Vuex基本介绍(23:55)

视频：15-2Vuex的语法讲解(24:15)

视频：15-3通过Vuex实现登录和购物车数量（上）(23:00)

视频：15-4通过Vuex实现登录和购物车数量（下）(13:22)

第16章Webpack使用（3.*版本，如同学下载的是4.*版本可参照本课23章内容）10节|173分钟

介绍Webpack如何进行单页面和多页面项目的构建，以及Webpack最常用的插件和知识点讲解。

视频：16-1webpack基础介绍(17:10)

视频：16-2插件静态部分实现(16:30)

视频：16-3插件功能实现(18:34)

视频：16-4webpack打包功能实现（上）(19:03)

视频：16-5webpack打包功能实现（下）(18:07)

视频：16-6npm插件发布(07:07)

视频：16-7webpack多页面构建(上)(25:37)

视频：16-8webpack多页面构建（下）(17:06)

视频：16-9webpack多页面构建-第三方库(11:36)

视频：16-10webpack多页面构建-抽取公共模块(21:57)

第17章线上部署3节|51分钟

讲解如何将一个Vue和Node的前后端分离项目进行线上部署（真实的服务器，基于Linux），同时包括MongoDB的配置和启动以及Node项目的后台进程启动、日志查看、状态监控等一系列操作。

视频：17-1线上部署（上）(18:31)

视频：17-2线上部署（中）(15:53)

视频：17-3线上部署（下）(16:23)

第18章课程总结1节|22分钟

主要跟大家一起回顾本次实战课所讲解的框架语法、解决什么样的问题，如何进行项目调试以及大家学完后所能够掌握和学到的知识点。

视频：18-1课程总结(21:06)

第19章针对第六章和第八章大家提出的问题，补充视频2节|42分钟

针对大家提出的问题，补充视频

视频：19-1第六章修复vue-cli工具不生成dev-server.js文件问题(10:07)

视频：19-2第八章mongodb环境变量配置和mongo版本冲突问题(31:00)

第20章2020课程全新升级-Vue全家桶8节|88分钟

第一章主要对前端的开发环境进行当前稳定版本的升级介绍，并基于最新版本的全家桶搭建一个项目框架，对源码进行适配和兼容。

视频：20-1前端升级介绍(04:40)

视频：20-2Node环境安装(08:55)

视频：20-3Node升降级(06:28)

视频：20-4VueCli4.0安装(04:51)

视频：20-5VueCli使用(14:45)

视频：20-6代码兼容调整上-(20:50)

视频：20-7代码兼容调整下(09:38)

视频：20-8vue.config配置介绍(17:19)

第21章2020课程全新升级-前端代码优化4节|41分钟

本章主要讲解Axios和Vuex优化，这块内容都属于新增内容，我们会对Axios做原型挂载，减少每个页面的重复引用。

视频：21-1Axios优化(09:54)

视频：21-2错误拦截(12:44)

视频：21-3路由模块优化(07:09)

视频：21-4Vuex优化(11:11)

第22章2020课程全新升级-后端Koa2.0重构9节|124分钟

本章为后端Koa2.0重构版本，之前课程基于Express4.0讲解，目前Koa2.0更为热门，因此会全新搭建Koa框架，并介绍中间件使用，全程基于async/await做接口优化。

视频：22-1后端升级介绍-1080(02:56)

视频：22-2Koa框架搭建(08:07)

视频：22-3Koa中间件介绍(20:07)

视频：22-4数据库配置优化-1080(15:57)

视频：22-5接口改造一(18:26)

视频：22-6接口改造二(16:04)

视频：22-7接口改造三(17:10)

视频：22-8接口改造四(15:58)

视频：22-9登录拦截(08:23)

第23章2020课程全新升级-Webpack4.42讲解14节|166分钟

本章主要讲解Webpack4.42版本的最新用法；内容涵盖js、css、图片打包等；同时，我们也会从0开发Vue和React项目，并从0配置项目打包；对于前端常用的配置如：DevServer、接口代理、Source-Map等同样会细讲。最后我们会从0高仿ElementUI组件；…

视频：23-1webpack4.0升级介绍(06:39)

视频：23-2webpack4.0介绍(11:16)

视频：23-3webpack4安装和使用(08:23)

视频：23-4webpack4配置介绍-output(11:05)

视频：23-5webpack4打包-css(06:58)

视频：23-6webpack4打包-增加样式前缀(07:00)

视频：23-7webpack4打包-图片(16:16)

视频：23-8webpack4-devServer(12:35)

视频：23-9webpack4接口代理-proxy(07:07)

视频：23-10webpack打包Vue项目(25:48)

视频：23-11Babel&Scss解析(16:31)

视频：23-12webpack打包React项目(07:40)

视频：23-13高仿ElmentUI组件(17:14)

视频：23-14新一代打包工具-Parcel介绍(11:22)