接口测试平台代码实现125: 全局变量-4

本节我们紧接上节内容，来实现我们对全局变量组的增删改查。

说起增删改查，其实就是curd，业务开发们每天的日常.... 也是测开最不想做的功能之一。

不过为了广大粉丝朋友，再苦再难，都要啃下去～

谁让我的公众是很硬核的干货呢？

谁让搜索测试开发，结果是这样呢？

看这个

我的设计是点击左侧变量组名按钮后，右侧输入框显示对应的名字可修改，内容数据可修改。 目前还缺少一个保存的按钮。

所以添加如下按钮：

效果如下：

首先我们要做的第一个功能就是，点击左侧变量组的名字按钮，右侧显示对应的名字和内容数据，所以要先给按钮写一个onclick属性，然后新建一个js 并绑定：

注意，我这次一次性传了三个参数id,name和data，并且注意参数都是有分号的，作为字符串传了进去。

接下来，我们要给这三个数据 分别展示到不同位置上：

如上图，我把name和data都显示了，效果噢如下：（点击了第二套变量）

那么这个id参数，我要来何用呢？这个就是用来记载当前选中的到底是哪个变量组了，毕竟我们要点击保存按钮的时候，是要把id带上的，不然后台也不知道这新的名字数据 归谁是不？

所以这个id 我们可以巧妙的存放在某处看不到的input中即可。

所以新建这个隐藏的input 用来存放当前选中的变量组的id并给他存放id。

好了，现在 增删改查 。

我们搞定了 查的功能。

大家可以自行试一试，点击不同的变量组，右侧显示对应的内容有没有bug。如果有请及时反馈哦～

下节，我们要搞定删除。修改。新增三个功能哦～