【测开中台教程-09】关联测试平台的添加功能实现

教育   2024-09-24 08:02   吉林  

    前言:现在行业寒冬,你们就打算一点不学在这冬眠?等春天来了,你猜猜是老员工摸鱼等复苏成功,还是新的年轻人靠着能加班和新技术上位?该卷一卷了!

    文末扫码进群有中台源码压缩包分享哦~

    上节课我们搞定了动态展示,本节课我们搞定添加功能。

    回忆下,添加功能的后台函数,是需要前端传入一个name的,并且最后返回的是完整全部测试平台的名称。

    那么我们前端的函数,要做的事就是:

    1. 拿到用户输入的关联平台的名称

    2. 把名称通过axios请求发送给后台

    3. 把后台返回的全部数据重新渲染到菜单的关联列表里

    这其中,我们需要一个承载用户输入name的东西,我觉得最好就是dialog对话框。

    具体写法如下:

    这其中有个输入框,输入框关联的是 new_platform字典的name属性,

    然后就是创建按钮,关联了一个函数,这个函数就是负责创建新平台的,并且和url,和django后台的views.py的函数都同名可以。

    然后就是这个dialog对话框的默认隐藏问题,我用了一个变量叫dialog_visible来控制,默认为Flase

    

    这里我们顺便声明了下这个空的new_platform字典哦注意。

    那什么时候才能让这个dialog对话框展示呢?当然是点击那个增加按钮了:

    上图中,点击事件是把这个变量赋值为true,dialog对话框就会展示了。

然后就是我们的具体增加请求了。

很简单的一个get请求,但是结尾要注意把这个new_platform重新置空。

(可复制的代码请直接扫码进群,群内有最新代码压缩包分享,直接赋值粘贴更省事哦~ )

上图中,我们对这个请求返回值做了三个处理,一个是重新渲染全部平台列表,一个是清空对话框的旧名,一个是把对话框隐藏。

效果是可以成功添加了:

到此,我们今天课程结束,欢迎期待下一节~ 

进群扫码:

视频课需要付费加入知识星球(我的私人粉丝学习基地):


测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章