先介绍一下接口:
首先我们需要了解两个东西:1.什么是接口。
2.接口是怎么进行交互的,有哪几种方式。
先回答第一个问题:举个例子,比如一个查询,如图:
在这个查询中我们看到有5个input(输入框) 一个button(按钮) 当我们点击查询时,返回一些我们想要的数据,这就是一个接口。
回答第二个问题:在一的基础上我们需要知道几个东西
1.他们是怎么到后台去的,后台的接口又长什么样子呢?
首先:我们思考一下,点击查询后能够展示出我们想要的数据,一定是发生了交互。
一:取值,通过js将input输入框的值取出来存到对象或者数组中。
二:请求,请求大致可以使用form表单提交,ajax同步或者异步请求。
三:后台拿到数据后进行dom操作,将查询出来的model返回至前端页面进行展示
这三部是我们所有的步骤,但是其中的内容还是非常多的,如果想要了解我可以提供一下学习方向,毕竟我们要讲的是接口测试。为了照顾一些基础比较薄弱的,我们看一下发起请求的方式:
说明:可能在工作中大家所有项目的开发框架不管是前端和后台都不同,方式大同小异,为了让大家能理解我们使用python的django框架来举例说明。
下图是一个表单信息 他有一个属性叫action,
下图便是我们后台与其对应的接口:
这就是一次简单的前台与后台的交互:通过action定义接口的名称。
第二种
我们给form表单绑定了一个js方法。如下图
通过js返回Ture提交表单,以上两张图有获取input值的知识点,有js校验知识点。大家可以动动手自己写一下。
了解多了其实我们还可以将onclick绑定在button上,在校验完之后在submit().
最后常用的交互方式还有 AJAX
AJAX的基本知识就不赘述了,可以通过 http://www.w3school.com.cn/ajax/ 进行学习
在平时工作中可能你看到的和你学习的不一样,那是因为不同的前端框架进行ajax封装不同,其实里面的内容也差不多。
本章介绍了接口的知识,最后一点,前端到后端我见过最多的就是数组对象和json来进行交互,这两种格式有兴趣的同学可以学习一下相关的知识以及操作。
之后我会通过python的requests库与大家一步一步搭建一个整体的测试框架,本章只要知道接口提交的方式,数据的格式,接口的作用就ok了~