终于开始了接口调试模块，废话不多说了，直接开始：

首先我们要做一个简单的弹层，和上节课的备注弹层一样的做法，这里就给大家快速贴源码了用到的技术都是之前学过的。注意一点，打开弹层后，一定要在弹层的某个地方放入接口id，以便我们之后调试保存时，发出的请求中可以知道当前用户打开的是哪个接口。

    首先打开P_apis.html，加入这个弹层：id=ts

注意长款等具体属性.隐藏属性仍然之后才添加。

然后我们给它设计俩个按钮：保存/取消

在我们的设计中，首先完成的应该是这个接口的各种属性的展示/保存 功能，之后才是调试。

 

在这个div中添加一个按钮组，具体代码如下：

按钮组的好处是可以让俩个按钮紧贴着风格很简约。

效果如下，放在了右上角，float:right可以让俩个按钮并不会占用一整行位置。但是之后所有的控件必须都要放在这对按钮之下才可以。