Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
DDM
/
magic-api
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: cb321cf55e
Салаанууд Тагууд
magic-api
/
src
/
main
/
resources
/
magicapi-support
/
index.html

index.html 7.7 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 	<meta charset="UTF-8">
    5. 

  5. 	<title>MagicAPI v0.3.0 - Powered by ssssssss-team</title>
    6. 

  6. 	<link rel="icon" href="images/favicon.png" />
    7. 

  7. 	<style type="text/css">.loading-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;z-index:2147483647;text-align:center;background:#fff}.loading{position:absolute;top:50%;left:50%;width:500px;height:100px;margin-left:-250px;margin-top:-50px;text-align:center}.loading .title{font-size:0;color:#0075ff;letter-spacing:0}.loading .title label{font-size:36px;display:inline-block;margin-top:5px;vertical-align:top}.loading .title span{font-size:72px;display:inline-block;padding:0 3px;animation:stretch 1s infinite}.loading .title span:nth-child(1){animation-delay:calc(1s / 8 * 0 / 2)}.loading .title span:nth-child(2){animation-delay:calc(1s / 8 * 1 / 2)}.loading .title span:nth-child(3){animation-delay:calc(1s / 8 * 2 / 2)}.loading .title span:nth-child(4){animation-delay:calc(1s / 8 * 3 / 2)}.loading .title span:nth-child(5){animation-delay:calc(1s / 8 * 4 / 2)}.loading .title span:nth-child(6){animation-delay:calc(1s / 8 * 5 / 2)}.loading .title span:nth-child(7){animation-delay:calc(1s / 8 * 6 / 2)}.loading .title span:nth-child(8){animation-delay:calc(1s / 8 * 7 / 2)}.loading .loading-text{text-align:center;font-weight:bolder;font-style:italic;color:#889aa4;font-size:32px;animation:blink-loading 2s ease-in infinite}@keyframes stretch{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}100%{transform:scale(1)}}@keyframes blink-loading{0%{opacity:100%}50%{opacity:50%}100%{opacity:100%}}</style>
    8. 

  8. 	<link rel="stylesheet" href="css/index.css" />
    9. 

  9. 	<link rel="stylesheet" href="css/iconfont.css" />
    10. 

  10. 	<script type="text/javascript" src="monaco/loader.js"></script>
    11. 

  11. 	<script type="text/javascript">require.config({ paths: { 'vs': 'monaco' }});</script>
    12. 

  12. 	<script type="text/javascript" src="monaco/language/magicscript.js"></script>
    13. 

  13. 	<script type="text/javascript" src="js/jquery.min.js"></script>
    14. 

  14. 	<script type="text/javascript" src="js/index.js"></script>
    15. 

  15. </head>
    16. 

  16. <body>
    17. 

  17. <div class="loading-wrapper">
    18. 

  18. 	<div class="loading">
    19. 

  19. 		<div class="title">
    20. 

  20. 			<span>M</span>
    21. 

  21. 			<span>A</span>
    22. 

  22. 			<span>G</span>
    23. 

  23. 			<span>I</span>
    24. 

  24. 			<span>C</span>
    25. 

  25. 			<span>A</span>
    26. 

  26. 			<span>P</span>
    27. 

  27. 			<span>I</span>
    28. 

  28. 			<label>v0.3.0</label>
    29. 

  29. 		</div>
    30. 

  30. 		<div class="loading-text">Loading...</div>
    31. 

  31. 	</div>
    32. 

  32. </div>
    33. 

  33. <div class="top-toolbar-container not-select">
    34. 

  34. 	<div class="header">
    35. 

  35. 		<img src="images/logo.png"/>
    36. 

  36. 		<label>magic-api</label>
    37. 

  37. 		<label class="version">v0.3.0</label>
    38. 

  38. 	</div>
    39. 

  39. 	<span class="button-run" title="运行（Ctrl+Q）"><i class="iconfont icon-run"></i></span>
    40. 

  40. 	<span class="button-save" title="保存（Ctrl+S）"><i class="iconfont icon-save"></i></span>
    41. 

  41. 	<span class="button-delete" title="删除"><i class="iconfont icon-delete"></i></span>
    42. 

  42. 	<span class="button-history" title="历史记录"><i class="iconfont icon-history"></i></span>
    43. 

  43. 	<span class="button-skin" title="换肤"><i class="iconfont icon-skin"></i></span>
    44. 

  44. 	<span class="button-gitee" title="Gitee"><i class="iconfont icon-gitee"></i></span>
    45. 

  45. 	<span class="button-github" title="Github"><i class="iconfont icon-git"></i></span>
    46. 

  46. 	<span class="button-qq" title="加入QQ群"><i class="iconfont icon-qq"></i></span>
    47. 

  47. 	<span class="button-help" title="帮助文档"><i class="iconfont icon-help"></i></span>
    48. 

  48. </div>
    49. 

  49. <div class="skin-selector">
    50. 

  50. 	<ul>
    51. 

  51. 		<li>default</li>
    52. 

  52. 		<li class="selected">dark</li>
    53. 

  53. 	</ul>
    54. 

  54. </div>
    55. 

  55. <ul class="left-toolbar-container not-select">
    56. 

  56. 	<li class="selected">接口列表<i class="iconfont icon-list"></i></li>
    57. 

  57. </ul>
    58. 

  58. <div class="main-container">
    59. 

  59. 	<div class="middle-container">
    60. 

  60. 		<div class="api-list-container not-select">
    61. 

  61. 			<div class="group-item opened">
    62. 

  62. 				<div class="group-header"><i class="iconfont icon-arrow-bottom"></i><i class="iconfont icon-list"></i>未分组</div>
    63. 

  63. 			</div>
    64. 

  64. 		</div>
    65. 

  65. 		<div class="resizer-x"></div>
    66. 

  66. 		<div class="editor-container-wrapper">
    67. 

  67. 			<div class="properties-container">
    68. 

  68. 				<label>接口分组：</label>
    69. 

  69. 				<div class="select input" style="width:120px">
    70. 

  70. 					<input type="text" value="未分组" name="group"/>
    71. 

  71. 					<ul class="not-select">
    72. 

  72. 						<li data-name="未分组" data-prefix="">未分组</li>
    73. 

  73. 					</ul>
    74. 

  74. 				</div>
    75. 

  75. 				<label>请求方法：</label>
    76. 

  76. 				<div class="select not-select">
    77. 

  77. 					<input type="text" value="GET" readonly="readonly" name="method"/>
    78. 

  78. 					<ul>
    79. 

  79. 						<li>GET</li>
    80. 

  80. 						<li>POST</li>
    81. 

  81. 						<li>PUT</li>
    82. 

  82. 						<li>DELETE</li>
    83. 

  83. 					</ul>
    84. 

  84. 				</div>
    85. 

  85. 				<label>接口名称：</label>
    86. 

  86. 				<input type="text" style="width : 160px" name="name"/>
    87. 

  87. 				<label>接口地址：</label>
    88. 

  88. 				<input type="text" name="path"/>
    89. 

  89. 				<input type="hidden" name="prefix" />
    90. 

  90. 			</div>
    91. 

  91. 			<div class="editor-container"></div>
    92. 

  92. 		</div>
    93. 

  93. 	</div>
    94. 

  94. 	<div class="bottom-container">
    95. 

  95. 		<div class="bottom-content-container" style="display: block;">
    96. 

  96. 			<div class="resizer-y"></div>
    97. 

  97. 			<div class="bottom-content-item" style="display: block;">
    98. 

  98. 				<div class="bottom-item-toolbar not-select">
    99. 

  99. 					<label>请求参数</label>
    100. 

  100. 					<span title="清空参数" class="button-clear"><i class="iconfont icon-clear"></i></span>
    101. 

  101. 					<span title="格式化参数" class="button-format"><i class="iconfont icon-format"></i></span>
    102. 

  102. 					<span title="最小化" class="button-minimize"><i class="iconfont icon-minimize"></i></span>
    103. 

  103. 				</div>
    104. 

  104. 				<div class="bottom-item-body request-editor"></div>
    105. 

  105. 			</div>
    106. 

  106. 			<div class="bottom-content-item">
    107. 

  107. 				<div class="bottom-item-toolbar not-select">
    108. 

  108. 					<label>接口选项</label>
    109. 

  109. 					<span title="清空参数" class="button-clear"><i class="iconfont icon-clear"></i></span>
    110. 

  110. 					<span title="格式化参数" class="button-format"><i class="iconfont icon-format"></i></span>
    111. 

  111. 					<span title="最小化" class="button-minimize"><i class="iconfont icon-minimize"></i></span>
    112. 

  112. 				</div>
    113. 

  113. 				<div class="bottom-item-body options-editor"></div>
    114. 

  114. 			</div>
    115. 

  115. 			<div class="bottom-content-item">
    116. 

  116. 				<div class="bottom-item-toolbar not-select">
    117. 

  117. 					<label>执行结果</label>
    118. 

  118. 					<span title="清空参数" class="button-clear"><i class="iconfont icon-clear"></i></span>
    119. 

  119. 					<span title="格式化参数" class="button-format"><i class="iconfont icon-format"></i></span>
    120. 

  120. 					<span title="最小化" class="button-minimize"><i class="iconfont icon-minimize"></i></span>
    121. 

  121. 				</div>
    122. 

  122. 				<div class="bottom-item-body result-editor"></div>
    123. 

  123. 			</div>
    124. 

  124. 			<div class="bottom-content-item">
    125. 

  125. 				<div class="bottom-item-toolbar not-select">
    126. 

  126. 					<label>调试信息</label>
    127. 

  127. 					<span class="button-continue disabled" title="继续(F8)"><i class="iconfont icon-continue"></i></span>
    128. 

  128. 					<span title="最小化" class="button-minimize"><i class="iconfont icon-minimize"></i></span>
    129. 

  129. 				</div>
    130. 

  130. 				<div class="bottom-item-body">
    131. 

  131. 					<table>
    132. 

  132. 						<thead>
    133. 

  133. 						<tr>
    134. 

  134. 							<th>变量名称</th>
    135. 

  135. 							<th>变量值</th>
    136. 

  136. 							<th>变量类型</th>
    137. 

  137. 						</tr>
    138. 

  138. 						</thead>
    139. 

  139. 						<tbody>
    140. 

  140. 						<tr>
    141. 

  141. 							<td colspan="3" align="center">no message.</td>
    142. 

  142. 						</tr>
    143. 

  143. 						</tbody>
    144. 

  144. 					</table>
    145. 

  145. 				</div>
    146. 

  146. 			</div>
    147. 

  147. 			<div class="bottom-content-item">
    148. 

  148. 				<div class="bottom-item-toolbar not-select">
    149. 

  149. 					<label>运行日志</label>
    150. 

  150. 					<span title="清空日志" class="button-clear"><i class="iconfont icon-clear"></i></span>
    151. 

  151. 					<span title="最小化" class="button-minimize"><i class="iconfont icon-minimize"></i></span>
    152. 

  152. 				</div>
    153. 

  153. 				<div class="bottom-item-body output"></div>
    154. 

  154. 			</div>
    155. 

  155. 		</div>
    156. 

  156. 		<ul class="bottom-tab not-select">
    157. 

  157. 			<li class="selected"><i class="iconfont icon-parameter"></i>请求参数</li>
    158. 

  158. 			<li><i class="iconfont icon-options"></i>接口选项</li>
    159. 

  159. 			<li><i class="iconfont icon-run"></i>执行结果</li>
    160. 

  160. 			<li><i class="iconfont icon-debug-info"></i>调试信息</li>
    161. 

  161. 			<li><i class="iconfont icon-log"></i>运行日志</li>
    162. 

  162. 		</ul>
    163. 

  163. 	</div>
    164. 

  164. </div>
    165. 

  165. <div class="footer-container"></div>
    166. 

  166. </body>
    167. 

  167. </html>
    168.