# 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)
xianzhang
- 粉丝: 20
- 资源: 4594
最新资源
- 基于机器学习的锂离子电池容量估计使用多通道充电配置程序,利用神经网络学习容量与充电性能之间的关系 使用前馈神经网络,卷积神经网络和长短时记忆来准确地估计健康状态 电池寿命预测,有相关资料数据
- centos 7 chrome浏览器及所有依赖包
- 基于遗传算法优化极限学习机(GA-ELM)的数据回归预测 matlab代码
- STM32L0系列微控制器的设备支持包
- 医疗问诊平台会员续费分析活动数据.zip
- 遗传算法微网优化 考虑风光柴油机等设备,程序注释详细,适合初学者学习
- 区间综合柜零层端子配线表.dwg-2019-03-03-17-14-05-703.bak
- 永磁同步电机矢量控制foc simulink仿真 转速电流双闭环,pi控制器
- BP神经网络的数据分类预测和故障信号诊断分类matlab代码 ,直接运行出数据分类结果和误差分布,注释详细易读懂,可直接套数据运行 PS:基于遗传算法的BP神经网络数据分类预测,基于PNN概率神经
- 2024国家公务员招录职位信息.zip
- springboot集成常用开发中间件,分库分表,缓存,消息队列,定时器,权限管理等组件
- 欧姆龙cp1h-xa40dt-d与台达变频器modbus rtu通讯程序 控制启停、写入频率和读取频率,plc型号cp1h-xa40dt-d,触摸屏型号是威纶通mt6103ip和mt8071ie,变
- 台达eh3与台达温控器modbus rtu通讯程序 程序有注释 plc为台达eh3,触摸屏为dop-107bv,温控器为台达dta4848系列
- 西门子PLC通用库 S7.Net.dll
- 基于Python Tkinter的图像处理工具:实现与应用
- VB6.0股票实时交易数据采集源代码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
评论1