index.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html class="bg-black">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>碰词儿后台管理系统</title>
  6. <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  7. <!-- bootstrap 3.0.2 -->
  8. <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet" type="text/css" />
  9. <!-- font Awesome -->
  10. <link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11. <!-- Theme style -->
  12. <link href="__PUBLIC__/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  13. <link href="__PUBLIC__/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css" />
  14. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  15. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  16. <!--[if lt IE 9]>
  17. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body class="bg-black">
  22. <div class="form-box" id="login-box">
  23. <div class="header">碰词儿后台管理系统</div>
  24. <form method="post" id="defaultForm">
  25. <div class="body bg-gray">
  26. <div class="form-group">
  27. <input type="text" name="admin_account" class="form-control" placeholder="用户名" />
  28. </div>
  29. <div class="form-group">
  30. <input type="password" name="admin_pwd" id="admin_pwd" class="form-control" placeholder="密码" required/>
  31. </div>
  32. <!-- <div class="input-group"> -->
  33. <div class="form-group">
  34. <div class="col-sm-7" style="padding-left:0px;padding-right: 5px">
  35. <input type="text" name="admin_code" id="admin_code" class="form-control" placeholder="验证码" required/>
  36. </div>
  37. <span class="input-group-addon" style="padding:0px;text-align:left;width:auto">
  38. <img id="secpic" style='cursor:pointer;height: 33px;' onclick="updateseccode()" src="/admin/login/code"/>
  39. </span>
  40. </div>
  41. </div>
  42. <div class="footer">
  43. <input type="hidden" name="step" value="2">
  44. <button type="submit" class="btn bg-olive btn-block">立即登录</button>
  45. </div>
  46. </form>
  47. </div>
  48. <!-- jQuery 2.0.2 -->
  49. <script src="__PUBLIC__/js/jquery.min.js"></script>
  50. <!-- Bootstrap -->
  51. <script src="__PUBLIC__/js/bootstrap.min.js" type="text/javascript"></script>
  52. <script src="__PUBLIC__/js/bootstrapValidator.min.js" type="text/javascript"></script>
  53. <script type="text/javascript">
  54. $(function(){
  55. $('#defaultForm').bootstrapValidator({
  56. message: '必填字段',
  57. feedbackIcons: {
  58. valid: 'glyphicon glyphicon-ok',
  59. invalid: 'glyphicon glyphicon-remove',
  60. validating: 'glyphicon glyphicon-refresh'
  61. },
  62. fields: {
  63. admin_account: {validators: {notEmpty: {message: '请输入账号'}}},
  64. admin_pwd: {validators: {notEmpty: {message: '请输入密码'}}},
  65. admin_code: {validators: {notEmpty: {message: '请输入密码'}}},
  66. },
  67. });
  68. })
  69. function updateseccode() {
  70. $('#secpic').attr('src', '/admin/login/code?update=' + Math.random());
  71. }
  72. </script>
  73. </body>
  74. </html>