All Projects → pwx123 → Vue Vant Store

pwx123 / Vue Vant Store

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

Projects that are alternatives of or similar to Vue Vant Store

Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+360.43%)
Mutual labels:  mysql, express
Aclify
🔒 Node Access Control Lists (ACL).
Stars: ✭ 49 (-73.8%)
Mutual labels:  mysql, express
Jobsort
job board that queries hacker news who is hiring job listings from a database and sorts by tech the user knows and how well the user knows them
Stars: ✭ 20 (-89.3%)
Mutual labels:  mysql, express
Node Express Mongoose Demo
A simple demo app using node and mongodb for beginners
Stars: ✭ 4,976 (+2560.96%)
Mutual labels:  express, demo
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (-37.43%)
Mutual labels:  express, store
Demo Scene
👾Scripts and samples to support Confluent Demos and Talks. ⚠️Might be rough around the edges ;-) 👉For automated tutorials and QA'd code, see https://github.com/confluentinc/examples/
Stars: ✭ 806 (+331.02%)
Mutual labels:  mysql, demo
Fluttergames
Flutter app for purchasing and renting games.
Stars: ✭ 182 (-2.67%)
Mutual labels:  demo, store
Koa Vue Notes Api
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and async/await.
Stars: ✭ 342 (+82.89%)
Mutual labels:  mysql, demo
Nodejs Mysql Links
A CRUD Web Application with authentication using Nodejs, Mysql and other Javascript technologies
Stars: ✭ 110 (-41.18%)
Mutual labels:  mysql, express
Mern Social Network
A Notes App developed with MERN stack. Screenshots below. Visit the link for SPA version!! 📝 📒
Stars: ✭ 85 (-54.55%)
Mutual labels:  mysql, express
Vue2 blog
使用vue2.x + vue-cli +vue-router+ vuex + axios + mysql + express + pm2 + webpack+nginx构建的具有登录,注册,留言,用户发帖,用户评论等功能的SPA Blog。注意,注意,注意,后端API全部自己手写,很适合刚学习vue以及express的小伙伴学习,喜欢请Star鼓励一下我,谢谢!项目预览:
Stars: ✭ 417 (+122.99%)
Mutual labels:  mysql, express
Genealogy
Laravel 8 and Vue family tree and genealogy data processing website.
Stars: ✭ 153 (-18.18%)
Mutual labels:  mysql, demo
Video.github.io
🎬视频网站项目已实现功能: 首页导航栏,中部轮播图,以及电影列表的展现,底部导航链接 注册页面 视频播放页面 搜索页面 登录页面 用户管理页面 一键安装 电影抓取 等功能。基于NodeJS的Express框架开发的动态网站项目,下面也提供了本程序的相关演示站点。
Stars: ✭ 413 (+120.86%)
Mutual labels:  mysql, express
React Express Fullstack
Full stack (mostly unopinionated) starter pack with React+Redux and Expressjs
Stars: ✭ 23 (-87.7%)
Mutual labels:  mysql, express
Express Rest Api Boilerplate
Express REST API with JWT Authentication and support for sqlite, mysql, and postgresql
Stars: ✭ 384 (+105.35%)
Mutual labels:  mysql, express
Taskhelp Api
TODO管理 Node.js Express Typescript練習用プログラム
Stars: ✭ 40 (-78.61%)
Mutual labels:  mysql, express
Seckill Demo
一个简单的SSM框架的商品秒杀系统🦄
Stars: ✭ 315 (+68.45%)
Mutual labels:  mysql, demo
Autoops
linux资产管理,cmdb,django, webssh,运维管理平台,数据库操作平台 本项目已停止开发!因长时间未对代码进行维护,可能会造成项目在不同环境上无法部署、运行BUG等问题,请知晓!项目仅供参考!
Stars: ✭ 340 (+81.82%)
Mutual labels:  mysql, demo
Bbs node
node后端服务,node+express+mysql, 搭建token-权限-管理完整的web服务, 对应页面: https://www.lyh.red/admin \ https://www.lyh.red/bbs \ 接口地址https://www.lyh.red/apidoc/index.html
Stars: ✭ 78 (-58.29%)
Mutual labels:  mysql, express
Aspnetcore Angular Ngrx
🚀 An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects and Signalr
Stars: ✭ 141 (-24.6%)
Mutual labels:  demo, store

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

截图

首页

首页

商品详情

商品详情

购物车

购物车

订单

订单 订单列表

地址

地址

登录/注册

登录 注册

用户

用户

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].