Files
SOP/sop-website/src/main/resources/public/pages/sandbox/sandbox.html
tanghc 5a773745f9 3.0.0
2020-01-13 15:55:44 +08:00

174 lines
7.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html data-find="_6">
<head>
<script src="https://www.googletagservices.com/activeview/js/current/osd.js?cb=%2Fr20100101"></script>
<meta charset="utf-8">
<title>文档中心</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../../assets/lib/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/global.css?v=1" media="all">
<link id="layuicss-skincodecss" rel="stylesheet" href="../../assets/lib/layui/css/modules/code.css" media="all">
<link id="layuicss-layer" rel="stylesheet" href="../../assets/lib/layui/css/modules/layer/default/layer.css?v=3.1.1"
media="all">
<style type="text/css">
.layui-table {
word-wrap: break-word;
word-break: break-all;
}
.layui-table th {white-space: nowrap !important;}
/** 修改文件夹图标:未展开 */
.treeTable-icon .layui-icon-layer:before {content: "";}
/** 修改文件夹图标:展开 */
.treeTable-icon.open .layui-icon-layer:before {content: "";}
/* 修改文件图标:*/
.treeTable-icon .layui-icon-file:before {content: "";}
table .table-title {width: 180px;}
.layui-tab-item span {color: #6e6e6e;}
.input-tip {color: #6e6e6e;}
</style>
</head>
<body data-find="_5">
<div class="layui-header header header-doc" spring="">
<div class="layui-main">
<a class="logo" href="#" style="color: #ffffff">
开放平台
</a>
<ul class="layui-nav">
<li class="layui-nav-item layui-this">
<a href="sandbox.html">沙箱环境</a>
</li>
<li class="layui-nav-item">
<a href="../doc/doc.html">文档中心</a>
</li>
<span class="layui-nav-bar" style="left: 162px; top: 55px; width: 0px; opacity: 0;"></span>
</ul>
</div>
</div>
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<div class="layui-main site-inline">
<div class="site-tree">
<div class="layui-form" style="height: 38px; margin: 10px 13px 0 0;">
<select id="moduleList" lay-filter="moduleListFilter">
<!--<option value="故事API" selected="selected">故事API</option>
<option value="书本API">书本API</option>-->
</select>
</div>
<ul id="docItemTree" class="layui-tree">
<!--<li><h2 class="docModule">支付API</h2></li>
<li class="site-tree-noicon layui-this">
<a href="/">
<cite>xxx</cite>
</a>
</li>-->
</ul>
</div>
<div class="site-content">
<h1 class="site-h1">
<i class="layui-icon layui-icon-slider"></i><span class="sop-summary"></span> <span class="sop-version"></span>
</h1>
<div class="site-text">
<table class="layui-table">
<tbody>
<tr>
<td style="width: 60px;background-color: #f2f2f2;">接口名</td>
<td><span class="sop-name"></span></td>
<td style="width: 60px;background-color: #f2f2f2;">版本号</td>
<td style="width: 40px;"><span class="sop-version"></span></td>
</tr>
</tbody>
</table>
</div>
<div class="site-title">
<fieldset class="layui-elem-field layui-field-title site-title">
<legend>接口描述</legend>
</fieldset>
</div>
<!-- 接口描述 -->
<div class="site-text sop-description"></div>
<div class="site-title">
<fieldset class="layui-elem-field layui-field-title site-title">
<legend>参数配置</legend>
</fieldset>
</div>
<div class="site-text">
<table class="layui-table">
<tr>
<td class="table-title">AppId</td>
<td><input id="appId" type="text" name="appId" class="layui-input" /></td>
</tr>
<tr>
<td>PrivateKey</td>
<td><input id="privateKey" type="text" name="privateKey" class="layui-input" /></td>
</tr>
</table>
</div>
<div class="site-title">
<fieldset class="layui-elem-field layui-field-title site-title">
<legend>请求参数</legend>
</fieldset>
</div>
<form class="layui-form" action="">
<table id="treeTableReq" class="layui-table" lay-size="sm"></table>
<div id="multipleDiv" style="margin-bottom: 20px;margin-top: 20px;display: none;">
<input id="multipleFile" name="file" type="file" multiple="multiple" value="上传文件" />
</div>
<div class="layui-form-item">
<label style="float: left;padding-top: 9px;">请求方法</label>
<div style="margin-left: 70px;width: 120px;">
<select id="httpMethodList"></select>
</div>
</div>
<button lay-submit lay-filter="formSend" class="layui-btn layui-btn-normal">发送请求</button>
</form>
<div id="resultDiv" class="layui-tab layui-tab-card" style="display: none;">
<ul class="layui-tab-title">
<li class="req-info">请求信息</li>
<li class="resp-info layui-this">响应信息</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item req-info-content" style="overflow: auto;">
<textarea id="req-info-result" wrap="off" class="layui-textarea" readonly="readonly"></textarea>
</div>
<div class="layui-tab-item resp-info-content layui-show">
<pre id="resp-info-result"></pre>
</div>
</div>
</div>
</div>
</div><!-- layui-main end~ -->
<div class="layui-footer footer footer-doc">
<div class="layui-main">
<p>© 2019 <a href="https://gitee.com/durcframework/SOP" target="_blank">SOP</a> MIT license</p>
</div>
</div>
<script src="../../assets/lib/layui/layui.js" charset="utf-8"></script>
<script src="../../assets/js/format.js" charset="utf-8"></script>
<script src="../../config/config.js" charset="utf-8"></script>
<script src="../../assets/lib/jquery/3.2.1/jquery.min.js" charset="utf-8"></script>
<script src="../../assets/js/inputcache.js" type="text/javascript"></script>
<script src="../doc/doc.js" type="text/javascript"></script>
<script src="sandbox.js?v=1.1" type="text/javascript"></script>
</body>
</html>