84 lines
1.4 KiB
Markdown
84 lines
1.4 KiB
Markdown
# I. 前端 Enums 速查
|
||
|
||
:::tip 概述
|
||
前端枚举定义在 `ui/src/enums/` 目录下，用于统一管理常量值。
|
||
:::
|
||
|
||
## httpEnum
|
||
|
||
**文件**：`enums/httpEnum.ts`
|
||
|
||
```typescript
|
||
// 请求方法
|
||
export enum RequestEnum {
|
||
GET = 'GET',
|
||
POST = 'POST',
|
||
PUT = 'PUT',
|
||
DELETE = 'DELETE',
|
||
}
|
||
|
||
// 响应状态码
|
||
export enum ResultEnum {
|
||
SUCCESS = 0, // 业务成功
|
||
FAIL = 1, // 业务失败
|
||
}
|
||
|
||
// 内容类型
|
||
export enum ContentTypeEnum {
|
||
JSON = 'application/json',
|
||
FORM_URLENCODED = 'application/x-www-form-urlencoded',
|
||
}
|
||
```
|
||
|
||
## pageEnum
|
||
|
||
**文件**：`enums/pageEnum.ts`
|
||
|
||
```typescript
|
||
export enum PageEnum {
|
||
// 登录页
|
||
BASE_LOGIN = '/login',
|
||
// 首页
|
||
BASE_HOME = '/dashboard',
|
||
// 错误页
|
||
BASE_ERROR_LOG = '/exception/404',
|
||
REDIRECT = '/redirect',
|
||
}
|
||
```
|
||
|
||
## 使用示例
|
||
|
||
```typescript
|
||
import { ResultEnum } from '@/enums/httpEnum';
|
||
import { PageEnum } from '@/enums/pageEnum';
|
||
|
||
// 判断响应是否成功
|
||
if (response.code === ResultEnum.SUCCESS) {
|
||
// 处理成功
|
||
}
|
||
|
||
// 跳转登录页
|
||
router.push(PageEnum.BASE_LOGIN);
|
||
|
||
// 判断请求方法
|
||
if (method === RequestEnum.POST) {
|
||
// POST 请求
|
||
}
|
||
```
|
||
|
||
## 自定义枚举
|
||
|
||
```typescript
|
||
// 添加新枚举时，在 enums/ 目录下创建文件
|
||
// ui/src/enums/statusEnum.ts
|
||
|
||
export enum UserStatus {
|
||
ENABLE = 1,
|
||
DISABLE = 2,
|
||
}
|
||
|
||
export enum ArticleStatus {
|
||
DRAFT = 0,
|
||
PUBLISHED = 1,
|
||
}
|
||
``` |