index.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <head>
  2. <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  3. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
  4. <link rel="stylesheet" href="../css/bootstrap.min.css"
  5. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  6. <script src="https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js"></script>
  7. <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  8. <script src="../js/av-min.js"></script>
  9. <script src="../js/aes.js"></script>
  10. <script src="../js/pad-pkcs7.js"></script>
  11. <script src="../js/mode-ecb.js"></script>
  12. <link rel="preconnect" href="https://fonts.gstatic.com">
  13. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  14. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  15. <link rel="stylesheet" href="../css/style.css">
  16. <!-- <link rel="stylesheet" href="/css/style.css"> -->
  17. <script type="text/javascript" src="../js/score.js"></script>
  18. <style>
  19. #controls {
  20. position: fixed;
  21. bottom: 20px;
  22. right: 20px;
  23. padding: 5px;
  24. border: 5px solid rgba(15, 15, 15, 0.1);
  25. border-radius: 15px;
  26. background-color: rgba(15, 15, 15, 0.1);
  27. backdrop-filter: blur(5px);
  28. z-index: -1;
  29. }
  30. #name {
  31. background-color: rgba(215, 215, 215, 0.7);
  32. border-radius: 5px;
  33. padding-right: 3px;
  34. }
  35. #controls:not(.disabled) {
  36. z-index: 1;
  37. }
  38. </style>
  39. <title>
  40. 实验中学成绩整理
  41. </title>
  42. </head>
  43. <body>
  44. <a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
  45. class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
  46. <a tabindex="0" class="btn btn-warning hidable toggleHide" onclick="toggleHide();"
  47. style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:none;">
  48. <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
  49. </a>
  50. <div class="hidable">
  51. <h1>
  52. 实验中学成绩整理
  53. </h1>
  54. <p style="font-size:16px">基于心意答查分页面提供的数据整理汇总考试成绩</p>
  55. <h2>如何获取数据</h2>
  56. <p>尽量使用 Google Chrome 浏览器,不保证其他浏览器操作相同。</p>
  57. <p>1. 进入心意答查分页面;</p>
  58. <p>2. 按下 F12 打开控制台,若无反应,尝试 Fn+F12;</p>
  59. <p>3. 控制台顶栏分页中找到“<b>网络</b>”或“<b>Network</b>”(可能需要从下拉框里面找);</p>
  60. <p>4. 刷新页面(用 F5 刷新),此时应看到控制台中出现一批文件,点击其中的“<b>getStudentReportMEVO</b>”;</p>
  61. <p>5. 在新出现的小页面的顶栏分页中找到“<b>预览</b>”或“<b>Preview</b>”;</p>
  62. <p>6. 此时应看到“{data: {,...”等数据,一定在数据第一行右键(或在其最后一行下方空白处右键),随后“<b>复制物体</b>”或“<b>Copy Object</b>”;</p>
  63. <p>7. 新建文本文档(格式为 txt,不可用 Word 文档),将所复制的内容粘贴并保存,于下方按钮打开。</p>
  64. <p style="font-size: 12px;font-style: italic;">
  65. 注:图表整理均在本地进行,你的成绩不会上传到网络。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del>你获取的数据在心意答上未经加密并可直接访问,本质上对学生都是公开的,</del>(现在加密了,好在<a href="../crypty/">加密算法</a>不算复杂,不过各位且用且珍惜吧);但恶意使用这些数据造成的后果自负。
  66. </p>
  67. <h4>操作指南</h4>
  68. <p>1. 加载多个文件后,使用方向键、数字键或右下角控件可在文件间快速切换,方便比较;</p>
  69. <p>2. 点击图例可隐藏部分内容;</p>
  70. <p>3. 一览表中 "0%" 代表最低分,"100%" 代表最高分,以此类推。</p>
  71. <br>
  72. </div>
  73. <div style="text-align: center;" class="hidable">
  74. <a tabindex="0" class="btn btn-default" href="tutor/"
  75. style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;display:inline-block;">
  76. <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>&nbsp;<b>查看示例截图</b>
  77. </a>
  78. <a id="upbtn" tabindex="0" class="btn btn-info" onclick="document.getElementById('fileInput').click();"
  79. style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
  80. <span id="upicon" class="glyphicon glyphicon-open" aria-hidden="true"></span> <b>打开文件</b><input
  81. style="display: none;" id="fileInput" type="file" onchange="getFiles(event)">
  82. </a>
  83. <a id="resetbtn" tabindex="0" class="btn btn-primary disabled" onclick="reset();"
  84. style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
  85. <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> <b>重置</b>
  86. </a>
  87. <a tabindex="0" class="btn btn-warning toggleHide" onclick="toggleHide();"
  88. style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
  89. <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
  90. </a>
  91. </div>
  92. <div id="controls" class="disabled" style="text-align: center;">
  93. <div id="name"></div>
  94. <a id="lbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="prevFile();">
  95. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  96. </a>
  97. <a id="rbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="nextFile();">
  98. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  99. </a>
  100. </div>
  101. <div id="message" class="hidable"></div>
  102. <div id="fileInfo" class="hideble"></div>
  103. <div id="score1" class="chart" style="display: none"></div>
  104. <div id="score2" class="chart" style="display: none"></div>
  105. <div id="fileOutput"></div>
  106. <div id="order1" class="chart" style="display: none"></div>
  107. <div id="order2" class="chart" style="display: none"></div>
  108. <div id="order3" class="chart" style="display: none"></div>
  109. <div id="order4" class="chart" style="display: none"></div>
  110. </body>