2分钟实现:API接口请求+变量绑定+源码输出

DIYGW可视化能够在线模拟http协议测试Post和get请求,还包含DELETE请求、PUT请求、PATCH请求、HEAD和OPTIONS请求,并且可以自定义Header和Cookie信息,支持设置各项参数,并且提供测试返回值。

Postman自然是接口测试工具领先的接口联调工具,DIY可视化实现了类似Postman可视化API快速植入到低代码设计中去,零学习成本、快速集成API调试,API返回的结果支持无限加载、界面动态绑定,支持自定义前置/后置脚本,自动校验数据正确性。

RESTful接口测试例子

DIYGW可视化已经提供了在线RESTful接口测试,通过接口测试快速返回结果集。

以springboot后台接口为例

@GetMapping("/api/index/{id}")    public String index(@PathVariable Integer id) {        System.out.println(id);        JSONArray array = new JSONArray();        for(int i=0;i<=3;i++){            JSONObject json = new JSONObject();            json.put("title","标题"+i);            json.put("id",i+1);            array.add(json);        }        JSONObject result = new JSONObject();        result.put("code",200);        result.put("msg","欢迎使用DIYGW可视化整合SpringBoot第一个接口!");        result.put("data",array);        return result.toJSONString();    }



JSON接口数据

package com.diygw.api;/** * JSON Hello 结构体 包括了USER对像结果传参 */public class Hello {    String user;    Child child;    public String getUser() {        return user;    }    public void setUser(String user) {        this.user = user;    }    public Child getChild() {        return child;    }    public void setChild(Child child) {        this.child = child;    }}
package com.diygw.api;public class Child {    String name;    public String getName() {        return name;    }    public void setName(String name) {        this.name = name;    }}
    @PostMapping("/api/post")    public String post(@RequestBody Hello child) {        JSONObject result = new JSONObject();        result.put("code",200);        result.put("msg","欢迎使用DIYGW可视化整合SpringBoot第一个POST接口!");        result.put("data",child);        return result.toJSONString();    }

这样达到复杂的JSON结构参数体




比较

以vue写码的方式,调用API接口返回结果、把结果变量绑定在参数,然后在模板template输写自己结果,比如for循环、结果返回输出等。

DIYGW可视化快速提取API接口返回的值,在界面上快速界面变量绑定,支持动态FOR循环、内容变量绑定等。



点击页面事件跳转



API接口不限制后台提供的API语言,支持PHP、JAVA、GO、C#、dephi、易语言、python、node等任意第三方暴露的API来对接。

对接完成的后API快速导出源码。支持导出多端UNIAPP、H5-HTML、微信小程序、支付宝小程序、钉钉小程序、FinClip小程序、QQ小程序、百度小程序、字节跳转小程序等不同端的源码

uniapp源码

微信小程序源码

静态h5-html代码

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章