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

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

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

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

难度 中级 时长 25小时 学习人数 2633 综合评分 9.95

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+

万事俱备 只等你来

  • 天添1991

    好评

    将近120小时的学习,终于学完了jackbean老师的这门实战课程,课程所涵盖的知识非常多,老师的讲解却非常细致,经过这段时间的学习,感觉自己真的第一次对全栈开发有了一个系统了解,学得越多越发现自己什么都不会,什么都不懂,还是需要在之后的学习中继续深入和拓展。。尤其想要感谢老师的一点是,对于学习中遇到的问题,提出的问题,老师每天都会及时给出解答,其中有个问题我问了两次,可能是表达的不够清晰,老师也觉得比较奇怪,就让我加了QQ单独给我讲,远程控制电脑给我演示我做错的地方,我想说虽然是付费课程,但真心值了!!希望以后能看到老师推出更多更好的课程,继续跟着老师学习~~

  • web阿周

    好评

    将近50个小时的学习,还是收获了很多, 内容还是比较多的, 最大的感触是看一个老师好不好,就看对待一个问题的反映, 水平一般的老师就是说:这个就是这么写,咱们不要去改动他,他就是规定这么写的. 好老师是这么说的:这个咱们最好这么写, 为什么要这么写呢,因为......,当然,其实我们也可以这么写.....唯一的小缺点就是源码有时候接不上, 基础不好的可能会踩点坑, 不过课程都结束几个月了, 我现在去问老师问题,老师还是会去解答,这里给老师的耐心点个赞,希望能出更多的好视频!

  • 杨真心_十三

    好评

    原本打算花三四天跟着学一遍做一遍的。没想到花了整整六天,累计五十多个小时学下来。这套视频的知识点非常接近实战,虽然课程18h。但是,学完后发现老师讲的非常的精细,做的准备工作非常的足。这样的课程仅仅只收费三百多RMB是非常良心的。如果和当下培训班一天讲5、6h的课,按天收费的话一天500+,有的培训班一天1000的培训费用,感觉那听的是云里雾里的。并且,培训班不同病而同药。所以,这套课程的性价比超高。我是更偏爱网课学习的,省去了大量的通勤时间,可以随时随地的学。并且,这套视频制作精良,比培训班的视频制作精细。跟谁学?学什么?怎么学?都非常重要。这套视频。比个赞。

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

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题