# MALL-VUE
[![Build Status](https://travis-ci.com/PowerDos/Mall-Vue.svg?branch=master)](https://travis-ci.com/PowerDos/Mall-Vue)
[![VueJS Version](https://img.shields.io/badge/VueJS-v2.5-green.svg?style=flat-square)](https://vuejs.org/)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Read the Docs (version)](https://img.shields.io/readthedocs/pip/stable.svg)](https://github.com/PowerDos/Mall-Vue)
[![status](https://img.shields.io/badge/Mall--Vue-maintain-brightgreen.svg)](https://standardjs.com)
[![npm version](https://img.shields.io/badge/npm-v5.5.1-brightgreen.svg)](https://standardjs.com)
[![iview version](https://img.shields.io/badge/iview-2.13.1-brightgreen.svg)](https://standardjs.com)
[![author](https://img.shields.io/badge/author-Gavin-brightgreen.svg)](https://standardjs.com)
> This is a front-end project of an e-commerce website based on VUE + VUEX + iView UI, and the version that combines with the backend API server is on **forMallServer** branch,welcome to fork or star
> The online demo: [https://powerdos.github.io/Mall-Vue/index.html](https://powerdos.github.io/Mall-Vue/index.html "Mall-Vue")
## Document
[中文](https://github.com/PowerDos/Mall-Vue/blob/master/README-ZH.md) | [English](https://github.com/PowerDos/Mall-Vue/blob/master/README.md)
## Prerequisites
**Branch introduction:**
> The **master** branch is a pure front-end project.(using:Vue+Vuex+iView)
> The **forMallServer** branch is a front-end project(using:Spring+Struts+Hibernate) that combines with the backend API server. The mall api server:[https://github.com/PowerDos/Mall-Server](https://github.com/PowerDos/Mall-Server)
> The **Mall-CI**branch is a project including the front-end, back-end, mobile-end (in progress,reference Projects)
**Better clone:**
> if you only want to view pure front-end project,we strong recommend you to using **git clone {repo} --depth=1** to get master branch
> if you want to clone whole repository (178M), make sure your network speed meets the requirements or use other proxy tools
## How to run
### Using Node
``` bash
# Install dependencies
npm install
# Serve with hot reload at localhost:8080
npm run dev
# Build for production with minification
npm run build
```
### Using Docker
```
docker run -d -p 80:80 --name mall-web registry.cn-beijing.aliyuncs.com/w929732982/mall-web
```
> 预览地址: http://127.0.0.1
## TO-DO-LIST
- [x] [HOME PAGE](#home-page)
- [x] [LOGIN PAGE](#login-page)
- [x] [SIGNUP PAGE](#signup-page)
- [x] [PRODUCT LIST PAGE](#product-list-page)
- [x] [PRODUCT DETAIL PAGE](#product-detail-page)
- [x] [SHOPPING CART PAGE](#shopping-cart-page)
- [x] [ORDER PAGE](#order-page)
- [x] [PAY PAGE](#pay-page)
- [x] [SUCCESS PAGE](#success-page)
- [x] [FREEBACK PACE](#freeback-page)
- [x] [MERCHANT PAGE](#merchant-page)
- [x] [USER PAGE](#user-page)
## PAGE
### HOME PAGE
![首页1](https://i.imgur.com/cNtx70M.png)
![首页2](https://i.imgur.com/ju5lfUc.png)
![首页3](https://i.imgur.com/K8MMYGq.png)
### PRODUCT LIST PAGE
![商品搜索页面1](https://i.imgur.com/Wu7TJ4G.png)
![商品搜索页面2](https://i.imgur.com/ZTDRB2X.png)
### PRODUCT DETAIL PAGE
![商品详情页面1](https://i.imgur.com/0SQxUCN.png)
![商品详情页面2](https://i.imgur.com/kBiQM9O.png)
![商品详情页面3](https://i.imgur.com/aERYRmX.png)
![商品详情页面4](https://i.imgur.com/vRpvcvj.png)
### SHOPPING CART PAGE
![购物车页面](https://i.imgur.com/m5tftN7.png)
### ORDER PAGE
![确认订单页面](https://i.imgur.com/iNM3CQH.png)
### PAY PAGE
![支付页面](https://i.imgur.com/4OdCynR.png)
### SUCCESS PAGE
![购买成功页面](https://i.imgur.com/tOATGZP.png)
### FREEBACK PACE
![反馈页面](https://i.imgur.com/fbOZAH8.png)
### MERCHANT PAGE
![商家店铺页面](https://i.imgur.com/Zgu54lw.png)
### USER PAGE
![用户页面](https://i.imgur.com/ttCwhyT.png)
### LOGIN PAGE
![登陆页面](https://i.imgur.com/d16GjOi.png)
### SIGNUP PAGE
![注册页面](https://i.imgur.com/no4Cb65.png)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 基于Vue+Vuex+iView的电子商城网站全部资料+详细文档+源码+高分项目.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于Vue+Vuex+iView的电子商城网站全部资料+详细文档+源码+高分项目.zip (158个子文件)
.babelrc 230B
.editorconfig 147B
.eslintignore 30B
.gitignore 188B
index.html 270B
8.jpg 234KB
4.jpg 219KB
5.jpg 206KB
1.jpg 165KB
3.jpg 139KB
1.jpg 126KB
item-detail-3.jpg 116KB
3.jpg 104KB
6.jpg 102KB
7.jpg 90KB
2.jpg 89KB
item-detail-2.jpg 89KB
2.jpg 83KB
5.jpg 77KB
item-detail-1.jpg 71KB
4.jpg 62KB
item-show-1.jpg 58KB
item-detail-4.jpg 39KB
item-as-img-1.jpg 34KB
item-show-8.jpg 32KB
2.jpg 32KB
sale.jpg 29KB
item-eat-2-6.jpg 29KB
item-computer-2-7.jpg 23KB
item-show-2.jpg 23KB
item-show-4.jpg 23KB
4.jpg 22KB
1.jpg 21KB
item-eat-2-1.jpg 20KB
item-show-3.jpg 20KB
item-show-6.jpg 19KB
seckill-item1.jpg 18KB
item-eat-1-1.jpg 18KB
5.jpg 17KB
8.jpg 17KB
seckill-item3.jpg 17KB
seckill-item4.jpg 16KB
2.jpg 14KB
nav_showimg1.jpg 14KB
6.jpg 14KB
item-show-5.jpg 13KB
7.jpg 13KB
item-computer-1.jpg 11KB
item-eat-1-8.jpg 11KB
item-show-7.jpg 11KB
item-eat-1-7.jpg 11KB
item-computer-2-1.jpg 11KB
4.jpg 10KB
item-eat-1-6.jpg 10KB
3.jpg 10KB
1.jpg 10KB
3.jpg 9KB
seckill-item5.jpg 9KB
item-eat-2-8.jpg 8KB
item-computer-2-6.jpg 8KB
nav_showimg2.jpg 8KB
item-eat-2-7.jpg 8KB
item-computer-1-6.jpg 8KB
item-eat-1-2.jpg 8KB
item-computer-1-8.jpg 7KB
item-computer-1-7.jpg 7KB
item-computer-2-8.jpg 7KB
item-as-img-2.jpg 7KB
item-eat-1-3.jpg 6KB
5.jpg 5KB
item-computer-2-3.jpg 5KB
item-eat-2-2.jpg 5KB
item-eat-1-4.jpg 5KB
6.jpg 5KB
item-computer-1-4.jpg 5KB
seckill-item2.jpg 4KB
item-computer-2.jpg 4KB
item-computer-2-4.jpg 4KB
item-eat-1-5.jpg 4KB
item-computer-2-5.jpg 4KB
item-computer-2-2.jpg 4KB
item-computer-1-5.jpg 3KB
2.jpg 3KB
item-computer-1-3.jpg 3KB
6.jpg 2KB
5.jpg 2KB
1.jpg 2KB
4.jpg 1KB
8.jpg 1KB
3.jpg 1KB
7.jpg 1KB
9.jpg 1KB
actions.js 24KB
webpack.prod.conf.js 5KB
index.js 4KB
webpack.dev.conf.js 3KB
utils.js 3KB
webpack.base.conf.js 2KB
index.js 2KB
mutations.js 2KB
共 158 条
- 1
- 2
资源评论
Yuki-^_^
- 粉丝: 3101
- 资源: 2837
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功