index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="Pragma" content="no-cache">
  6. <meta http-equiv="Cache-Control" content="no-cache">
  7. <meta http-equiv="Expires" content="0">
  8. <title>后台登录</title>
  9. <link href="__CSS__/login.css" type="text/css" rel="stylesheet">
  10. <link rel="shortcut icon" href="__IMG__/favicon.ico">
  11. </head>
  12. <body>
  13. <div class="login">
  14. <div class="message">管理登录</div>
  15. <div id="darkbannerwrap"></div>
  16. <input name="user_name" placeholder="用户名" type="text" id="user_name">
  17. <hr class="hr15">
  18. <input name="password" placeholder="密码" type="password" id="password">
  19. <hr class="hr15">
  20. <input value="登录" style="width:100%;" type="button" id="login">
  21. <hr class="hr20">
  22. </div>
  23. <div class="copyright"></div>
  24. <script src="__JS__/jquery.min.js" type="text/javascript"></script>
  25. <script src="__JS__/layui/layui.js" type="text/javascript"></script>
  26. <script>
  27. document.onkeydown=function(event){
  28. var e = event || window.event || arguments.callee.caller.arguments[0];
  29. if(e && e.keyCode==13){ // enter 键
  30. doLogin();
  31. }
  32. };
  33. $(function(){
  34. $('#login').click(function(){
  35. doLogin();
  36. });
  37. });
  38. function doLogin(){
  39. var user_name = $("#user_name").val();
  40. var password = $("#password").val();
  41. layui.use('layer', function(){
  42. var layer = layui.layer;
  43. layer.ready(function(){
  44. if('' == user_name){
  45. layer.tips('用户名不能为空', '#user_name');
  46. return false;
  47. }
  48. if('' == password){
  49. layer.tips('密码不能为空', '#password');
  50. return false;
  51. }
  52. var index = layer.load(0, {shade: false});
  53. $.post("{:url('login/doLogin')}", {user_name: user_name, password: password}, function(res){
  54. layer.close(index);
  55. if(1 == res.code){
  56. layer.msg(res.msg);
  57. window.location.href = res.data;
  58. }else{
  59. return layer.msg(res.msg, {anim: 6, time: 1000});
  60. }
  61. }, 'json');
  62. });
  63. });
  64. }
  65. </script>
  66. </body>
  67. </html>