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

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

• 1-1 课程-导学
• 1-2 前端框架回顾
• 1-3 vue概况以及核心思想
• 1-4 vue框架优缺点对比
  

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

• 2-1 nodejs和npm的安装和环境搭建
• 2-2 vue环境搭建以及vue-cli使用
• 2-3 vue配置（上）
• 2-4 vue配置（下）
• 2-5 vue基础语法
  

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

• 3-1 路由基础介绍
• 3-2 动态路由匹配
• 3-3 嵌套路由
• 3-4 编程式路由
• 3-5 命名路由和命名视图
  

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

• 4-1 Vue-Resource使用（上）
• 4-2 Vue-Resource使用（下）
• 4-3 axios基础介绍
  

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

• 5-1 ES6简介
• 5-2 ES6常用命令
• 5-3 拓展参数讲解
• 5-4 Promise讲解
• 5-5 ES6模块化开发讲解
• 5-6 AMD、CMD、CommonJS和ES6差异
  

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

• 6-1 商品列表组件拆分
• 6-2 商品列表数据渲染实现
• 6-3 实现图片懒加载
  

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

• 7-1 Linux环境下配置Node环境
• 7-2 创建http Server容器
• 7-3 通过node加载静态页面
• 7-4 搭建基于Express框架的运行环境
  

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

• 8-1 window平台下MongoDB的安装和环境搭建
• 8-2 Linux平台下安装配置MongoDB
• 8-3 给MongoDB创建用户
• 8-4 MongoDB基本语法
• 8-5 表数据设计和插入
  

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

• 9-1 Node的启动和调试方式
• 9-2 基于Express实现商品列表查询接口
• 9-3 商品列表分页和排序功能实现(上)
• 9-4 商品列表分页和排序功能实现（下）
• 9-5 价格过滤功能实现
• 9-6 加入购物车功能实现
  

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

• 10-1 登录功能实现
• 10-2 登出功能实现
• 10-3 登录拦截
• 10-4 全局模态框组件实现
  

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

• 11-1 购物车列表功能实现
• 11-2 商品删除功能实现
• 11-3 商品修改功能实现
• 11-4 购物车全选和商品实时计算功能实现
  

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

• 12-1 地址列表渲染实现 (上)
• 12-2 地址列表渲染功能实现（下）
• 12-3 地址列表切换和展开功能实现
• 12-4 地址设置默认功能实现
• 12-5 地址删除功能实现
  

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

• 13-1 订单确认列表渲染功能实现
• 13-2 创建订单功能实现
  

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

• 14-1 订单成功页面功能实现
  

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

• 15-1 Vuex基本介绍
• 15-2 Vuex的语法讲解
• 15-3 通过Vuex实现登录和购物车数量（上）
• 15-4 通过Vuex实现登录和购物车数量（下）
  

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

• 16-1 webpack基础介绍
• 16-2 插件静态部分实现
• 16-3 插件功能实现
• 16-4 webpack打包功能实现（上）
• 16-5 webpack打包功能实现（下）
• 16-6 npm插件发布
• 16-7 webpack多页面构建(上)
• 16-8 webpack多页面构建（下）
• 16-9 webpack多页面构建-第三方库
• 16-10 webpack多页面构建-抽取公共模块
  

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

• 17-1 线上部署（上）
• 17-2 线上部署（中）
• 17-3 线上部署（下）
  

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

• 18-1 课程总结
  

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

• 19-1 第六章 修复vue-cli工具不生成dev-server.js文件问题
• 19-2 第八章 mongodb环境变量配置和mongo版本冲突问题