index.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  6. <title></title>
  7. <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="./bootstrap/css/bootstrap-theme.min.css" />
  9. <link rel="stylesheet" href="./css/index.css" />
  10. <script src="./js/jquery.js"></script>
  11. <script src="./bootstrap/js/bootstrap.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="loginPage">
  15. <div class="loginItem">
  16. <div class="logo">
  17. <img />
  18. </div>
  19. <div class="form">
  20. <div class="login-head">
  21. <h3>登录</h3>
  22. </div>
  23. <form>
  24. <div class="form-group">
  25. <label for="user">账号</label>
  26. <input type="test" class="loca-input form-control" id="user" placeholder="请输入账号" />
  27. </div>
  28. <div class="form-group">
  29. <label for="password">密码</label>
  30. <input type="password" class="loca-input form-control" id="password" placeholder="请输入密码" />
  31. </div>
  32. <div style="text-align: center">
  33. <div class="btn btn-primary submit">确 认</div>
  34. </div>
  35. </form>
  36. </div>
  37. </div>
  38. </div>
  39. <script src="./js/base.js"></script>
  40. <script>
  41. $(".logo img").attr('src', Config.logoUrl)
  42. $(".submit").click(() => {
  43. const user = $("#user").val();
  44. const password = $("#password").val();
  45. console.log(user, password);
  46. if (!user || !password) {
  47. showAlert("请输入账号或密码");
  48. return;
  49. }
  50. $.post(Config.baseUrl + "/login", {
  51. username: user,
  52. password: password
  53. }, function (e) {
  54. console.log(e)
  55. if (e.code === 0) {
  56. localStorage.login = user
  57. localStorage.token = e.data.token;
  58. location.href = "./skeleton.html";
  59. } else {
  60. showAlert("账号或密码错误");
  61. }
  62. })
  63. });
  64. </script>
  65. </body>
  66. </html>