ActiveApiDoc.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>ActiveApiDoc</title>
  6. <link rel="stylesheet" href="Scripts/editormd/css/editormd.css" />
  7. <script src="Scripts/editormd/examples/js/jquery.min.js"></script>
  8. <script src="Scripts/editormd/lib/marked.min.js"></script>
  9. <script src="Scripts/editormd/lib/prettify.min.js"></script>
  10. <script src="Scripts/editormd/lib/raphael.min.js"></script>
  11. <script src="Scripts/editormd/lib/underscore.min.js"></script>
  12. <script src="Scripts/editormd/lib/sequence-diagram.min.js"></script>
  13. <script src="Scripts/editormd/lib/flowchart.min.js"></script>
  14. <script src="Scripts/editormd/lib/jquery.flowchart.min.js"></script>
  15. <script src="Scripts/editormd/editormd.js"></script>
  16. <script src="Scripts/util/lith.js"></script>
  17. <script src="Scripts/Sers/sers.apiClient.js"></script>
  18. <script src="Scripts/Sers/sers.ssApiDescToMd.js"></script>
  19. <script src="Scripts/Sers/sers.ssModel.js"></script>
  20. <script src="Scripts/Sers/sers.SaveFile.js"></script>
  21. <script src="Scripts/Sers/sers.postman.js"></script>
  22. <style type="text/css">
  23. #title a {
  24. text-decoration: none;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="title">
  30. <h1>ApiDoc-可用的Api</h1>
  31. apiStation: <span id="apiStation"> <a href="?" title="所有">所有</a> | </span>
  32. <br />
  33. postman导入文件:
  34. <a id="postmanCollection" href="#" title="download postman collection File">下载postmanCollection</a> |
  35. <a id="postmanEnvironment" href="#" title="download postman environment File">下载postmanEnvironment</a>
  36. <br />
  37. postmanWeb:
  38. <a href="#" onclick="openPostmanWeb(false)">打开postmanWeb</a> |
  39. <a href="#" onclick="openPostmanWeb(true)">打开postmanWeb并加载当前api</a>
  40. <br />
  41. markdown文档:<a id="mdDownload" href="#" title="download markdown document File">下载markdown文档</a>
  42. </div>
  43. <div id="test-editormd-view" style="width: 95%;">
  44. </div>
  45. <script type="text/javascript">
  46. //加载apiStation
  47. sers.apiClient.apiStation_getAll(function (apiRet) {
  48. if (!apiRet.success) return;
  49. var html = '<a href="?" title="所有">所有</a> | ';
  50. var data = apiRet.data;
  51. for (var t in data) {
  52. var stationName = data[t].stationName;
  53. html += '<a href="?r=' + stationName + '" title="' + stationName + '">' + stationName + '</a> | ';
  54. }
  55. $('#apiStation').html(html);
  56. });
  57. //加载ApiDesc
  58. var apiDescs;
  59. var mdDoc;
  60. var r = lith.document.url_GetArg('r');
  61. sers.apiClient.apiDesc_getActive({ r: r }, function (apiReturn) {
  62. apiDescs = apiReturn.data;
  63. mdDoc = sers.ssApiDescsToMd(apiDescs);
  64. var curMdDoc = "[TOC]\n\n" + mdDoc
  65. editormd.markdownToHTML("test-editormd-view", {
  66. markdown: curMdDoc,
  67. htmlDecode: true
  68. });
  69. });
  70. function openPostmanWeb(loadApi) {
  71. if (loadApi) {
  72. var context = sers.postman.apiDescToPostmanConfig(apiDescs);
  73. context = JSON.stringify(context, null, 2);
  74. localStorage.postmanCollection = context;
  75. context = sers.postman.environmentConfig.value;
  76. context = JSON.stringify(context, null, 2);
  77. localStorage.postmanEnvironment = context;
  78. }
  79. window.open('Scripts/PostmanWeb/postman.html');
  80. }
  81. //postman file
  82. $('#postmanCollection').click(function () {
  83. var context = sers.postman.apiDescToPostmanConfig(apiDescs);
  84. context = JSON.stringify(context, null, 2);
  85. sers.SaveFile(context, sers.postman.collectionConfig.fileName);
  86. });
  87. $('#postmanEnvironment').click(function () {
  88. var context = sers.postman.environmentConfig.value;
  89. context = JSON.stringify(context, null, 2);
  90. sers.SaveFile(context, sers.postman.environmentConfig.fileName);
  91. });
  92. //mdDownload
  93. $('#mdDownload').click(function () {
  94. sers.SaveFile(mdDoc, 'SersActiveApiDoc(' + new Date().toJSON().slice(0, 10) + ').md');
  95. });
  96. </script>
  97. </body>
  98. </html>