Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/worldsong/vue2-shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
https://github.com/worldsong/vue2-shop
axios express mall mongodb node shop vue-router vue2 vuex website
Last synced: 3 months ago
JSON representation
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
- Host: GitHub
- URL: https://github.com/worldsong/vue2-shop
- Owner: worldsong
- Created: 2017-10-29T09:23:13.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T08:46:28.000Z (almost 2 years ago)
- Last Synced: 2024-04-17T14:00:38.606Z (7 months ago)
- Topics: axios, express, mall, mongodb, node, shop, vue-router, vue2, vuex, website
- Language: CSS
- Homepage: http://vue2shop.songfens.club/
- Size: 1.55 MB
- Stars: 104
- Watchers: 3
- Forks: 34
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue2-shop
> A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
## Run Setup
注意：先启动MongoDB
``` bash
# cd server
# npm i (商城服务端依赖安装)
# node bin/www (启动服务端)
# cd .. (切到项目根目录)
# npm i (Vue项目依赖安装)
# npm start (Vue商城启动)
## Build Setup
``` bash
# project init(项目初始化)
vue init webpack vue-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, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
more info, contact with [email protected]
### 全栈商城项目实战
Vue2商城需求分析及框架搭建，商品列表实现
商品列表模块实现的两种方式
商城后台框架搭建与商品列表滚动分页
业务功能开发（一）（分页查询及登录拦截）
业务功能开发（二）（购物车）
业务功能开发（三）（购物车及收货详情）
业务功能开发（四）（订单处理）
Vue项目打包优化及部署上线+课程总结