login.jsp 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%
  4. String message = (String) request.getParameter("message");
  5. %>
  6. <!DOCTYPE html>
  7. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  8. <c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
  9. <html>
  10. <head>
  11. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  12. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
  13. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
  14. <c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16. <title>劲仔食品</title>
  17. <meta name="keywords" content="关键字">
  18. <meta name="description" content="描述">
  19. <link rel="shortcut icon" href="favicon.ico">
  20. <link href="${ctx}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  21. <%-- <link href="${ctx}/css/plugins/iCheck/custom.css" rel="stylesheet"> --%>
  22. <link href="${ctx}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
  23. <link href="${ctx}/css/animate.css" rel="stylesheet">
  24. <link href="${ctx}/css/style.css?v=4.1.0" rel="stylesheet">
  25. <!--[if lt IE 9]>
  26. <meta http-equiv="refresh" content="0;ie.html" />
  27. <![endif]-->
  28. <style>
  29. .gray-bg{
  30. background-image: url('/img/login_bg_01.png');
  31. background-repeat: no-repeat; /* 在水平和垂直方向都重复 */
  32. background-size: auto;
  33. }
  34. .input-group {
  35. display: flex;
  36. align-items: center;
  37. border: 1px solid #ccc;
  38. border-radius: 4px;
  39. padding: 6px 10px;
  40. margin-bottom: 10px;
  41. width: 350px;
  42. }
  43. .input-group img {
  44. width: 20px;
  45. height: 20px;
  46. margin-right: 8px;
  47. }
  48. .input-group input {
  49. border: none;
  50. outline: none;
  51. font-size: 14px;
  52. flex: 1;
  53. }
  54. .captcha-group {
  55. display: flex;
  56. align-items: center;
  57. border: 1px solid #ccc;
  58. border-radius: 4px;
  59. padding: 6px 10px;
  60. width: 350px;
  61. }
  62. .captcha-group img.icon {
  63. width: 20px;
  64. height: 20px;
  65. margin-right: 8px;
  66. }
  67. .captcha-group input {
  68. flex: 1;
  69. border: none;
  70. outline: none;
  71. font-size: 14px;
  72. }
  73. .captcha-group img.captcha {
  74. width: 80px;
  75. height: 32px;
  76. margin-left: 10px;
  77. cursor: pointer;
  78. border: 1px solid #ddd;
  79. }
  80. </style>
  81. </head>
  82. <body class="gray-bg" >
  83. <div style="background: rgba(238,67,2,0.50);height:60px;width:100%;line-height: 60px;">
  84. <div class="jinzai_head_img" style="position: relative;left:10%">
  85. <img src="${ctx }/img/logojinzai.png"/>
  86. </div>
  87. </div>
  88. <div style="position: absolute;top:40%;left:5%">
  89. <img src="${ctx }/img/login/slogan.png"/>
  90. </div>
  91. <div class="middle-box loginscreen animated fadeInDown" style="max-width:none;widht:470px;background-color: #fff;padding: 0 60px 20px; width: auto; height:400px; position: absolute;
  92. right: 10%;
  93. top: 30%;
  94. border-radius: 14px; ">
  95. <div style="padding-top:30px">
  96. <div class="text-center" style="color:#EA5703;">
  97. <h3 style="font-size:28px;margin-bottom: 18px;">欢迎登录防窜货系统</h3>
  98. </div>
  99. <form action="${ctx}/login"
  100. method="post" id="portalLoginForm" name="portalLoginForm">
  101. <div class="form-group">
  102. <div class="row">
  103. <div class="col-sm-12 control-label">
  104. <div class="input-group">
  105. <img src="/img/login/denglu.png" alt="用户名">
  106. <input type="text" class="form-control" placeholder="请输入账号" name="adminView.username" id="username">
  107. </div>
  108. <!-- <span class="help-block m-b-none">请输入您注册时所填的E-mail</span> -->
  109. </div>
  110. </div>
  111. </div>
  112. <div class="form-group">
  113. <div class="row"><!--提交错误或未填写:has-error-->
  114. <div class="col-sm-12 control-label">
  115. <div class="input-group">
  116. <img src="/img/login/pwd.png" alt="用户名">
  117. <input type="password" class="form-control" placeholder="请输入密码" name="adminView.password" id="password">
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="form-group">
  123. <div class="row">
  124. <div class="col-sm-6 control-label">
  125. <div class="captcha-group">
  126. <img src="/img/login/yanzheng.png" src="icon-captcha.png" alt="用户名">
  127. <input type="text" class="form-control" name="captcha" placeholder="请输入验证码">
  128. <img src="${ctx}/AuthImage" class="captcha" width="100%" height="44px" />
  129. </div>
  130. </div>
  131. <div class="col-sm-6 control-label">
  132. </div>
  133. </div>
  134. </div>
  135. <button onclick="loginOnClick();return false;" style=" margin-top: 40px;
  136. height: 50px;
  137. " class="btn btn-success block full-width m-b">登 录</button>
  138. <c:if test="${message != null}" >
  139. <div id="msgDiv">
  140. <label id="errMsg" style="color: red">${message}</label>
  141. </div>
  142. </c:if>
  143. </form>
  144. </div>
  145. </div>
  146. <div style="background: rgba(238,67,2,0.60);position: absolute;bottom:0px;height:60px;line-height: 60px;color:white;width:100%;text-align: center">
  147. 版权所有 劲仔食品集团股份有限公司
  148. </div>
  149. <!-- 全局js -->
  150. <script src="${ctx}/js/jquery.min.js?v=2.1.4"></script>
  151. <script src="${ctx}/js/bootstrap.min.js?v=3.3.6"></script>
  152. <script type="text/javascript" src="${ctx}/js/md5.js"></script>
  153. <script type="text/javascript" src="${ctx}/js/jquery.validate.min.js" ></script>
  154. <script type="text/javascript" src="${ctx}/js/login/login.js"></script>
  155. <script type="text/javascript">
  156. $(document).ready(function () {
  157. if(window.parent != window) {//如果不是在顶部窗口打开,那么久刷新顶部窗口
  158. window.parent.location.reload();
  159. }
  160. // $('.i-checks').iCheck({
  161. // checkboxClass: 'icheckbox_square-green',
  162. // radioClass: 'iradio_square-green',
  163. // });
  164. });
  165. </script>
  166. </body>
  167. </html>