vue-shop v1.0.0

vue-shop

基于 vue-jd

安装

1. 下载项目

git clone https://github.com/viosey/vue-shop.git

2. 在 MySQL 中导入 vue-shop.sql 文件

运行

1. 修改数据库配置：

route/index.js

自行修改 host, user, password database

const db = mysql.createPool({
    host: 'localhost',
    user: 'root',
    password: 'root',
    database: 'vue-shop'
});

2. 进入项目目录：

cd vue-shop

3. 安装依赖：

npm install

4. 开启后台服务：

node server.js

5. 运行 dev 模式：

npm run dev

目录结构

架构

前端

• SCSS, Vanilla.js
• 脚手架: vue-cli
• 数据请求处理框架: axios
• 路由处理: vue-router
• 图片懒加载: vue-lazyload

服务端

• Node.js
• Express 中间件进行服务的配置，路由、请求的处理
• body-parser: 中间件进行前端请求参数的获取
• cookie-parser, cookie-session: cookie 与 session 的处理

数据库

• MySQL