Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >接口测试平台代码实现103:GraphQL-3

接口测试平台代码实现103:GraphQL-3

作者头像
我去热饭
发布于 2022-05-19 01:33:59
发布于 2022-05-19 01:33:59
2260
举报
文章被收录于专栏:测试开发干货测试开发干货

上节我们搞定了首页的GraphQL请求功能,但是似乎漏掉了一个功能:显示。也就是当我点击左侧请求记录的时候,右侧需要显示对应的请求数据,但是很显然我们遗漏了GraphQL这个请求体类型。

打开Home.html:找到这段代码:

我们现在来添加上:

然后就可以成功显示了。

正文开始:

本节我们来快速搞定接口库调试层,相较于首页,这里涉及的不但要有显示,发送功能,还有保存功能。

首先我们打开接口库的html,在dom层(你可以理解为<标签>部分)进行创建表情,大部分原理和代码我们可以复制首页的对应部分。

打开P_apis.html:

首先增加这句:

有同学经常搞不懂这句插入的具体位置,其实这里可以通过上下文的关键字来ctrl+f来寻找。这是程序员基本功哦~

效果如下:

然后我们再去写他的子页面:

效果如下:

我们试着输入,结果发现输入的东西都看不见,那是因为颜色都是白色,我们这里要加个文字颜色属性:

现在能正常输入显示了。

然后我们找到 显示,保存和发送函数,分别添加 graphql的部分。

首先是显示:

显示写完了,现在我也不确定这段代码对不对。毕竟我们是直播开发,假如后面不小心发现写错了,我也不会来这改好,然后装作没出错的样子。因为教程中代码的截图比较连贯,来回跳跃改容易引起叉劈。大家也经历一下真实的流程,很接地气很安心。

然后是发送:

然后是保存:

经过测试:三个函数全部成功了~

然后我们去修改views.py中,加上相应的代码:

找到函数 Api_send()

如图,到这,就算搞定了接口库调试层的部分了。

大家可以自行简单测试,bug请迅速留言或反馈哦~

下节课我们要搞定用例库的步骤相关,那里要更复杂一些,需要增加请求体的替换部分设计。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-12-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发干货 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
docker(常用软件安装)
我们每次改动nginx配置文件,都需要进入容器内部?十分麻烦,我要是可以在容器外部提供一个映射路径,达到在容器外部修改文件名,容器内部就可以自动修改?-v 数据卷 技术!
崔笑颜
2020/10/27
1K0
docker(常用软件安装)
Docker笔记(五)Docker常用软件的安装(tomcat,mysql,redis,rabbitmq等)
1 ·docker search tomcat 2 ·docker pull tomcat 3 ·docker images tomcat 查看是否有拉取到
一写代码就开心
2022/05/09
4290
Docker笔记(五)Docker常用软件的安装(tomcat,mysql,redis,rabbitmq等)
docker安装nginx,gitlab,maven私服,mysql
docker run java 直接进行下载并安装 docker pull java 仅仅下载到镜像 docker images 查看镜像 docker search java 搜索镜像 docker rmi id(从docker images中查找)删除指定镜像 Docker rm 容器id 删除容器id docker pull 下载镜像 docker run 下载并安装镜像 docker ps 查看有哪些镜像正在运行 docker inspect 容器id 查看容器信息 systemctl restart docker 重启docker(如果启动不了docker可以先重启) docker build –t 镜像名称:标签 Dockerfile的相对位置 打成docker的镜像文件 docker info查看docker相关信息 docker inspect 容器ID | grep IPAddress 查看docker的ip地址 docker stop 容器ID 停止某个容器运行 docker exec -it 容器id bash 进入docker //关闭防火墙 systemctl stop firewalld.service //禁用 systemctl disable firewalld.service docker exec -it 容器id /bin/bash 进入容器 docker exec -it 容器name /bin/bash 进入容器 docker rm $(sudo docker ps -a -q) 删除所有未运行的容器 docker search elasticsearch搜索镜像文件 docker run 创建并启动一个容器,在run后面加上-d参数,就是后台启动不加-d就是前台启动 docker ps -a 查看已经创建的容器 docker ps -s查看已经启动的容器 docker start con_name 启动容器名为con_name的容器 docker stop con_name 停止容器名为con_name的容器 docker rm con_name 删除容器名为con_name的容器 docker rename old_name new_name 重命名一个容器 docker lgos --tail="10" 容器名称查询容器日志信息 free -m 查看内存使用容量 docker cp testtomcat:/usr/local/tomcat/webapps/test/js/test.js /opt Testtomcat是容器名称,test.js是容器的路径,/opt是要复制到宿主机上的路径,容器复制到宿主机 docker cp /opt/test.js testtomcat:/usr/local/tomcat/webapps/test/js /opt/test.js是宿主机上的文件,/usr/local/tomcat/webapps/test/js是容器中的路径,testtomcat是容器名称 宿主机拷贝到容器 https://www.cnblogs.com/areyouready/p/8973495.html
编程软文
2020/03/11
9680
mall在linux环境下的部署(基于Docker容器),Docker安装mysql、redis、nginx、rabbitmq、elasticsearch、lo
Docker是一种流行的容器化平台,它允许开发人员在独立、可移植的环境中构建、打包和部署应用程序。在使用Docker时,常常需要在Docker容器和主机之间进行文件的复制和共享。Docker提供了一个名为docker cp的命令,可以轻松地在容器和主机之间复制文件和目录。
寻求出路的程序媛
2024/09/03
7810
mall在linux环境下的部署(基于Docker容器),Docker安装mysql、redis、nginx、rabbitmq、elasticsearch、lo
Docker学习系列11-Docker常规方式安装软件
本文咱们将通过按照Tomcat、按照MySQL、安装Redis这三个实战安装,来熟悉在docker中怎么安装软件,咱们使用端口映射,及数据卷的使用场景
凯哥Java
2022/12/14
3910
Docker学习系列11-Docker常规方式安装软件
Docker学习笔记之搭建 Java Web 项目运行环境
Java Web 泛指以 Java 程序为基础向外提供 Web 服务的技术及相关工具,狭义上来说,我们也可以说 Java Web 是由 Servlet 程序提供的 Web 服务。 对我们而言,Tomcat 无疑是最常见的 Servlet 容器,所以在这个小节里,我们来搭建一个以 Tomcat 为核心的 Web 应用运行环境。 在这个环境中,我们还要组合进 MySQL 作为数据存储,Redis 作为 KV 存储。
Jetpropelledsnake21
2019/03/14
1.1K0
Docker学习11-Docker常规方式安装软件
本文咱们将通过按照Tomcat、按照MySQL、安装Redis这三个实战安装,来熟悉在docker中怎么安装软件,咱们使用端口映射,及数据卷的使用场景
凯哥Java
2022/12/16
1.6K0
Docker学习11-Docker常规方式安装软件
使用Docker部署常用中间件
1.安装yum-utils,yum-utils提供了yum-config-manager管理工具
兜兜转转
2023/03/06
9430
Docker教程(超全总结)[通俗易懂]
如果需要通俗地描述容器的话,我觉得容器就是一个存放东西的地方,就像书包可以装各种文具、衣柜可以放各种衣服、鞋架可以放各种鞋子一样。我们现在所说的容器存放的东西可能更偏向于应用比如网站、程序甚至是系统环境。
全栈程序员站长
2022/11/04
3.3K0
Docker教程(超全总结)[通俗易懂]
【云原生 | Docker篇】轻松学会生存技巧 -- 命令(二)
https://docs.docker.com/engine/reference/commandline/docker/
Lansonli
2022/04/28
6780
【云原生 | Docker篇】轻松学会生存技巧 -- 命令(二)
使用docker来编排Web应用
使用docker可以轻松构建一个项目并运行,然而在真实的使用场景中,我们的项目并非是单一的,而是多个项目相互依赖组成一个web应用。
老K博客
2024/03/30
2010
使用docker来编排Web应用
分布式基础篇-docker安装mysql和redis
docker run -p 3306:3306 --name 12mysql -v /mydata/mysql/log:/var/log/mysql -v /mydata/mysql/data:/var/lib/mysql -v /mydata/mysql/conf:/etc/mysql/conf.d -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.7
源码之路
2023/02/14
5830
分布式基础篇-docker安装mysql和redis
SpringCloud(十) - Docker
1、Docker安装 1.1 卸载旧版本(否者会安装出错) sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ docker-logrotate \ docker-engine 1.2 安装一些
化羽羽
2022/11/18
9000
SpringCloud(十) - Docker
Docker常用安装
Navicat 也可以连接,直接新建一个新的链接即可,由于我的是阿里云上跑的docker,所以主机地址填IP就行了
玖柒的小窝
2021/10/06
3320
Docker常用安装
Docker篇之秒杀项目环境部署
后期要使用Canal,需要把MySQL的配置文件提取出来,所以要进行相关的配置文件的编写
Maynor
2021/12/06
5950
Docker----常用安装
docker run -p 12345:3306 --name mysql -v /dhy/mysql/conf:/etc/mysql/conf.d -v /dhy/mysql/logs: /logs -v /dhy/mysql/data: /var/lib/mysql -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.6
大忽悠爱学习
2021/11/15
4140
零基础学Docker【3】 | 一文带你快速进行Docker实战
前言 本篇是零基础学Docker系列的第三篇文章,在上一篇文章? 一文带你快速学习Docker常用命令中,已经为大家讲解了一些在Docker中常用的命令。本篇我们将对之前学过的内容进行
大数据梦想家
2021/01/27
4750
零基础学Docker【3】 | 一文带你快速进行Docker实战
Docker 入门笔记
ContainerViewer does not support full SVG 1.1
Rikka
2022/01/20
1.2K0
Docker 入门笔记
Docker部署常见应用
-v $PWD:/usr/local/tomcat/webapps:将主机中当前目录挂载到容器的webapps
乐心湖
2020/07/31
2.1K0
Docker部署常见应用
在Centos7上安装Docker
在Centos7上安装Docker-ce直接用yum install docker -y安装的docker版本为1.12,但是docker发展很快,现在都18.03.1了。docker-ce是指docker的社区版。1、安装 yum-utils,它提供了 yum-config-manager,可用来管理yum源yum install -y yum-utils
Dream城堡
2018/09/10
1.5K0
相关推荐
docker(常用软件安装)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档