# 管理界面说明

![整体界面](./img/ui_1.jpg)

整体界面主要由
1. 左侧分组菜单
2. 顶部导航菜单
3. 中间的操作菜单

分组菜单主要是标记当前项目的分组

顶部导航菜单主要是一些导航功能

中间操作菜单主要是一些基础操作

## 导航区域
![导航区域](./img/ui_2.jpg)

1. 下载host文件，即host的配置文件
2. 导入host配置文件，下载后得配置文件可以通过整个导入 
3. 下载证书文件
4. 证书文件二维码，即可扫二维码去下载证书文件
5. 帮助

## 分组区域
![分组区域](./img/ui_3.jpg)

分组区域是一个二级树列表,一级表示分组,二级表示分组下地host配置,可以通过操作菜单中得 **新建** 创建新的分组 

分组在鼠标悬浮状态下，会有三个图标按钮分别表示删除、禁止使用、编辑

编辑将会编辑当前分组的名称，禁止使用将会禁止当前分组下的所有规则, 删除将会删除当前分组

点击二级host配置菜单，将会在右侧的host列表区域显示当前分组列表下地host配置，可以进行设置

## 操作菜单
![操作菜单](./img/ui_4.jpg)

操作菜单主要有新建分组、禁止所有分组、禁止缓存的功能

1. 禁止所有分组 即将所有分组都禁止，这个时候所有的资源将会定位到在线
2. 禁止缓存所有请求 将会去掉缓存
3. 新建分组 新建一个分组菜单,可以选择一个分组的名称,和二级分组的名称,如下图所示

![新建分组](./img/ui_5.jpg)

**所有修改必须点击保存，才能生效**

## host列表区域

![host列表区域](./img/ui_6.jpg)

host列表区域可以设置具体的规则

通过新建按钮可以新建一个规则

所有得规则源地址可以是一个正则表达式，也可以是一个 url

规则的执行请看 [规则配置说明](./rule.md)