CK2359-vue2.0+node.js+MongoDB全栈打造商城

来源:互联网 发布:matlab 优化 线性规划 编辑:程序博客网 时间:2024/05/17 09:12

CK2359-vue2.0+node.js+MongoDB全栈打造商城

随笔背景:在很多时候,很多入门不久的朋友都会问我:我是从其他语言转到程序开发的,有没有一些基础性的资料给我们学习学习呢,你的框架感觉一下太大了,希望有个循序渐进的教程或者视频来学习就好了。对于学习有困难不知道如何提升自己可以加扣:1225462853进行交流得到帮助,获取学习资料.

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

下载地址:http://pan.baidu.com/s/1jI05TPW


第一步:环境的搭建 :


vue推荐开发环境:


Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言(https://nodejs.org/zh-cn/download/)


npm: Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)

安装vue-cli脚手架构建工具


在命令行中运行命令npm install -g vue-cli,然后等待安装完成。通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。


从前端入门全栈,让未来更宽广

通过实现简易的商城系统来贯穿当下最热最流行的大前端框架

- 商城采用前后端分离的开发方式

- Vue全家桶全部涉及,Node.js提供后台接口,MongoDB做数据库

- 针对每个单一框架进行独立章节讲解,手把手教你搭建项目开发环境

适合人群及技术储备要求

本课程面向初中级前端开发者,是前端向全栈晋级的入门课程。

学习完成后,你能够掌握Vue全家桶知识,可以独立构建SPA应用,同时可进入Node.js开发领域,熟悉全栈开发

由于课程为全栈课程,需要有一定的开发经验,请务必符合以下技术储备要求

学前必备技术

熟悉HTML/CSS/JavaScript

有Vue.js、ES6、Node.js基础

有webpack基础

Vue Router

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

课程从商品列表到购物车以及地址等页面间跳转都是通过vue-router实现,每一个SPA(单页面应用)都会有一套路由,vue-router必不可少

Vue Resource/axios

主要用于异步接口请求

项目的Node通过提供Rest接口对接前端,前端所有的请求均通过axios来实现数据接收和页面渲染

Vuex

主要用于集中管理状态

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



原创粉丝点击