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

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

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

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

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

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

¥348.00

观看试看视频

Vue2.6+Node.js+MongoDB 全栈打造商城系统
为什么要进行升级?因为课程问世两年多,依然是非常受欢迎的经典课程。现在,前后端的版本已经发生巨大变化,所以对这门课程做了版本和框架层面的升级。课程前后端兼顾,用Vue.js、Node.js、Koa、ES6等热门前端技术结合MongoDB,完成前后端开发,作为全栈入门和毕业项目再好不过。让你顺畅地从前端晋级到全栈,让你的职业道路更加宽广,让你的未来发展有更多可能!
河畔一角

前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

版本+框架双重升级,带你更好从前端入门全栈

如果你想从前端发展成全栈,这门课程就是你入门的捷径

-通过实现一个简易的商城系统来贯穿当下最热最流行的大前端框架-
-商城采用前后端分离的开发方式-
-Vue全家桶全部涉及,Node.js提供后台接口,MongoDB做数据库-
-针对每个单一框架进行独立章节讲解,手把手教你搭建项目开发环境-

前端技术栈升级

Vue版本升级 (Vue^2.6/Router^3.1/Vuex^3.1 )
开发环境升级(Node^12.13)/脚手架升级(Vue-Cli4.0)

后端技术栈升级

采用热门框架Koa2搭建环境
讲解Koa2中间件/15个后端接口优化

处理兼容性问题

数据库配置优化
接口地址优化/错误拦截优化

新版Webpack4.42讲解

语法介绍/基础打包(编译文件、图片、样式)/编译Vue和React项目
启动本地服务,开启Source-map/模仿开发ElementUI Button组件,
并使用Webpack进行打包运行。

用前端技术开发的商城整站

项目已部署上线,你可抢先体验:http://lemall.futurefe.com/#/

商品列表页面

购物车列表页面

地址页面

订单成功页面

订单确认页面

项目前端技术栈:升级为Vue2.6全家桶

Vue Router

主要针对前端页面路由跳转

课程从商品列表到购物车以及地址等页面间跳转
都是通过Vue-router实现每一个SPA(单页面应
用)都会有一套路由,Vue-router必不可少。
程新增知识点——扩展Meta元数据,更为完备

Vue Resource/axios

主要用于异步接口请求

优化Axios,删除冗余代码。项目的Node通过提
供Rest接口对接前端,前端所有的请求均通过
Axios来实现数据接收和页面渲染。

Vuex

主要用于集中管理状态

项目的登录状态和购物车数量等状态在每个页面
都需要使用,因此使用Vuex来集中管理,大大降
低我们组件开发数据传递的复杂度。

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

Koa2

内容升级,新增Koa2热门框架讲解,采用
Koa2重构后端,两套代码更超值

Node.js+Express框架

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

MongoDB

MongoDB以最常用的数据传输格式json进行
数据存储,并且可以和Node.js进行无缝集成

项目开发流程

01

环境搭建

02

使用Vue
脚手架创建
项目模板

03

商品列表
页面实现

04

登录模块设计

05

购物车
页面实现

06

地址模块实现

07

订单确认
模块实现

08

订单成功
模块实现

09

项目打包
部署上线

学员专享增值服务

问答专区
讲师集中答疑
关于课程的问题都可在问答区随时提
问,讲师会进行集中答疑
源码开放
整套代码下载
课程案例代码完全开放给你,你可以根据所
学知识,自行修改、优化

环境参数

  • 技术语言 HTML、CSS、ES6、Node.js
  • 框架 Vue.js 2.x、Vue Router 2.x、
  • 框架 Axios 0.16、Vue Resource 1.x
  • 框架 Vuex 2.x
  • 框架 Express 4.x
  • 数据库 MongoDB
  • 开发系统 mac、windows、linux
  • 环境配置 node 6+ npm 4+

万事俱备 只等你来

  • 我是顽主

    好评

    课程由浅入深,通俗易懂,四两拔千斤的讲解Vue,全面而细致的从核心原理到上线部署,负责的老师,专业的课程,很赞,当然也有一个建议,目前的课程大部分都是负责实现,缺少了架构师思考模式的封装概念,比如数据请求封装,不同页面的数据请求很多,我们不可能都写在当前页面,是否统一对应一个service模块等等,期待高级课程里,除了难度之外,更多带来技术思想上的升华,谢谢

  • 匿名用户

    好评

    课程非常不错,Vue全家桶讲解非常全面,ES6讲解的也很全面,对进入全栈来说,是一门非常不错的选择,看的出来老师也非常用心。希望后期可以出更多好的视频

  • qq_1233_23593314

    好评

    干货超多,涉及到开发中前后端的各个点,在实战写代码的过程中经常会看到第一次写不对之后解决问题这么一个过程,这种调试的过程真的很重要。 老师不止于将一个个知识点讲述出来,而且会将这种思路,方法,以及之后遇到问题如何解决或者想要拓宽知识或者想对某知识点更加细化深入该如何做如何查资料都一一给出建议,可谓鱼渔兼授。 除此之外,老师还超萌的~~ 我上课多次被逗笑是不是该去墙角罚站。。

查看全部637条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信