zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>接口测试工具</title>
    <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../assets/css/json/s.css" type="text/css"/>
</head>

<body style="margin: 20px;">
<fieldset class="layui-elem-field layui-field-title">
    <legend>接口测试</legend>
</fieldset>
<div class="layui-form">
    <div class="layui-form-item">
        <div class="layui-inline">
            <select name="modules" lay-verify="required" lay-search="">
                <option value="POST">POST</option>
                <option value="GET">GET</option>
            </select>
        </div>
        <div class="layui-inline">
            <select name="m" lay-filter="api" lay-verify="required" lay-search="">
                <option value="">选择接口</option>
                <option value="/ol/userPaper/query">用户试卷</option>
                <option value="/ol/userPaper/paperId">试卷详情</option>
                <option value="/ol/userPaper/paperUserAnswer">提交答案</option>
                <option value="/ol/userPaper/submitPaper">提交试卷</option>
                <option value="/ol/userPaperModel/query">模拟答卷列表(get请求)</option>
                <option value="/ol/userPaperModel/getDetails">模拟答卷详情(get请求)</option>
            </select>
        </div>
        <div class="layui-inline">
            <button class="layui-btn" lay-submit id="send" lay-filter="send">send</button>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>请求地址</legend>
    </fieldset>
    <div class="layui-form-item">
        <span></span>
        <textarea name="params" placeholder="" class=" url" style="height: 30px;width: 100%;" disabled></textarea>
    </div>

    <fieldset class="layui-elem-field layui-field-title">
        <legend>请求参数</legend>
    </fieldset>
    <div class="layui-form-item">
        <span id="api"></span>
        <textarea name="params" id="params" placeholder="" class="layui-textarea"></textarea>
    </div>

    <fieldset class="layui-elem-field layui-field-title">
        <legend>返回结果</legend>
    </fieldset>
    <div class="layui-form-item" style="display: none">
        <textarea name="RawJson" id="RawJson" placeholder="" class="layui-textarea"></textarea>
    </div>
</div>
<div id="ControlsRow" style="display: none">
    <input type="Button" value="格式化" onclick="Process()"/>
    <span id="TabSizeHolder">
    缩进量
    <select id="TabSize" onchange="TabSizeChanged()">
      <option value="1">1</option>
      <option value="2" selected="true">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
  </span>
    <label for="QuoteKeys">
        <input type="checkbox" id="QuoteKeys" onclick="QuoteKeysClicked()" checked="true"/>
        引号
    </label>&nbsp;
    <a href="javascript:void(0);" onclick="SelectAllClicked()">全选</a>
    <span id="CollapsibleViewHolder">
      <label for="CollapsibleView">
        <input type="checkbox" id="CollapsibleView" onclick="CollapsibleViewClicked()" checked="true"/>
        显示控制
      </label>
  </span>
    <span id="CollapsibleViewDetail">
    <a href="javascript:void(0);" onclick="ExpandAllClicked()">展开</a>
    <a href="javascript:void(0);" onclick="CollapseAllClicked()">叠起</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(3)">2级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(4)">3级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(5)">4级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(6)">5级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(7)">6级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(8)">7级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(9)">8级</a>
  </span>
</div>
<div id="Canvas" class="Canvas"></div>
</body>
<!-- js部分 -->
<script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
<script type="text/javascript" src="../../assets/css/json/c.js"></script>
<script>
    layui.use(['laytpl', 'layer', 'admin', 'table', 'uParas', 'form', 'element'], function () {
        let $ = layui.$,
            uParas = layui.uParas,
            admin = layui.admin,
            form = layui.form;
        let options;

        var urlStr = "";

        //监听提交
        form.on('select(api)', function (data) {
            urlStr = data.value;
            if (data.value == "/ol/userPaper/query") {
                $("#params").html('{}');
            }
            if (data.value == "/ol/userPaper/paperId") {
                $("#params").html('{"paperId": 16294}');
            }
            if (data.value == "/ol/userPaper/paperUserAnswer") {
                $("#params").html('{"paperId": 16294, "questionsId": 16766, "answer": "A", "id": 16766,"userPaperId": 22595,"type":"0-模拟考试;1-正式考试"}');
            }
            if (data.value == "/ol/userPaper/submitPaper") {
                $("#params").html('{"userPaperId": 22595,"type":"0-模拟考试;1-正式考试"}');
            }
            if (data.value == "/ol/userPaperModel/query") {
                $("#params").html('{"paperId": "试卷id","userId":"用户id"}');
            }
            if (data.value == "/ol/userPaperModel/getDetails") {
                $("#params").html('{"paperId": "试卷id","userId":"用户id","modelNumber":"模拟考试批次"}');
            }
            // $("#api").html("请求地址:" + data.value);
        });
        //监听提交
        form.on('submit(send)', function (data) {
            admin.btnLoading('#send', '请求中。。。。。。');
            let p = data.field;
            if (p.m === "" || p.m === "-1") {
                layer.msg("请选择访问接口");
                return;
            }
            var obj = JSON.parse($("#params").val());
            console.log(obj);
            var url = uParas.baseUrl + p.m;
            $(".url").text(url);
            if (p.modules == "GET") {
                admin.req(url, obj, function (resp) {
                    admin.btnLoading('#send', "send", false);
                    $("#RawJson").val(JSON.stringify(resp));
                    Process();
                });
            } else {
                $.post(url, obj, function (resp) {
                    admin.btnLoading('#send', "send", false);
                    $("#RawJson").val(JSON.stringify(resp));
                    Process();
                });
            }
            return false;
        });
    });
</script>

</html>