index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="icon" href="../../favicon.ico">
  11. <title>Server is running</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="{{ url_for('static',filename='css/bootstrap.min.css') }}" rel="stylesheet">
  14. <!-- Custom styles for this template -->
  15. <link href="{{ url_for('static',filename='css/dashboard.css') }}" rel="stylesheet">
  16. <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/dataTables.css')}}">
  17. </head>
  18. <body>
  19. <nav class="navbar navbar-inverse navbar-fixed-top">
  20. <div class="container-fluid">
  21. <div class="navbar-header">
  22. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  23. <span class="sr-only">Toggle navigation</span>
  24. <span class="icon-bar">111</span>
  25. <span class="icon-bar"></span>
  26. <span class="icon-bar"></span>
  27. </button>
  28. <a class="navbar-brand" href="#">Project name</a>
  29. </div>
  30. <div id="navbar" class="navbar-collapse collapse">
  31. <ul class="nav navbar-nav navbar-right">
  32. <li><a href="#">Dashboard</a></li>
  33. <li><a href="#">Settings</a></li>
  34. <li><a href="#">Profile</a></li>
  35. <li><a href="#">{{name}}</a></li>
  36. <li><a href="/logout">Logout</a> </li>
  37. </ul>
  38. <form class="navbar-form navbar-right">
  39. <input type="text" class="form-control" placeholder="Search...">
  40. </form>
  41. </div>
  42. </div>
  43. </nav>
  44. <div class="container-fluid">
  45. <div class="row">
  46. <div class="col-sm-3 col-md-2 sidebar">
  47. <ul class="nav nav-sidebar">
  48. <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
  49. <li><a href="#">Reports</a></li>
  50. <li><a href="#">Analytics</a></li>
  51. <li><a href="#">Export</a></li>
  52. </ul>
  53. <ul class="nav nav-sidebar">getUncheckimageName
  54. <li><a href="">Nav item</a></li>
  55. <li><a href="">Nav item again</a></li>
  56. <li><a href="">One more nav</a></li>
  57. <li><a href="">Another nav item</a></li>
  58. <li><a href="">More navigation</a></li>
  59. </ul>
  60. <ul class="nav nav-sidebar">
  61. <li><a href="">Nav item again</a></li>
  62. <li><a href="">One more nav</a></li>
  63. <li><a href="">Another nav item</a></li>
  64. </ul>
  65. </div>
  66. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  67. <h1 class="page-header">状态监控</h1>
  68. <div class="row placeholders">
  69. <div class="col-xs-6 col-sm-3 placeholder">
  70. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  71. <h4>登录状态</h4>
  72. <span id="loginsts" class="text-muted">Something else</span>
  73. </div>
  74. <div class="col-xs-6 col-sm-3 placeholder">
  75. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  76. <h4>Label</h4>
  77. <span class="text-muted">Something else</span>
  78. </div>
  79. <div class="col-xs-6 col-sm-3 placeholder">
  80. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  81. <h4>Label</h4>
  82. <span class="text-muted">Something else</span>
  83. </div>
  84. <div class="col-xs-6 col-sm-3 placeholder">
  85. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  86. <h4>Label</h4>
  87. <span class="text-muted">Something else</span>
  88. </div>
  89. </div>
  90. <h2 class="sub-header">Section title</h2>
  91. <div class="table-responsive">
  92. <table id="table_id_example" class="display">
  93. <thead>
  94. <tr>
  95. <th>ID</th>
  96. <th>时间</th>
  97. <th>状态</th>
  98. </tr>
  99. </thead>
  100. <tbody>
  101. </tbody>
  102. </table>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- Bootstrap core JavaScript
  108. ================================================== -->
  109. <!-- Placed at the end of the document so the pages load faster -->
  110. <script src="{{ url_for('static',filename='js/jquery.min.js') }}"></script>
  111. <script>window.jQuery || document.write('<script src="static/js/jquery.min.js"><\/script>')</script>
  112. <script src="{{ url_for('static',filename='js/bootstrap.min.js') }}"></script>
  113. <!-- DataTables -->
  114. <script type="text/javascript" charset="utf8" src="{{url_for('static',filename='js/dataTables.js')}}"></script>
  115. <script type="text/javascript">
  116. var num;
  117. num = 1;
  118. var loginsts;
  119. $(document).ready(function () {
  120. getData();
  121. inittable();
  122. var table
  123. var loginsts
  124. //var num
  125. setInterval("getData()", 30000);
  126. setInterval("updatatable()",60000)
  127. });
  128. function getData(){
  129. console.log("开始")
  130. console.log(num)
  131. checkLogin()
  132. if (loginsts == '1'){
  133. if ( num <100001 ) {
  134. if (num % 10 == 0) {
  135. $.get('/bakupdata', function (data) {
  136. console.log(data)
  137. // if (data!=200){
  138. // window.location.href = "/login";
  139. // }
  140. });
  141. }//((num+9) % 10 == 0)
  142. if ((num+9) % 10 == 0) {
  143. $.get('/postgresql', function (data) {
  144. console.log(data)
  145. });
  146. } //让他比上一个晚上1min
  147. if ((num+3) % 4 == 1) {
  148. $.get('/getFlightData2/A', function (data) {
  149. console.log(data)
  150. });
  151. num += 1
  152. console.log("结束")
  153. console.log(num)
  154. }
  155. else {
  156. $.get('/getFlightData2/B', function (data) {
  157. console.log(data)
  158. });
  159. num += 1
  160. }
  161. }
  162. else{
  163. num=1
  164. }
  165. }
  166. }
  167. function inittable(){
  168. table = $('#table_id_example').DataTable({
  169. ajax: {
  170. url: '/table',
  171. type: 'get',
  172. },
  173. });
  174. }
  175. function updatatable(){
  176. table.clear()
  177. $.get('/table', function(data){
  178. table.rows.add(data['data'])
  179. table.draw()
  180. })
  181. }
  182. function checkLogin(){
  183. $.get('/checkLogin', function(data){
  184. console.log(data)
  185. if (data == '1'){
  186. console.log('已登录')
  187. $('#loginsts').text('已登录')
  188. loginsts = data
  189. }
  190. else{
  191. console.log('未登录')
  192. $('#loginsts').text('未登录')
  193. var txt1="<a href='/login'> 点击登录</a>";
  194. $('#loginsts').append(txt1)
  195. loginsts = data
  196. }
  197. })
  198. }
  199. </script>
  200. </body>
  201. </html>