index.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html>
  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. <link rel="shortcut icon" href="/static/img/favicon.ico">
  8. <!-- Main CSS-->
  9. <link rel="stylesheet" type="text/css" href="/static/css/main.css">
  10. <!-- Font-icon css-->
  11. <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
  12. <title>nps内网穿透</title>
  13. </head>
  14. <body>
  15. <section class="material-half-bg">
  16. <div class="cover"></div>
  17. </section>
  18. <section class="login-content">
  19. <div class="logo">
  20. <h1></h1>
  21. </div>
  22. <div class="login-box">
  23. <form class="login-form" onsubmit="return false">
  24. <h3 class="login-head"><i class="fa fa-lg fa-fw fa-user"></i>内网穿透管理登陆</h3>
  25. <div class="form-group">
  26. <label class="control-label">密码</label>
  27. <input class="form-control" name="psd" type="password" placeholder="" autofocus>
  28. </div>
  29. <div class="form-group btn-container">
  30. <button onclick="login()" class="btn btn-primary btn-block"><i class="fa fa-sign-in fa-lg fa-fw"></i>登陆
  31. </button>
  32. </div>
  33. </form>
  34. </div>
  35. </section>
  36. <script type="text/javascript" src="/static/js/datatables.min.js"></script>
  37. <script src="/static/js/main.js"></script>
  38. <script type="text/javascript">
  39. // Login Page Flipbox control
  40. function login() {
  41. $.ajax({
  42. type: "POST",
  43. url: "/login/verify",
  44. data: $("form").serializeArray(),
  45. success: function (res) {
  46. if (res.status) {
  47. window.location.href = "/index/index"
  48. } else {
  49. alert(res.msg)
  50. }
  51. }
  52. })
  53. return false
  54. }
  55. </script>
  56. </body>
  57. </html>