index2.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  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>Dashboard Template for Bootstrap</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. </head>
  17. <body>
  18. <nav class="navbar navbar-inverse navbar-fixed-top">
  19. <div class="container-fluid">
  20. <div class="navbar-header">
  21. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  22. <span class="sr-only">Toggle navigation</span>
  23. <span class="icon-bar">111</span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. </button>
  27. <a class="navbar-brand" href="#">Project name</a>
  28. </div>
  29. <div id="navbar" class="navbar-collapse collapse">
  30. <ul class="nav navbar-nav navbar-right">
  31. <li><a href="#">Dashboard</a></li>
  32. <li><a href="#">Settings</a></li>
  33. <li><a href="#">Profile</a></li>
  34. <li><a href="#">{{name}}</a></li>
  35. <li><a href="/logout">Logout</a> </li>
  36. </ul>
  37. <form class="navbar-form navbar-right">
  38. <input type="text" class="form-control" placeholder="Search...">
  39. </form>
  40. </div>
  41. </div>
  42. </nav>
  43. <div class="container-fluid">
  44. <div class="row">
  45. <div class="col-sm-3 col-md-2 sidebar">
  46. <ul class="nav nav-sidebar">
  47. <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
  48. <li><a href="#">Reports</a></li>
  49. <li><a href="#">Analytics</a></li>
  50. <li><a href="#">Export</a></li>
  51. </ul>
  52. <ul class="nav nav-sidebar">
  53. <li><a href="">Nav item</a></li>
  54. <li><a href="">Nav item again</a></li>
  55. <li><a href="">One more nav</a></li>
  56. <li><a href="">Another nav item</a></li>
  57. <li><a href="">More navigation</a></li>
  58. </ul>
  59. <ul class="nav nav-sidebar">
  60. <li><a href="">Nav item again</a></li>
  61. <li><a href="">One more nav</a></li>
  62. <li><a href="">Another nav item</a></li>
  63. </ul>
  64. </div>
  65. <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  66. <h1 class="page-header">Dashboard</h1>
  67. <div class="row placeholders">
  68. <div class="col-xs-6 col-sm-3 placeholder">
  69. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  70. <h4>登录状态</h4>
  71. <span id="loginsts" class="text-muted">Something else</span>
  72. </div>
  73. <div class="col-xs-6 col-sm-3 placeholder">
  74. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  75. <h4>Label</h4>
  76. <span class="text-muted">Something else</span>
  77. </div>
  78. <div class="col-xs-6 col-sm-3 placeholder">
  79. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  80. <h4>Label</h4>
  81. <span class="text-muted">Something else</span>
  82. </div>
  83. <div class="col-xs-6 col-sm-3 placeholder">
  84. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
  85. <h4>Label</h4>
  86. <span class="text-muted">Something else</span>
  87. </div>
  88. </div>
  89. <h2 class="sub-header">Section title</h2>
  90. <div class="table-responsive">
  91. <table class="table table-striped">
  92. <thead>
  93. <tr>
  94. <th>#</th>
  95. <th>Header</th>
  96. <th>Header</th>
  97. <th>Header</th>
  98. <th>Header</th>
  99. </tr>
  100. </thead>
  101. <tbody>
  102. <tr>
  103. <td>1,001</td>
  104. <td>Lorem</td>
  105. <td>ipsum</td>
  106. <td>dolor</td>
  107. <td>sit</td>
  108. </tr>
  109. <tr>
  110. <td>1,002</td>
  111. <td>amet</td>
  112. <td>consectetur</td>
  113. <td>adipiscing</td>
  114. <td>elit</td>
  115. </tr>
  116. <tr>
  117. <td>1,003</td>
  118. <td>Integer</td>
  119. <td>nec</td>
  120. <td>odio</td>
  121. <td>Praesent</td>
  122. </tr>
  123. <tr>
  124. <td>1,003</td>
  125. <td>libero</td>
  126. <td>Sed</td>
  127. <td>cursus</td>
  128. <td>ante</td>
  129. </tr>
  130. <tr>
  131. <td>1,004</td>
  132. <td>dapibus</td>
  133. <td>diam</td>
  134. <td>Sed</td>
  135. <td>nisi</td>
  136. </tr>
  137. <tr>
  138. <td>1,005</td>
  139. <td>Nulla</td>
  140. <td>quis</td>
  141. <td>sem</td>
  142. <td>at</td>
  143. </tr>
  144. <tr>
  145. <td>1,006</td>
  146. <td>nibh</td>
  147. <td>elementum</td>
  148. <td>imperdiet</td>
  149. <td>Duis</td>
  150. </tr>
  151. <tr>
  152. <td>1,007</td>
  153. <td>sagittis</td>
  154. <td>ipsum</td>
  155. <td>Praesent</td>
  156. <td>mauris</td>
  157. </tr>
  158. <tr>
  159. <td>1,008</td>
  160. <td>Fusce</td>
  161. <td>nec</td>
  162. <td>tellus</td>
  163. <td>sed</td>
  164. </tr>
  165. <tr>
  166. <td>1,009</td>
  167. <td>augue</td>
  168. <td>semper</td>
  169. <td>porta</td>
  170. <td>Mauris</td>
  171. </tr>
  172. <tr>
  173. <td>1,010</td>
  174. <td>massa</td>
  175. <td>Vestibulum</td>
  176. <td>lacinia</td>
  177. <td>arcu</td>
  178. </tr>
  179. <tr>
  180. <td>1,011</td>
  181. <td>eget</td>
  182. <td>nulla</td>
  183. <td>Class</td>
  184. <td>aptent</td>
  185. </tr>
  186. <tr>
  187. <td>1,012</td>
  188. <td>taciti</td>
  189. <td>sociosqu</td>
  190. <td>ad</td>
  191. <td>litora</td>
  192. </tr>
  193. <tr>
  194. <td>1,013</td>
  195. <td>torquent</td>
  196. <td>per</td>
  197. <td>conubia</td>
  198. <td>nostra</td>
  199. </tr>
  200. <tr>
  201. <td>1,014</td>
  202. <td>per</td>
  203. <td>inceptos</td>
  204. <td>himenaeos</td>
  205. <td>Curabitur</td>
  206. </tr>
  207. <tr>
  208. <td>1,015</td>
  209. <td>sodales</td>
  210. <td>ligula</td>
  211. <td>in</td>
  212. <td>libero</td>
  213. </tr>
  214. </tbody>
  215. </table>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <!-- Bootstrap core JavaScript
  221. ================================================== -->
  222. <!-- Placed at the end of the document so the pages load faster -->
  223. <script src="{{ url_for('static',filename='js/jquery.min.js') }}"></script>
  224. <script>window.jQuery || document.write('<script src="static/js/jquery.min.js"><\/script>')</script>
  225. <script src="{{ url_for('static',filename='js/bootstrap.min.js') }}"></script>
  226. <!-- <script type="text/javascript">-->
  227. <!-- $(document).ready(function () {-->
  228. <!-- getData();-->
  229. <!-- setInterval("getData()", 60000);-->
  230. <!-- });-->
  231. <!-- function getData(){-->
  232. <!-- $.get('/getFlightData', function (data) {-->
  233. <!-- console.log(data)-->
  234. <!-- if (data!=200){-->
  235. <!-- window.location.href = "/login";-->
  236. <!-- }-->
  237. <!-- });-->
  238. <!-- }-->
  239. <!-- </script>-->
  240. <script>
  241. $(document).ready(function (){
  242. checkLogin()
  243. })
  244. function checkLogin(){
  245. $.get('/checkLogin', function(data){
  246. console.log(data)
  247. if (data == '1'){
  248. console.log('已登录')
  249. $('#loginsts').text('已登录')
  250. }
  251. else{
  252. console.log('未登录')
  253. $('#loginsts').text('未登录')
  254. var txt1="<a href='/login'> 点击登录</a>";
  255. $('#loginsts').append(txt1)
  256. }
  257. })
  258. } {
  259. }
  260. </script>
  261. </body>
  262. </html>