Vue Vant Store Save

基于vue,vantUI的商城demo,包含前端和后端

Project README

vant-store

一个商城Demo, 前端使用vant有赞UI,vue实现, 后端使用mysql,express实现。

实现的功能

  1. 登录/注册
  2. 商品列表
  3. 商品详情
  4. 购物车
  5. 收货地址
  6. 订单

项目预览

查看Demo 点这里

在手机上效果更好,扫一扫体验

二维码

前端

项目依赖

Build Vue Vuex Vue-Router Axios Vant Better-Scroll Crypto-Js

项目运行

  • img文件夹复制到 http://127.0.0.1:80 服务器下即可查看图片
  • 数据库数据及文件在 sql 目录下
# 安装依赖
npm install

# 开发预览
npm run serve

# 打包发布
npm run build

后端

项目依赖

Build Express Mysql

项目运行

# 进入目录
cd server

# 安装依赖
npm install

# 启动服务器
npm start

截图

首页

首页

商品详情

商品详情

购物车

购物车

订单

订单 订单列表

地址

地址

登录/注册

登录 注册

用户

用户

Open Source Agenda is not affiliated with "Vue Vant Store" Project. README Source: pwx123/vue-vant-store
Stars
283
Open Issues
22
Last Commit
1 year ago

Open Source Agenda Badge

Open Source Agenda Rating