# vant-store
一个商城Demo, 前端使用vant有赞UI,vue实现, 后端使用mysql,express实现。
# 实现的功能
1. 登录/注册
2. 商品列表
3. 商品详情
4. 购物车
5. 收货地址
6. 订单
# 项目预览
查看Demo [点这里](http://182.254.192.62/vue-vant-store)
在手机上效果更好,扫一扫体验
![二维码](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/qrcode.png)
# 前端
## 项目依赖
<p align="center">
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/travis/rust-lang/rust.svg" alt="Build">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/vue-v2.5.17-blue.svg" alt="Vue">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/vuex-v3.0.1-blue.svg" alt="Vuex">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/vue--router-v3.0.1-blue.svg" alt="Vue-Router">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/axios-v0.18.0-blue.svg" alt="Axios">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/vant-v1.2.1-blue.svg" alt="Vant">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/better--scroll-v1.12.6-blue.svg" alt="Better-Scroll">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/crypto--js-v3.1.9--1-blue.svg" alt="Crypto-Js">
</a>
</p>
## 项目运行
* 将 `img`文件夹复制到 `http://127.0.0.1:80` 服务器下即可查看图片
* 数据库数据及文件在 `sql` 目录下
``` bash
# 安装依赖
npm install
# 开发预览
npm run serve
# 打包发布
npm run build
```
# 后端
## 项目依赖
<p align="center">
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/travis/rust-lang/rust.svg" alt="Build">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/express-v4.6.0-blue.svg" alt="Express">
</a>
<a href="http://sioxas.github.io/">
<img src="https://img.shields.io/badge/mysql-v2.16.0-blue.svg" alt="Mysql">
</a>
</p>
## 项目运行
``` bash
# 进入目录
cd server
# 安装依赖
npm install
# 启动服务器
npm start
```
# 截图
### 首页
![首页](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/index.png)
### 商品详情
![商品详情](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/good.png)
### 购物车
![购物车](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/cart.png)
### 订单
![订单](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/order.png)
![订单列表](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/orderlist.png)
### 地址
![地址](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/address.png)
### 登录/注册
![登录](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/login.png)
![注册](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/reg.png)
### 用户
![用户](https://github.com/pwx123/vue-vant-store/raw/master/screenshots/user.png)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
便利店 一个商城Demo,预先使用vant有赞UI,vue实现,使用mysql,表达实现。 实现的功能 登录/注册 商品列表 商品详情 购物车 收货地址 订单 项目预览 查看演示 在手机上效果更好,扫一扫体验 前端 项目依赖 项目运行 将img文件夹复制到http://127.0.0.1:80服务器下即可查看图片 数据库数据及文件在sql目录下 # 安装依赖 npm install # 开发预览 npm run serve # 打包发布 npm run build 初步 项目依赖 项目运行 # 进入目录 cd server # 安装依赖 npm install # 启动服务器 npm start 截图 首页 商品详情 购物车 订单 地址 登录/注册 用户
资源详情
资源评论
资源推荐
收起资源包目录
vue-vant-store:基于vue,vantUI的商城demo,包含前端和垂直 (102个子文件)
.browserslistrc 33B
style.css 111B
.editorconfig 147B
.gitignore 214B
index.html 771B
favicon.ico 1KB
layout.jade 125B
error.jade 84B
index.jade 66B
detail-5.jpg 419KB
detail-6.jpg 198KB
detail-1.jpg 177KB
swipe-1.jpg 171KB
swipe-1.jpg 171KB
detail-3.jpg 166KB
swipe1-1.jpg 152KB
swipe1-1.jpg 152KB
swipe-2.jpg 144KB
swipe-2.jpg 144KB
swipe-3.jpg 130KB
swipe-3.jpg 130KB
detail-2.jpg 122KB
swipe1-2.jpg 120KB
swipe1-2.jpg 120KB
swipe1-3.jpg 117KB
swipe1-3.jpg 117KB
detail-4.jpg 117KB
swipe-4.jpg 109KB
swipe-4.jpg 109KB
bgc.jpg 76KB
bgc.jpg 76KB
pic-3.jpg 73KB
pic-3.jpg 73KB
pic-7.jpg 50KB
pic-7.jpg 50KB
pic-4.jpg 42KB
pic-4.jpg 42KB
pic-5.jpg 29KB
pic-5.jpg 29KB
pic-2.jpg 26KB
pic-2.jpg 26KB
pic-1.jpg 22KB
pic-1.jpg 22KB
pic-6.jpg 16KB
pic-6.jpg 16KB
index.js 10KB
index.js 2KB
app.js 2KB
http.js 2KB
util.js 1KB
api.js 861B
mutations.js 527B
.eslintrc.js 378B
main.js 363B
vue.config.js 335B
getters.js 327B
mutations-types.js 318B
state.js 273B
index.js 245B
connect.js 206B
users.js 203B
postcss.config.js 60B
babel.config.js 46B
package-lock.json 438KB
package-lock.json 28KB
package.json 710B
package.json 318B
.prettierrc.json 49B
README.md 3KB
index.png 197KB
good.png 174KB
login.png 158KB
reg.png 144KB
user.png 138KB
orderlist.png 90KB
order.png 66KB
cart.png 54KB
address.png 49KB
qrcode.png 1KB
vantstore.sql 18KB
bars.svg 2KB
method-draw-image.svg 505B
Cart.vue 10KB
Good.vue 7KB
Order.vue 6KB
Home.vue 5KB
scrollX.vue 3KB
Reg.vue 3KB
Login.vue 3KB
OrderList.vue 2KB
AddressList.vue 2KB
tabItem.vue 2KB
scrollY.vue 2KB
User.vue 1KB
backgroundImg.vue 1KB
github.vue 1KB
goodItem.vue 1023B
Tab.vue 828B
EditAddress.vue 702B
App.vue 509B
共 102 条
- 1
- 2
xianzhang
- 粉丝: 20
- 资源: 4594
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1