# MyVueShop

**Repository Path**: myqsocool/my-vue-shop

## Basic Information

- **Project Name**: MyVueShop
- **Description**: 基于vue2后台管理
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-02
- **Last Updated**: 2022-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, HTML, Less, JavaScript, CSS

## README

# 概述

```
移动端、PC 后台、小程序、移动 Web、移动 App
                服务器
                数据库
```

PC 后台管理系统

## 后台管理系统功能

管理用户账号、商品分类、商品信息、订单、数据统计等业务功能

### 开发模式:

前后端分离

##### 使用技术

前端:

- Vue
- Vue-router
- Element UI
- Axios
- Echarts 数据报表

后端：

- Nodejs
- Express
- JWT 状态保持
- Mysql
- Sequelize 操作数据库框架

# 项目初始化

1. 安装 Vue 脚手架
2. 通过脚手架创建项目
3. 配置 Vue 路由
4. 配置 ElementUI 组件库
5. 配置 axios 库
6. 初始化 git 远程仓库
7. 将本地项目托管到 Github 或码云中

# 项目上线

使用在服务端安装 node 并使用 express 托管静态资源目录

```javascript
const express = require('express')

const app = express()

app.use(express.static('./dist'))

app.listen(80, () => {
  console.log('server running at http:127.0.0.1')
})
```

# 登录退出

## 1. 登录业务流程

1. 登录页输入用户名密码

2. 调用后台接口进行验证

3. 验证后，通过后台响应状态跳转到项目主页

## 2. 登录业务相关技术点

- http 是无状态的
- 通过 cookie 在客户端记录状态(不存在跨域问题 推荐使用)
- 通过 session 在服务器记录状态(不存在跨域问题 推荐使用)
- 通过 token 方式维持状态(存在跨域问题 推荐使用)
  - 服务器验证成功返回 token 给客户端保存，后续携带 token 发送请求交给服务器验证是否通过