index.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>登陆</title>
  6. <script type="text/javascript" src="__static__/js/jquery-1.10.2.min.js"></script>
  7. <link rel="stylesheet" href="__static__/css/bootstrap.min.css">
  8. <script type="text/javascript" src="__static__/js/bootstrap.min.js"></script>
  9. <style>
  10. body{
  11. background: url(__static__/img/bg.png) no-repeat center center fixed;
  12. background-size: cover;
  13. }
  14. form{
  15. /* width: 400px;
  16. margin: 300px auto; */
  17. }
  18. form .layui-input-block{
  19. min-height: 30px;
  20. margin: 10px;
  21. }
  22. .main-box{
  23. position: absolute;
  24. cursor: move;
  25. top: 45%;
  26. left: 50%;
  27. margin: -200px 0 0 -180px;
  28. height: 450px;
  29. min-width: 320px;
  30. background: rgba(255,255,255,0.1);
  31. box-shadow: 1px 7px 131px #6aaae2;
  32. border-radius: 10px;
  33. padding:10px;
  34. }
  35. form input{
  36. background: rgba(50, 57, 70, 0.51);
  37. color: #ccc;
  38. border: 0px;
  39. width: 100%;
  40. margin: 0 auto;
  41. height:40px;
  42. border-radius: 3px;
  43. }
  44. form div{
  45. padding: 10px;
  46. }
  47. h1{
  48. text-align: center;
  49. margin: 20px auto;
  50. color: white;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <div class="main-box">
  56. <form>
  57. <h1>宇结科技</h1>
  58. <div class="">
  59. <input type="text" id="username" placeholder="用户名" >
  60. </div>
  61. <div class="">
  62. <input type="password" id="password" placeholder="密码" >
  63. </div>
  64. <div style="text-align: center;">
  65. <button class="btn btn-default" >登陆</button>
  66. </div>
  67. </form>
  68. <hr>
  69. </div>
  70. <script>
  71. $(".btn").click(function(){
  72. var username = $("#username").val();
  73. var password = $("#password").val();
  74. if(username==""){
  75. alert("请输入用户名");
  76. return false;
  77. }
  78. if(password==""){
  79. alert("请输入密码");
  80. return false;
  81. }
  82. $.post("{:url('dologin')}",
  83. {
  84. username:username,
  85. password:password
  86. },
  87. function(data,status){
  88. var res=JSON.parse(data);
  89. if(res.status==1){
  90. window.location.href='{:url("index/index")}';
  91. }else{
  92. alert(res.msg);
  93. }
  94. });
  95. return false;
  96. });
  97. /*
  98. function dologin(){
  99. var username = $("#username").val();
  100. var password = $("#password").val();
  101. if(username==""){
  102. alert("请输入用户名");
  103. return false;
  104. }
  105. if(password==""){
  106. alert("请输入密码");
  107. return false;
  108. }
  109. $.post("{:url('dologin')}",{username:username,password:password},function(res){
  110. if(res.status==1){
  111. window.location.href='{:url("index/index")}';
  112. }else{
  113. alert(res.msg);
  114. }
  115. console.log(res);
  116. }) ;
  117. }*/
  118. </script>
  119. </body>
  120. </html>