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

第1章 课程介绍
简单回顾前端近几年的框架模式,了解不同时期下的框架特点。其次介绍Vue框架的背景和核心思想,以及同其它MV*框架的对比。
1-1 课程-导学
1-2 前端框架回顾
1-3 vue概况以及核心思想
1-4 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使用
介绍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版本冲突问题

下载地址:Vue2.0+Node.js+MongoDB  全栈打造商城系统

原文地址:https://www.cnblogs.com/jianghaoyuan/p/10015025.html

时间: 2024-11-12 02:39:44

Vue2.0+Node.js+MongoDB 全栈打造商城系统的相关文章

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

第1章 课程介绍   1-1 课程-导学   1-2 前端框架回顾   1-3 vue概况以及核心思想   1-4 vue框架优缺点对比第2章 Vue基础   2-1 nodejs和npm的安装和环境搭建   2-2 vue环境搭建以及vue-cli使用   2-3 vue配置(上)   2-4 vue配置(下)   2-5 vue基础语法第3章 Vue-router   3-1 路由基础介绍   3-2 动态路由匹配   3-3 嵌套路由   3-4 编程式路由   3-5 命名路由和命名视图

vue2.0+node.js+MongoDB全栈打造商城系统1-导学

CK2359-vue2.0+node.js+MongoDB全栈打造商城(完整版)

随笔背景:在很多时候,很多入门不久的朋友都会问我:我是从其他语言转到程序开发的,有没有一些基础性的资料给我们学习学习呢,你的框架感觉一下太大了,希望有个循序渐进的教程或者视频来学习就好了.对于学习有困难不知道如何提升自己可以加扣:1225462853进行交流得到帮助,获取学习资料. 下载地址:http://pan.baidu.com/s/1jI05TPW 从前端入门全栈,让未来更宽广 通过实现简易的商城系统来贯穿当下最热最流行的大前端框架 - 商城采用前后端分离的开发方式 - Vue全家桶全部涉

Get全栈技能点 Vue2.0/Node.js/MongoDB 打造商城

第1章 课程介绍简单回顾前端近几年的框架模式,了解不同时期下的框架特点.其次介绍Vue框架的背景和核心思想,以及同其它MV*框架的对比. 第2章 Vue基础从0到1,如何搭建一个简单的Vue项目:本章节主要讲解Node和Npm环境的搭建,其次介绍vue-cli脚手架的使用,以及通过详细拆解介绍脚手架生成的配置文件信息,最后给大家介绍了Vue涵盖的基础语法. 第3章 Vue-router主要介绍4种路由的使用方式,主要包括动态路由.嵌套路由.编程式路由以及命名路由. 第4章 Vue-resourc

node.js+react全栈实践-Form中按照指定路径上传文件并

书接上回,讲到“使用同一个新增弹框”中有未解决的问题,比如复杂的字段,文件,图片上传,这一篇就解决文件上传的问题.这里的场景是在新增弹出框中要上传一个图片,并且这个上传组件放在一个Form中,和其他文本字段一起提交给接口. 这里就有几个要注意的问题: 图片上传时最好能在前端指定图片类型,根据这个类型上传到指定的目录.比如这里是新增用户,上传用户图片,那么这里就指定类型是“user”,那么就把这个文件上传到服务器的upload/user目录中.这样方便后期维护,比如要把项目中的文件统一迁移到另外一

《Node.js+MongoDB+AngularJS Web开发》读书笔记及联想

总体介绍 <Node.js+MongoDB+AngularJS Web开发>,于2015年6月出版,是一本翻译过来的书,原书名为<Node.js,MongoDB and AngularJS Web Development>,总的来说是一本讲述如何用Javascript进行B/S架构全栈开发的书. 该书主要讲解4种技术(框架),分为6个部分29个章节.4种技术即Node.js.MongoDB.Express.AngularJS,业内称为MEAN:6个部分我个人理解为: 基础(引言).

Node.js+MongoDB+AngularJS Web开发

这篇是计算机类的优质预售推荐>>>><Node.js+MongoDB+AngularJS Web开发> MEAN全栈工程师首部实战书 从服务器到浏览器基于JavaScript的Web应用程序权威指南 内容完整细致可直接用来入门任一技术 编辑推荐 Node.js是一种领先的服务器端编程环境,MongoDB是最流行的NoSQL数据库,而AngularJS正迅速成为基于MVC的前端开发的领先框架.它们结合在一起使得Web程序员能够完全用JavaScript创建从服务器到客户端

node.js+mongodb 爬虫

demo截图: 本demo爬瓜子二手车北京区的数据 (注:需要略懂 node.js / mongodb 不懂也没关系 因为我也不懂啊~~~) 之所以选择爬瓜子二手车网站有两点: 一.网站无需登录,少做模拟登录: 二.数据连接没有加密,直接可以用: 网上很多node.js爬虫的栗子 但大多是一个页面的栗子,很少跟数据库结合的 所以我这个栗子是糖炒的 我的基本思路是这样的 1.先在mongodb里存所有页的连接地址的集合 2.在根据这些链接地址 一个一个的把详细信息爬下来 第一步在搜索页找到翻页的规

使用Node.js + MongoDB 构建restful API

很多天前已经翻译了一大半了,今天收收尾~ RESTful API With Node.js + MongoDB Translated By 林凌灵 翻译目的:练练手,同时了解别人的思维方式 原文地址:RESTful API With Node.js + MongoDB 12 Sep 2013 我是一名移动应用开发者,我需要某种后端服务用来频繁地处理用户数据到数据库中.当然,我可以使用后端即服务类的网站(Parse, Backendless, 等等-),(译者:国内比较出名的有Bmob).但自己解