登陆
上面这个登陆是传说中的单点登陆cas系统，全公司的内部平台要求都要用这个登陆，所以django接cas登陆也算是一个技术点，在之后的教程里会详细实现。然后看看我原来的登陆界面：
点击注册会滑动出现弹层：
主页
主页的超链接次数线上环境已经被点了几万次了。说明这个功能相当实用，说明产品 运营，客服，开发 运维等都在用。上面有搜索功能，利用js实现前端筛选，速度极快：
跨平台搜索
这是自动搜索公司内各种平台的联合搜索功能，给新员工提供了不少便利。
bug统计
给开发的反制措施之一，一目了然最近什么模块 什么端的bug最多。当然数据来源是我解析了我们的bug管理平台。
bug双曲线趋势图
同样解析了我们的bug管理平台，整理出双曲线图，方便领导预测排期和复盘甩锅等，后续引入ai技术，可以实现自动预测排期 测试人数 风险等等。
左侧菜单
上面可以看到很多一级菜单，部分有其子菜单。功能繁多，之后会慢慢介绍和在我们新的测试平台上进行教学。
个人设置
没有过多的增加功能，算是一个半成品吧：
快速构造数据
造数据有俩种，一种是小型的一个脚本就搞定的，另一种是大型的，需要多种步骤，很多输出，需要自动化破解多个平台才能实现的工作流自动化。这个功能就是后者，它分为旧版和新版。旧版因为其维护成本太高，所以才有了新版，让我们先看看旧版设计：
随便点进去一个看看：
可以看到 选项非常多和复杂，当然都添加了默认值，想快速应用就直接输入账号密码点击右下角构造按钮，想具体有什么定制，就自己改下面的函数。这套构造流程如果手动创造 老手需要十分钟，新人半小时。中间还有各种测试环境的跑批脚本，审核等等一系列 操作。涉及多个平台，让人头疼。当然搞出这样复杂的自动化构造数据功能更是噩梦级，虽然博主当年咬牙啃下来，但是后续维护依然让人上火，一次次把我拽回深渊之中的感觉。虽然做了很多页面维护的功能，但是仍然头疼。
从这个id可以看出来，整个过程居然需要104步！！！，说它是深渊都说轻了....
于是打造了新的架构，可以让其他人脱离代码页面维护了，增删改查和设计 专注于步骤本身的业务逻辑 而非前后端和复杂代码的实现，转移成本给全体。新版本非常轻便 简洁，同样的功能如下：
点击右下角可以弹出设置用的所有工具：
左侧高的是描述，自动保存。中间顶部是日志，中间中间是可用的变量，中间下面是十几个小工具，帮助快速开发。
右侧是步骤列表，可以进行增删改查，点击可以进入编辑：
我正在更新连载的就是这个onekey平台的一个子功能 -数据工厂。欢迎持续关注。只不过前端变成了vue和element-ui其实没什么太大变化。
然后是小工具功能也就是我说的比较小的一个脚本就可以搞定的，不一定是造数据，因为千变万化。这个小工具同样是旧 新 俩种架构，旧的架构依然是我全部独立去开发，后期维护根本不行，量太大了，不是可持续发展路线。
如上图是尚未转变为新架构的小工具。我们随便点击一个进去。
右下角是一个独立的 环境/数据库/服务器 的选择器，独立维护，贯穿所有小工具。这样的设计每一个工具都需要单独设计 单独开发前后端等，无论是开发成本还是维护成本都非常巨大。而一旦弃用，也很可惜。所以搞了新的架构，和上面快速构造数据的新版一样，用户可以自行增删改查用：
我新建了一个：
使用者可以自行设置这个小工具的描述信息：
然后自行设计这个工具的输入参数：我这里做一个简单的加法求和
然后自行设计 可选的环境选框：
具体的数据是单独维护的，贯穿整个平台：比如数据库的选项设置：
执行结果是自动显示，但现在并没执行按钮，需要我们自己写脚本。
点击下面的横条幅 打开脚本设置：
自己写的在线ide，很复杂的诸如链接数据库 服务器等代码都封装好了，只需要点一下就可以自动添加。本工具最多支持3个不同的脚本，我们可以试运行或保存。
保存后 会自动出现按钮。
我这里随便写了俩个脚本，一个求和 一个求差：就看到了自动生成的俩个执行按钮。从现在开始，其他人也可以进来使用了：
点哪个按钮就运行哪个脚本，左侧绿色是正常输出，右侧是异常输出。这种在线开发的设计，是参考微信小程序的设计。让使用者和开发者专注于脚本本身，我帮忙自动搞定了所有其他复杂的 平台开发，前后端代码，复杂的组件，还有最后的数据量化（下期介绍）。这样对开发者的付出和成功可以实际看到，方便开发者后续的晋升 述职等，所以很受欢迎。
