开发者社区> 游客pxprrm2iipsfu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 接口测试平台代码实现125: 全局变量-4
+关注继续查看

看这个微信图片_20220704230143.png

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

所以添加如下按钮:

微信图片_20220704230150.png

效果如下:

微信图片_20220704230157.png

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

微信图片_20220704230204.png

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

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

微信图片_20220704230209.png

如上图,我把name和data都显示了,效果噢如下:(点击了第二套变量)

微信图片_20220704230214.png

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


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

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

微信图片_20220704230220.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
接口测试平台代码实现131: 全局变量-10
本节开始要进入比较烧脑的阶段了,请系好安全带,中途跳车的请刷卡。
9 0
接口测试平台代码实现130: 全局变量-9
本文开始,全局变量 要正式进入 复杂的后台实现了,当然如果能跟到这里,那么也应该没什么难度。 这里还是要重申一下,代码出现问题请先仔细比对教程源码,实在找不出来就先在群里问,没加群的请先加 vx: qingwanjianhua 博主每天的时间并不充裕,私聊的人也很多,如果群里解决不了后可以直接@我去热饭 即可。
10 0
接口测试平台代码实现95:全局域名-2
接口测试平台代码实现95:全局域名-2
15 0
接口测试平台代码实现64: 多接口用例-4
上节我们成功的搞定了大用例的 增加/删除/复制功能 本节我们计划搞定设置大用例功能, 也就是: 点击设置按钮,左侧弹出小用例(接口) 列表+接口列表相关的数据层实现。
13 0
接口测试平台代码实现88: 全局请求头-3
上节,成功搞定了请求头的增删改查。 本节我们就一起来研究,在接口库调试页面,用例库步骤详情页 这俩个地方如何加入这些项目公共请求头吧。
13 0
接口测试平台代码实现71: 多接口用例-11
好的因为群内大佬打赏的钱太多,所以履行承诺,加更一节: 本节主要处理掉,这个步骤保存的功能,其实对于跟到现在的同学来说,业务上的curd早就已经轻车熟路了。本节节奏稍快:
23 0
接口测试平台代码实现84: 多接口用例-24
接口测试平台代码实现84: 多接口用例-24
15 0
接口测试平台代码实现3:从0开始打造吧
鉴于上次很多小伙伴的反馈,所以本次代码教程打算从0开始讲,每节内容不会多到让我们赶紧到累或无法消化。 在开始之前,请确保你的电脑本地环境已经成功下载了python3和django。
34 0
接口测试平台代码实现4:第一个页面
好了,咱书接上回,我们目前已经项目和app都创建好了。 现在我们用pycharm来打开这个项目,记住要选择到项目上(也就是ApiTest),层级别选错了,选对的话,pycharm是可以自动识别出来这是个django项目,给你安排好启动服务功能的哦~
27 0
接口测试平台代码实现1:环境和所需技术
本节主要是要介绍下,做一个这样的测试平台,都需要提取掌握哪些技术呢?还没掌握的可以在看完本节之后,去好好学习一下相关技术。本公众号会用直白的土话给您讲讲,并不是百度百科那种晦涩难懂的定义哈。
23 0
+关注
游客pxprrm2iipsfu
我去热饭
435
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载