/shop

在线购物商城(vue.js+webpack+element UI)

Primary LanguageVue

shop

A Vue.js project

构建步骤

# install dependencies
git clone git@github.com:ShoutongLiu/shop.git
cd shop
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

项目结构


│  index.html
│  package.json   
│  README.md
│  
├─build      //webpack构建文件
│      
├─config	//webpack配置文件
│      
├─src
│  │  App.vue	//入口文件
│  │  main.js	
│  │  
│  ├─components  //组件文件
│  │      
│  ├─router		//路由文件
│  │      
│  └─vuex		//全局状态管理文件
│          
└─static	//静态文件

实现功能

  1. 商品详情展示
  2. 发表评论
  3. 分页功能
  4. 懒加载
  5. 加入购物车
  6. 购物车删除
  7. 价格结算
  8. 收货人信息校验
  9. 订单提交
  10. 订单列表
  11. 订单支付
  12. 订单签收
  13. 登录,退出

后续优化

  1. 界面美观

  2. 代码优化

  3. 新增其他模块

    顺手给个start激励一下!