login.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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=zb20191202");
  11. @import url("css/htmleaf-demo.css?ver=zb20191202" );
  12. @import url("css/login.css?ver=zb20191202" );
  13. </style>
  14. <script src="js/jquery-2.1.1.min.js?ver=zb20191202"></script>
  15. <script src="js/jquery_cookie_min.js?ver=zb20191202"></script>
  16. <script src="js/ip.js?ver=zb20191202"></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. if (data['code'] == 0) {
  75. console.log(data);
  76. $.cookie('sku_access_token', data.res.access_token, data.res.access_expire);
  77. $.cookie('sku_refresh_token', data.res.refresh_token, data.res.refresh_expire);
  78. $.cookie('sku_role_id', data.res.role_id, data.res.access_expire);
  79. window.location.href = "sku_index.html?ver=zb20191202";
  80. } else {
  81. alert(data['msg'])
  82. }
  83. },
  84. error:function (XMLHttpRequest) {
  85. console.log("失败!");
  86. }
  87. });
  88. }
  89. </script>
  90. </html>