login.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>sku_login</title>
  8. <style type="text/css">
  9. @import url("http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css");
  10. @import url("css/bootstrap-grid.css?ver=zb20191206");
  11. @import url("css/htmleaf-demo.css?ver=zb20191206" );
  12. @import url("css/login.css?ver=zb20191206" );
  13. </style>
  14. <script src="js/jquery-2.1.1.min.js?ver=zb20191206"></script>
  15. <script src="js/jquery_cookie_min.js?ver=zb20191206"></script>
  16. <script src="js/ip.js?ver=zb20191206"></script>
  17. </head>
  18. <body>
  19. <div class="htmleaf-container">
  20. <header class="htmleaf-header" style="height: 200px;">
  21. <div class="htmleaf-links">
  22. </div>
  23. </header>
  24. <div class="demo form-bg">
  25. <div class="container">
  26. <div class="row">
  27. <div class="col-md-4"></div>
  28. <div class="col-md-4">
  29. <form class="form-horizontal">
  30. <div class="heading">Login form</div>
  31. <div class="form-group">
  32. <i class="fa fa-user"></i>
  33. <input required name="login[username]" type="text"
  34. class="form-control" placeholder="Username"
  35. id="InputUsername">
  36. </div>
  37. <div class="form-group">
  38. <i class="fa fa-lock"></i>
  39. <input required autocomplete="on" name="login[password]" type="password"
  40. class="form-control" placeholder="Password"
  41. id="InputPassword"/>
  42. </div>
  43. <div class="form-group">
  44. <button type="submit" class="btn btn-default" onClick="subLoginAction();return false;"><i
  45. class="fa fa-arrow-right"></i></button>
  46. <!--<span>Don't have an account? <a href="" class="create_account">Sign up</a></span>-->
  47. </div>
  48. </form>
  49. </div>
  50. <div class="col-md-4"></div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </body>
  56. <script type="text/javascript">
  57. function subLoginAction() {
  58. let username = $("#InputUsername").val();
  59. let password = $("#InputPassword").val();
  60. let post_data = {
  61. 'username': username,
  62. 'password': password
  63. };
  64. var url= http+"user/login";
  65. var data_string = JSON.stringify(post_data);
  66. // 登录请求
  67. $.ajax({
  68. url: url,
  69. type: "post",
  70. dataType:"JSON",
  71. data: data_string,
  72. success: function (data)
  73. {
  74. console.log(data);
  75. if (data['code'] == 0) {
  76. console.log(data);
  77. $.cookie('sku_access_token', data.res.access_token, data.res.access_expire);
  78. $.cookie('sku_refresh_token', data.res.refresh_token, data.res.refresh_expire);
  79. $.cookie('sku_role_id', data.res.role_id, data.res.access_expire);
  80. window.location.href = "sku_index.html?ver=zb20191206";
  81. } else {
  82. alert(data['msg'])
  83. }
  84. },
  85. error:function (XMLHttpRequest) {
  86. console.log("失败!");
  87. }
  88. });
  89. }
  90. </script>
  91. </html>