zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!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"/>
</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>
            </select>
        </div>
        <div class="layui-inline">
            <button class="layui-btn" lay-submit lay-filter="send">send</button>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>请求参数</legend>
    </fieldset>
    <div class="layui-form-item">
        <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">
        <textarea name="RawJson" id="RawJson" placeholder="" class="layui-textarea"></textarea>
    </div>
</div>
<div id="ControlsRow">
    <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>
    layui.use(['laytpl', 'layer', 'table', 'uParas', 'form', 'element'], function () {
        let $ = layui.$,
            uParas = layui.uParas,
            form = layui.form;
        let options;
        //监听提交
        form.on('select(api)', function (data) {
            if (data.value == "/ol/userPaper/query") {
                $("#params").html('{}');
            }
            if (data.value == "/ol/userPaper/paperId") {
                $("#params").html('{paperId: 17498}');
            }
            if (data.value == "/ol/userPaper/paperUserAnswer") {
                $("#params").html('{paperId: 17498, questionsId: 16145, answer: "A", "id": 18195}');
            }
            if (data.value == "/ol/userPaper/submitPaper") {
                $("#params").html('{id: 17500}');
            }
        });
        // form.on('select(m)', function (data) {
        //     console.log(data.elem); //得到select原始DOM对象
        //     console.log(data.value); //得到被选中的值
        //     console.log(data.othis); //得到美化后的DOM对象
        // });
        //监听提交
        form.on('submit(send)', function (data) {
            let p = data.field;
            if (p.m === "" || p.m === "-1") {
                layer.msg("请选择访问接口");
                return;
            }
            var obj = $("#params").val();
            console.log(obj);
            $.ajax({
                type: p.modules,
                url: uParas.baseUrl + p.m,
                data: obj,
                success: function (res) {
                    $("#RawJson").val(JSON.stringify(res));
                }
            });
            return false;
        });
    });
</script>

</html>