后台UI框架
# 框架说明
后台UI采用了基于Layui开发的easyweb后台管理系统框架
这里使用的是商业授权版本（easyweb spa v3.1.8），已购买永久授权。
[官网](https://eleadmin.com/index)
[文档](https://eleadmin.com/doc/spa/#/)
需要说明的是，这套框架内，不含easyweb官方的授权代码。也就是说，easyweb官方在出售这套模版的时候，里面并没有加密，也没有设置鉴权。
# EasyWeb目录结构
> 内容来自官方文档
```
|-assets
| |-images # 图片
| |-js
| |-main.js # 入口js，上手使用项目前最好先看看它的说明。
| |-libs # 第三方库，echarts(图表)、layui
| |-module # layui扩展模块，版本更新只用替换此目录
| |-img # 框架用到的图片
| |-admin.css # 框架核心样式
| |-admin.js # admin模块
| |-index.js # index模块
| |-******** # 其他扩展模块，不一一列举
|-page # html页面
|-json # 模拟数据
|-index.html # 主页面
```
# 后台管理系统前台视图目录结构
目录路径：phalapi/public/cloud
```
cloud
├─ assets
│ ├─ images # 图片文件资源
│ ├─ js
│ │ └─ main.js # 入口js文件
│ ├─ libs # 第三方插件及js库
│ └─ module # layui扩展模块
├─ components # 前台模版
│ ├─ Agent # 代理管理
│ │ ├─ child.html
│ │ └─ oem.html # 统计页面
│ ├─ Chart
│ │ └─ awemeLiveTrends.html
│ ├─ Device # 设备管理
│ │ ├─ application.html
│ │ ├─ black.html
│ │ ├─ device.html
│ │ ├─ group.html
│ │ └─ ios.html
│ ├─ Document # 资源管理
│ │ ├─ audio # 音频管理
│ │ │ ├─ content.html
│ │ │ └─ group.html
│ │ ├─ image # 图片管理
│ │ │ ├─ content.html
│ │ │ └─ group.html
│ │ ├─ talking # 话术管理
│ │ │ ├─ content.html
│ │ │ └─ group.html
│ │ ├─ text # 文本管理
│ │ │ ├─ content.html
│ │ │ └─ group.html
│ │ ├─ uid # UID管理
│ │ │ ├─ content.html
│ │ │ └─ group.html
│ │ ├─ variable # 变量管理
│ │ │ └─ content.html
│ │ └─ video # 视频管理
│ │ ├─ content.html
│ │ └─ group.html
│ ├─ Log # 日志管理
│ │ ├─ login.html
│ │ └─ update.html
│ ├─ Manage # 管理员功能
│ │ ├─ log_login.html # 登录日志
│ │ ├─ log_update.html # 更新日志
│ │ ├─ node_aweme.html # 某音节点
│ │ ├─ system_auth.html # 权限管理
│ │ ├─ system_notice.html # 系统公告管理
│ │ ├─ system_other.html # 其他设置
│ │ ├─ system_role.html # 角色管理
│ │ ├─ system_user.html # 平台用户列表
│ ├─ Module # 脚本管理
│ │ ├─ aweme # 某音脚本配置模版
│ │ │ ├─ publishWorks.html
│ │ │ ├─ yanghao.html
│ │ │ └─ yanghao.js
│ │ ├─ aweme_live # 某音极速版脚本配置模版（仅供参考）
│ │ │ └─ publishVideo.html
│ │ ├─ ios # ios脚本配置模版（仅供参考）
│ │ │ └─ aweme_like_list_dig.html
│ │ ├─ ios.html # ios脚本列表（仅供参考）
│ │ ├─ kwai.html # 某手脚本列表（仅供参考）
│ │ ├─ module.html # 某音脚本列表
│ │ └─ module_group.html # 脚本分组
│ ├─ Task # 任务管理
│ │ ├─ details.html # 任务详表
│ │ └─ total.html # 任务总表
│ ├─ User # 用户功能
│ │ ├─ info.html # 个人中心
│ │ ├─ login.html # 登录页面
│ │ ├─ register.html # 注册页面
│ │ └─ retrieve.html # 重置密码
│ ├─ console
│ │ └─ main.html # 后台首页
│ └─ tpl
│ ├─ lock-screen.html # 锁屏页面
│ ├─ message.html
│ ├─ note.html
│ ├─ password.html # 改密
│ └─ theme.html # 主题设置
├─ json
├─ index.html # 后台主框架
└─ side-more.html
```
# 添加脚本
1. 进入脚本——脚本分组——添加一个分组。
2. 进入一个脚本列表，添加脚本
3. 主要设置脚本地址、分组、平台分类、任务编辑页面路径即可。
## 脚本平台分类
这是内部约定的一个自定义值。左侧的菜单，是根据这个值，来获取对应分类下的脚本列表的。如果你需要自定义这个值，或者新增一个脚本分类路由，可以在后台渲染表格的url请求参数中，找到这个值并进行修改。对应的请求参数是mpdule_type
## 任务编辑页面路径
这个页面是用来对脚本的运行参数进行详细设置的。
相关的html文件目录，位于components/Module/
脚本添加完成后，当用户点击“创建任务”按钮，会在弹窗里，加载脚本对应的任务编辑页面html。
弹窗渲染完成后，会显示一个分布表单，用来对脚本运行参数及任务参数进行设置。
如果你要开发一个新脚本，就需要新增一个html，并在html里构建脚本的运行参数表单，定义好每个表单的name，创建任务的时候，将form表单的值，作为脚本运行参数，存放在myslq数据库内。
被控端取到这条任务的时候，就会获取form表单的脚本运行参数。根据参数，来执行相应的逻辑。