头像

Vue2.0+Node.js+MongoDB开发大型商城【原创

来源:http://www.sucaihuo.com/video/224.html 素材火管理员 2017-11-29 12:37浏览(3602) 收藏

商城采用前后端分离的开发方式,Node.js提供后台接口,MongoDB做数据库, 针对每个单一框架进行独立章节讲解,手把手教你搭建项目开发环境。vue.js前端入门全栈视频教程带源码
Vue2.0+Node.js+MongoDB开发大型商城
分类:WEB前端 > javascript
下载资源: 89 下载资源 下载积分: 280 积分

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ1556472052直接充值

项目后端技术栈:Node.js+Express,结合MongoDB做数据存储

整个商城后台通过Node.js进行实现,通过Express框架实现后端的REST接口,并以json的形式进行输出

第1章 课程介绍

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

第2章 Vue基础

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

第3章 Vue-router

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

第4章 Vue-resource/Axios

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

第5章 ES6常用语法

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

第6章 商品列表模块实现

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

第7章 Node.js基础

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

第8章 MongoDB介绍

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

第9章 基于Node.js开发商品列表接口

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

第10章 登录模块实现

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

第11章 购物车模块实现

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

第12章 地址模块实现

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

第13章 订单确认模块实现

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

第14章 订单成功模块实现

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

第15章 基于Vuex改造登录和购物车数量功能

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

第16章 Webpack使用

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

第17章 线上部署

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

第18章 课程总结

主要跟大家一起回顾本次实战课所讲解的框架语法、解决什么样的问题,如何进行项目调试以及大家学完后所能够掌握和学到的知识点。
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/video/224.html
最新交易
评论53
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

  • 头像 52楼
    07-30 19:30
    li***it
    感谢楼主分享,资源很不错
  • 头像 51楼
    06-06 23:37
    哆啦***梦°
    我也想下载下来看看。
  • 头像 50楼
    05-04 18:18
    青***&
    感谢楼主的分享!!!
  • 头像 49楼
    05-04 17:21
    _***ㄣ
    很实用 一直在寻找这样的视频教程
  • 头像 48楼
    03-27 01:49
    al***12
    哇塞~~真的太棒了~~
  • 头像 47楼
    03-26 16:44
    ( *** )
    看起来不错
  • 头像 46楼
    03-26 10:07
    sh***10
    Vue Resource以及Axios两种主流插件,都有讲到,很好,谢谢
  • 头像 45楼
    03-21 20:41
    学***人
    全部都是前端的啊,,厉害了
  • 头像 44楼
    03-19 09:50
    19***ly
    很不错的开发教程,希望对我有用
  • 头像 43楼
    03-07 19:36
    ld***01
    东西挺多的,也是我想要的。
1 2