login.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <title>后台登录</title>
  5. <meta charset="utf-8"/>
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  8. <meta name="_ctx" th:content="@{/}"/>
  9. <meta name="viewport"
  10. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  11. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  12. <!--<meta name="keywords" content="H-ui.admin v2.4,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载"/>-->
  13. <!--<meta name="description" content="H-ui.admin v2.4,是一款由国人开发的轻量级扁平化网站后台模板,完全免费开源的网站后台管理系统模版,适合中小型CMS后台系统。"/>-->
  14. <!--<LINK rel="Bookmark" th:href="/favicon.ico" />-->
  15. <!--<LINK rel="Shortcut Icon" th:href="/favicon.ico" />-->
  16. <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui/css/H-ui.min.css}"/>
  17. <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
  18. <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/style.css}"/>
  19. <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/H-ui.login.css}"/>
  20. <link rel="stylesheet" type="text/css" th:href="@{/h-ui/extend/login/css/supersized.css}"/>
  21. <style>
  22. h3 {
  23. margin: 120px auto;
  24. text-align: center;
  25. color: #FFFFFF;
  26. }
  27. .title {
  28. position: absolute;
  29. width: 100%;
  30. height: 780px;
  31. left: 0;
  32. top: 0;
  33. bottom: 0;
  34. right: 0;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <input type="hidden" id="TenantId" name="TenantId" value=""/>
  40. <div class="title">
  41. <h3>后台通用管理系统</h3>
  42. <div id="loginform" class="loginBox">
  43. <form class="form form-horizontal">
  44. <div class="row cl">
  45. <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
  46. <div class="formControls col-xs-8">
  47. <input th:name="username" type="text" placeholder="账户" class="input-text size-L"/>
  48. </div>
  49. </div>
  50. <div class="row cl">
  51. <label class="form-label col-xs-3">
  52. <i class="Hui-iconfont">&#xe60e;</i>
  53. </label>
  54. <div class="formControls col-xs-8">
  55. <input th:name="password" type="password" placeholder="密码" class="input-text size-L"/>
  56. </div>
  57. </div>
  58. <!--<div class="row cl">-->
  59. <!--<div class="formControls col-xs-8 col-xs-offset-3">-->
  60. <!--<input class="input-text size-L" type="text" placeholder="验证码" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:" style="width:150px;">-->
  61. <!--<img src="images/VerifyCode.aspx.png"> <a id="kanbuq" href="javascript:;">看不清,换一张</a> </div>-->
  62. <!--</div>-->
  63. <!--<div class="row cl">-->
  64. <!--<div class="formControls col-xs-8 col-xs-offset-3">-->
  65. <!--<label for="online">-->
  66. <!--<input type="checkbox" name="online" id="online" value="">-->
  67. <!--使我保持登录状态</label>-->
  68. <!--</div>-->
  69. <!--&lt;!&ndash;</div>&ndash;&gt;-->
  70. <!--<div class="row cl">-->
  71. <!--<label class="form-label col-xs-3">-->
  72. <!--<i class="Hui-iconfont">&#xe60e;</i>-->
  73. <!--</label>-->
  74. <!--<div class="formControls col-xs-8">-->
  75. <!--<select th:name="type" style="height: 41px;width: 360px">-->
  76. <!--<option value="0" selected>政府用户</option>-->
  77. <!--<option value="1">园区用户</option>-->
  78. <!--<option value="4">街道用户</option>-->
  79. <!--</select>-->
  80. <!--</div>-->
  81. <!--</div>-->
  82. <div class="row cl">
  83. <div class="formControls col-xs-8 col-xs-offset-3">
  84. <input type="button" class="btn btn-success radius size-L btnSubmit"
  85. value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;"
  86. th:onclick="'javascript:onLine(\'/admin/login\');'"/>
  87. </div>
  88. </div>
  89. </form>
  90. </div>
  91. </div>
  92. <script type="text/javascript" th:src="@{/js/lib/jquery-1.11.0.min.js}"></script>
  93. <script type="text/javascript" th:src="@{/h-ui/extend/login/js/supersized.3.2.7.min.js}"></script>
  94. <script type="text/javascript" th:src="@{/h-ui/extend/login/js/supersized-init.js}"></script>
  95. <script type="text/javascript" th:src="@{/h-ui/static/h-ui/js/H-ui.min.js}"></script>
  96. <script type="text/javascript" th:src="@{/h-ui/lib/layer/2.4/layer.js}"></script>
  97. <script type="text/javascript" th:src="@{/js/common/layerUtil.js}"></script>
  98. <script type="text/javascript" th:src="@{/js/common/common.js}"></script>
  99. <script type="text/javascript" th:src="@{/js/common/base.js}"></script>
  100. <!--<script th:src="@{/js/lib/canvas-nest.min.js}" count="100" zindex="-2" opacity="0.5" color="255,255,255"-->
  101. <!--type="text/javascript"></script>-->
  102. <script th:inline="javascript">
  103. var b = new Base64();
  104. $(function () {
  105. var kit = [[${param.kit}]];
  106. if (kit == '1') {
  107. sadMessage("账号已经在其他地方登录,请重新登录!");
  108. }
  109. });
  110. if (self != top) {
  111. top.location = self.location;
  112. }
  113. function onLine(url) {
  114. var usernameObj = $("input[name = 'username']");
  115. var passwordObj = $("input[name = 'password']");
  116. var type = $("select[name = 'type']");
  117. $.ajax({
  118. type: "POST",
  119. dataType: "json",
  120. url: pagePath+url,
  121. data: {
  122. "username": b.encode(usernameObj.val()),
  123. "password": b.encode(passwordObj.val()),
  124. "isMobile": false,
  125. "timestamp": new Date().getTime()
  126. },
  127. beforeSend: function () {
  128. if (usernameObj.val() == "") {
  129. warningMessage("请输入用户名!");
  130. usernameObj.focus();
  131. return false;
  132. }
  133. if (passwordObj.val() == "") {
  134. warningMessage("请输入密码!");
  135. passwordObj.focus();
  136. return false;
  137. }
  138. },success: function (result) {
  139. if (result.success) {
  140. smileMessage(result.message);
  141. window.location.href = pagePath+"/admin/home";
  142. } else {
  143. sadMessage(result.message);
  144. }
  145. }
  146. });
  147. }
  148. $("body").keydown(function (event) {
  149. if (event.keyCode == "13") {//keyCode=13是回车键
  150. $('.btnSubmit').trigger("click");
  151. }
  152. });
  153. </script>
  154. </body>
  155. </html>