/ 实战 / Vue2.6+Node.js+MongoDB 全栈打造商城系统
收藏

【升级】新版Vue2.6+Node.js+MongoDB
全栈打造商城系统

【毕设面试】从前端入门全栈,让你的未来更宽广

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

难度 中级 时长 25小时 学习人数 2456 综合评分 9.94 更新时间 2020.03.23

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

¥348.00
  • 第1章 课程介绍

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

    • 1-1 课程-导学 试看
    • 1-2 课程升级导学
    • 1-3 前端框架回顾
    • 1-4 vue概况以及核心思想
    • 1-5 vue框架优缺点对比
  • 第2章 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基础语法
  • 第3章 Vue-router

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

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

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

    • 4-1 Vue-Resource使用(上)
    • 4-2 Vue-Resource使用(下)
    • 4-3 axios基础介绍
  • 第5章 ES6常用语法

    介绍当下比较热门而且未来非常重要的一项新技术标准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差异
  • 第6章 商品列表模块实现

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

    • 6-1 商品列表组件拆分
    • 6-2 商品列表数据渲染实现
    • 6-3 实现图片懒加载 试看
  • 第7章 Node.js基础

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

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

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

    • 8-1 window平台下MongoDB的安装和环境搭建
    • 8-2 Linux平台下安装配置MongoDB
    • 8-3 给MongoDB创建用户
    • 8-4 MongoDB基本语法
    • 8-5 表数据设计和插入
  • 第9章 基于Node.js开发商品列表接口

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

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

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

    • 10-1 登录功能实现
    • 10-2 登出功能实现
    • 10-3 登录拦截
    • 10-4 全局模态框组件实现
  • 第11章 购物车模块实现

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

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

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

    • 12-1 地址列表渲染实现 (上)
    • 12-2 地址列表渲染功能实现(下)
    • 12-3 地址列表切换和展开功能实现
    • 12-4 地址设置默认功能实现
    • 12-5 地址删除功能实现
  • 第13章 订单确认模块实现

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

    • 13-1 订单确认列表渲染功能实现
    • 13-2 创建订单功能实现
  • 第14章 订单成功模块实现

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

    • 14-1 订单成功页面功能实现
  • 第15章 基于Vuex改造登录和购物车数量功能

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

    • 15-1 Vuex基本介绍
    • 15-2 Vuex的语法讲解
    • 15-3 通过Vuex实现登录和购物车数量(上)
    • 15-4 通过Vuex实现登录和购物车数量(下)
  • 第16章 Webpack使用(3.*版本,如同学下载的是4.*版本可参照本课23章内容)

    介绍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多页面构建-抽取公共模块
  • 第17章 线上部署

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

    • 17-1 线上部署(上)
    • 17-2 线上部署(中)
    • 17-3 线上部署(下)
  • 第18章 课程总结

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

    • 18-1 课程总结
  • 第19章 针对第六章和第八章大家提出的问题,补充视频

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

    • 19-1 第六章 修复vue-cli工具不生成dev-server.js文件问题
    • 19-2 第八章 mongodb环境变量配置和mongo版本冲突问题
  • 第20章 2020课程全新升级-Vue全家桶

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

    • 20-1 前端升级介绍
    • 20-2 Node环境安装
    • 20-3 Node升降级
    • 20-4 VueCli4.0安装
    • 20-5 VueCli使用
    • 20-6 代码兼容调整上-
    • 20-7 代码兼容调整下
    • 20-8 vue.config配置介绍
  • 第21章 2020课程全新升级-前端代码优化

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

    • 21-1 Axios优化
    • 21-2 错误拦截
    • 21-3 路由模块优化
    • 21-4 Vuex优化
  • 第22章 2020课程全新升级-后端Koa2.0重构

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

    • 22-1 后端升级介绍-1080
    • 22-2 Koa框架搭建
    • 22-3 Koa中间件介绍
    • 22-4 数据库配置优化-1080
    • 22-5 接口改造一
    • 22-6 接口改造二
    • 22-7 接口改造三
    • 22-8 接口改造四
    • 22-9 登录拦截
  • 第23章 2020课程全新升级-Webpack4.42讲解

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

    • 23-1 webpack4.0升级介绍
    • 23-2 webpack4.0介绍
    • 23-3 webpack4安装和使用
    • 23-4 webpack4配置介绍-output
    • 23-5 webpack4打包-css
    • 23-6 webpack4打包-增加样式前缀
    • 23-7 webpack4打包-图片
    • 23-8 webpack4-devServer
    • 23-9 webpack4接口代理-proxy
    • 23-10 webpack打包Vue项目
    • 23-11 Babel&Scss解析
    • 23-12 webpack打包React项目
    • 23-13 高仿ElmentUI组件
    • 23-14 新一代打包工具-Parcel介绍
本课程已完结

试看

全部试看小节



讲师

河畔一角 Web前端工程师

八年前端开发经验,先后任职开发组长、前端Leader、前端架构师等职位,主导移动端H5、小程序、后台管理系统、Node后台等各个一线系统产品研发。热爱编程、乐于分享。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信