worldsong / vue2-shop-2019

Vue2全栈商城项目实战2019

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue2-shop

vue2全栈商城项目

Build Setup

# Node.js 环境搭建
使用 nvm 安装 node.js
nvm install 8.16.0

# Vue项目的开发环境
npm i vue-cli -g

# project init (项目初始化)
vue init webpack vue2-shop

# install dependencies(安装依赖)
npm install

# serve with hot reload at localhost:8080 (试运行)【开发环境】
npm run dev

# build for production with minification (项目构建打包)【生产环境】
npm run build

# build for production and view the bundle analyzer report 【可视化打包文件分析】
npm run build --report

For a detailed explanation on how things work, 联系:772083612@qq.com

全栈商城项目实战

Vue2商城需求分析及框架搭建,商品列表实现

商品列表模块实现的两种方式

商城后台框架搭建与商品列表滚动分页

业务功能开发(一)(分页查询及登录拦截)

业务功能开发(二)(购物车)

业务功能开发(三)(购物车及收货详情)

业务功能开发(四)(订单处理)

Vue项目打包优化及部署上线+课程总结

环境资源

Webstorm、git、nvm、vue-devtools、mongodb

链接:https://pan.baidu.com/s/192FcnHjvm3cZc6b6mUlUmw 提取码:ite8

作业

第一课作业:

样式引入到组件内,Vue页面实现和原型html页面有出入;没有做到像素级同步,为什么?

目的:考查对项目的熟悉程度,对样式的熟练程度。

第一节课笔记:

1、全栈商城项目课程简介

2、第一讲:需求分析及框架搭建,商品列表实现(2019-6-12)

第二节课笔记:

1、第二讲:商品列表模块实现的两种方式及价格过滤组件的实现(含移动端适配)(2019-6-15)

第三节课笔记:

1、第三讲:商城后台框架搭建与商品列表滚动分页及价格过滤功能实现(2019-06-16)

第四节课笔记:

1、第四讲:业务功能开发(一)商品加入购物车及用户登录登出(2019-06-19)

第五次课笔记:

1、第五讲:业务功能开发(二)(登录相关的高级功能及购物车列表功能实现)(2019-06-22)

第六节课笔记:

1、第六讲:业务功能开发(三)(购物车及收货地址页面功能)(2019-06-23)

第七节课笔记:

1、第七讲:业务功能开发(四)(收货地址及订单处理)(2019-06-26)

第八次课笔记:

1、第八讲:Vuex引入及Vue项目打包优化及部署上线+课程总结(2019-6-29)

About

Vue2全栈商城项目实战2019


Languages

Language:CSS 47.1%Language:Vue 20.3%Language:HTML 18.0%Language:JavaScript 14.6%