Code Monkey home page Code Monkey logo

vanfashion's Introduction

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文件,此文件记录项目的全局变量,在文件中找到passworddatabaseuser属性,根据你的数据库信息修改它们的值

  • npm run dev 在本地运行,启动服务器

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

vanfashion's People

Contributors

qinzhiquan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.