# backendv3

**Repository Path**: ruoqiao/node-mysql-backend

## Basic Information

- **Project Name**: backendv3
- **Description**: node-mysql-v3-backend

- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-05-07
- **Last Updated**: 2024-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue Admin

## 项目介绍

### 技术栈

> - Vue3 + Vue-Router4 + Pinia + Vite + Element-Plus

## 环境要求

> - Node.js >= 16.0.0 <= 18.0.0
> - pnpm >= 7.x
> - mysql >= 5.6
> - redis
> - WebStorm 2022.3.3
> - ApiPost
> - Navicat Premium 15.x
> -

## 项目运行

> - 1: `pnpm install` 安装依赖
> - 2: `pnpm run dev` 启动项目
> - 3: `pnpm run build` 打包项目
> - 4: `pnpm run serve` 预览打包项目

## 设计原则

### 颜色设计

### 路由设计

## 功能介绍

> - 登录 / 注销 [ ]
> - 权限验证 [X]
> - 多环境发布 [√]
> - 动态侧边栏（支持多级路由） [√]
> - 动态面包屑 [√]
> - Svg Sprite 图标 [X]
> - Mock 数据 / Nodejs 接口 [X] / [√]
> - 富文本编辑器 [X]

## 项目结构

```
v3
 ├── src                        // 源代码目录
 │   ├── @CORE                  // 核心代码
 │   ├── api                    // 接口请求管理
 │   ├── App.vue                // 项目根你入口
 │   ├── assets                 // 静态资源
 │   ├── composables            //即用引入目录
 │   ├── directives             // 自定义插件目录
 │   ├── enums                  // 枚举目录
 │   ├── layout                 // 布局目录
 │   ├── main.js                // 主入口目录
 │   ├── navigation             // 静态菜单导航目录
 │   ├── router                 // 路由目录
 │   ├── stores                 // Pinia sTORE MULU
 │   ├── utils                  // 工具函数目录
 │   └── views                  // 视图目录
 ├── public                     // 静态资源目录
 ├── types                      // 系统类型目录
 ├── vite                       // Vite 配置目录
 │   ├── plugins
 │   └── createVueFile.js
 ├── tailwind.config.cjs        // tailwind 配置文件
 ├── package.json               // 项目配置文件
 ├── postcss.config.cjs         // postcss 配置文件
 ├── index.html                 // 入口页面
 ├── vite.config.js             // Vite 配置文件
 ├── README.md                  // 项目说明
```

## 项目打包

> - 1: `pnpm run build` 打包项目

## 项目部署

> - 1: `pnpm run build` 打包项目
> - 2: `检查打包路径是否正确`

## 项目配置

```
return http.post(`/login`, params, { headers: { noLoading: true } }); // 正常 post json 请求  ==>  application/json
return http.post(`/login`, params, { headers: { noLoading: true } }); // 控制当前请求不显示 loading
return http.post(`/login`, {}, { params }); // post 请求携带 query 参数  ==>  ?username=admin&password=123456
return http.post(`/login`, qs.stringify(params)); // post 请求携带表单参数  ==>  application/x-www-form-urlencoded
return http.get(`/login?${qs.stringify(params, { arrayFormat: "repeat" })}`); // 如果是 get 请求可以携带数组等复杂参数
```