webshop

A vue & node Project PC端网上商城

架构

前端：vue全家桶
后端： node:express框架
数据库：MySQL

基本功能

普通用户

注册、登录（图形验证码）
定位（腾讯地图定位功能）、自主选择所在城市
商品
- 分类
- 简单展示商品
- 查看商品详情
- 商品评论
分页功能
购物车功能
- 加入购物车
- 购物车商品数量增减
- 清空购物车
- 商品结算
多关键词模糊搜索商品（关键词需为商品名称）
用户个人中心
- 修改用户信息（头像、昵称、简介...）
- 修改手机号
- 修改密码

管理员

登录（固定账号密码：admin）
查看所有用户
查看数据库商品信息
商品上架（添加商品）
删除/修改商品
分页功能

运行

项目后端服务器是基于node、MySQL开发，运行前请确认系统已安装相关应用

git clone

服务器端

确认是否全局安装nodemon

若无安装：

npm i -g nodemon

或修改web-server/package.json

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "set PORT=3000 && node main.js",
    "build": "babel src -d dist",
    "start": "node dist/app.js"
  },

cd web-server
mkdir -p public/uploads 新建uploads文件夹保存商品图片
将web-server文件夹下的webshop.sql导入MySQL数据库中
npm install 安装依赖
修改web-server/src/config.js文件，此文件记录项目的全局变量，在文件中找到password、database、user属性，根据你的数据库信息修改它们的值
npm run dev 在本地运行，启动服务器

客户端

cd web-client
mkdir static 新建static文件夹，防止报错
npm install 安装依赖
npm run dev 在本地运行
接着就可以在http://localhost:8080下访问到该项目

QuiErro/WebShop

webshop

架构

基本功能

普通用户

管理员

运行

服务器端

客户端