带请求接口的java代码如何单元测试

1. 搞定x-www-form-urlencoded

复制form-data的小div的内容到 x-www-form-urlencoded的小div里，要改下里面的几个地方：完全分开俩个表格。

效果如下：

 

2. 搞定raw

raw就是个大字符串。具体格式呢要通过子选项决定么，也就是 text、javascript、json、html、xml。

区别在于发送请求时请求体中的content-type不同，服务器根据这个参数来判断这一大坨字符串是个什么东西，然后解析。

这里为了后续避免出现数据传输错误，统一严格规定：

• 前面的大编码格式分类全部小写：none,form-data,x-www-form-urlencoded,raw 。
• raw下面的5个子选项全部驼峰规则：Text,JavaScript,Json,Html,Xml

raw是大字符串，最简单的办法是弄多行文本框放这里。先写好文本框，调好css属性，直接复制到其他四个子选项即可

<!--      Text      -->
<div class="tab-pane fade" id="Text">
    <textarea name="" id="" style="color: black; width: 98%; height: 300px"></textarea>
</div>

<!--      JavaScript      -->
<div class="tab-pane fade" id="JavaScript">
    <textarea name="" id="" style="color: black; width: 98%; height: 300px"></textarea>
</div>

<!--      Json      -->
<div class="tab-pane fade" id="Json">
    <textarea name="" id="" style="color: black; width: 98%; height: 300px"></textarea>
</div>

<!--      Html      -->
<div class="tab-pane fade" id="Html">
    <textarea name="" id="" style="color: black; width: 98%; height: 300px"></textarea>
</div>

<!--      Xml      -->
<div class="tab-pane fade" id="Xml">
    <textarea name="" id="" style="color: black; width: 98%; height: 300px"></textarea>
</div>

效果如下：

 

问题：这个多行文本框的高度貌似不能很好的适应，

这个调试弹层的高度，是基于浏览器高度的百分比实时变动的，但写死高度肯定不好，写百分比无效，那是因为百分比高度/宽度，必须要其父级标签有明确高度，而其父级，爷爷级等都没有高度设置，所以这个办法貌似太麻烦。

那么有没有更好的办法呢？可以试试这个：

删除此处的高度设置，就完美了，包括之前的几个编码div时的不协调都好了！

最好在最后再加个br换行撑一撑底部空间

效果如下：

新加参数也不会超出弹层了 ...

总的来说，弹层的高度只要不具体设置写死，就会根据元素自动变化。既不浪费空间，也不会出现溢出。

 

3. 搞定返回体

<!--      返回体      -->
<div class="tab-pane fade" id="response">
    进入了返回体
</div>

还要改上面的href为#response，效果如下：

 

返回体也是个字符串，也可以用textarea，但不可编辑

<!--      返回体      -->
<div class="tab-pane fade" id="response">
    <textarea name="" id="6" disabled="disabled" style="color: black; width: 98%; height: 300px"></textarea>
</div>

效果如下：

 

正常用户调试的流程就是输入好各种参数后，点击Send按钮，然后平台发送请求，自动跳转到返回体这个子页面并显示返回体。

用户根据返回体是否成功来决定是否保存接口。

 

好了，下一节课开始开发后台函数。