sysLogin2.jsp 15.0 KB
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<html>
<head>
    <title>${fns:getConfig('productName')} 登录</title>
    <meta name="decorator" content="blank"/>
    <style type="text/css">
        html, body, table {
            background-color: #3E75C0;
            width: 100%;
            text-align: center;
        }

        .form-signin-heading {
            font-family: Helvetica, Georgia, Arial, sans-serif, 黑体;
            font-size: 36px;
            margin-bottom: 20px;
            color: #0663a2;
        }

        .form-signin {
            position: absolute;
            text-align: left;
            width: 300px;
            padding: 25px 29px 29px;
            margin: 0 auto 20px;
            border: 0;
            background: none;
            box-shadow: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        }

        .form-signin .checkbox {
            margin-bottom: 10px;
            color: #0663a2;
        }

        .form-signin .input-label {
            font-size: 16px;
            line-height: 23px;
            color: #fff;
        }

        .form-signin .input-block-level {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px;
            *width: 283px;
            *padding-bottom: 0;
            _padding: 7px 7px 9px 7px;
        }

        .form-signin .btn.btn-large {
            font-size: 16px;
        }

        .form-signin #themeSwitch {
            position: absolute;
            right: 15px;
            bottom: 10px;
        }

        .form-signin div.validateCode {
            padding-bottom: 15px;
        }

        .mid {
            vertical-align: middle;
        }

        .header {
            height: 80px;
            padding-top: 20px;
        }

        .footer {
            position: absolute;
        }

        .footer, .footer a {
            color: #779ACA
        }

        .alert {
            position: relative;
            width: 300px;
            margin: 0 auto;
            *padding-bottom: 0px;
        }

        label.error {
            background: none;
            width: 270px;
            font-weight: normal;
            color: inherit;
            margin: 0;
        }

        body {
            background: url(${ctxStatic}/images/login_bg.jpg) no-repeat center center;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#loginForm").validate({
                rules: {
                    validateCode: {remote: "${pageContext.request.contextPath}/servlet/validateCodeServlet"}
                },
                messages: {
                    username: {required: "请填写用户名."}, password: {required: "请填写密码."},
                    validateCode: {remote: "验证码不正确.", required: "请填写验证码."}
                },
                errorLabelContainer: "#messageBox",
                errorPlacement: function (error, element) {
                    error.appendTo($("#loginError").parent());
                }
            });
            $(window).resize();
        });
        // 如果在框架或在对话框中,则弹出提示并跳转到首页
        if (self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0) {
            alert('未登录或登录超时。请重新登录,谢谢!');
            top.location = "${ctx}";
        }
        $(window).resize(function () {
            $('body').height($(window).height());
            var top = $('body').height() / 2 - $('.form-signin').height() / 2 - 39;
            var left = $('body').width() / 2 - $('.form-signin').width() / 2 - 14;
            $('.form-signin').css({'top': top, 'left': left});
            $('.footer').css({'top': top + 250, 'left': left + 30});
        });
    </script>
</head>
<body>
<!--[if lte IE 6]><br/>
<div class='alert alert-block' style="text-align:left;padding-bottom:10px;"><a class="close" data-dismiss="alert">x</a>
    <h4>温馨提示:</h4>
    <p>你使用的浏览器版本过低。为了获得更好的浏览体验,我们强烈建议您 <a href="http://browsehappy.com" target="_blank">升级</a> 到最新版本的IE浏览器,或者使用较新版本的
        ChromeFirefoxSafari 等。</p></div><![endif]-->
<div class="header">
    <div id="messageBox" class="alert alert-error ${empty message ? 'hide' : ''}">
        <button data-dismiss="alert" class="close">×</button>
        <label id="loginError" class="error">${message}</label>
    </div>
</div>
<%-- <h1 class="form-signin-heading">${fns:getConfig('productName')}</h1> --%>
<form id="loginForm" class="form-signin" action="${ctx}/login" method="post">
    <label class="input-label" for="username">登录名</label>
    <input type="text" id="username" name="username" class="input-block-level required" value="${username}">
    <label class="input-label" for="password">密码</label>
    <input type="password" id="password" name="password" class="input-block-level required">
    <c:if test="${isValidateCodeLogin}">
        <div class="validateCode">
            <label class="input-label mid" for="validateCode">验证码</label>
            <sys:validateCode name="validateCode" inputCssStyle="margin-bottom:0;"/>
        </div>
    </c:if><%--
		<label for="mobile" title="手机登录"><input type="checkbox" id="mobileLogin" name="mobileLogin" ${mobileLogin ? 'checked' : ''}/></label> --%>
    <input class="btn btn-large btn-primary" type="submit" value="登 录"/>&nbsp;&nbsp;
    <label for="rememberMe" title="下次不需要再登录" style="color:#fff"><input type="checkbox" id="rememberMe"
                                                                       name="rememberMe" ${rememberMe ? 'checked' : ''}/>
        记住我(公共场所慎用)</label>
    <div id="themeSwitch" class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#"
           style="color:#fff">${fns:getDictLabel(cookie.theme.value,'theme','默认主题')}<b class="caret"></b></a>
        <ul class="dropdown-menu">
            <c:forEach items="${fns:getDictList('theme')}" var="dict">
                <li><a href="#"
                       onclick="location='${pageContext.request.contextPath}/theme/${dict.value}?url='+location.href">${dict.label}</a>
                </li>
            </c:forEach>
        </ul>
        <!--[if lte IE 6]>
        <script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
    </div>
</form>
<div class="footer">
    Copyright &copy; 2012-${fns:getConfig('copyrightYear')} <a
        href="${pageContext.request.contextPath}${fns:getFrontPath()}">${fns:getConfig('productName')}</a> - Powered By
    <a href="http://jeesite.com" target="_blank">JeeSite</a> ${fns:getConfig('version')}
</div>
<script src="${ctxStatic}/flash/zoom.min.js" type="text/javascript"></script>
</body>
</html>
<%--<%@ page contentType="text/html;charset=UTF-8" %>--%>
<%--<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>--%>
<%--<%@ include file="/WEB-INF/views/include/taglib.jsp"%>--%>
<%--<html>--%>
<%--<head>--%>
<%--<title>${fns:getConfig('productName')} 登录</title>--%>
<%--<meta name="decorator" content="blank"/>--%>
<%--<!-- 		<style type="text/css">--%>
<%--html,body,table{background-color:#3E75C0;width:100%;text-align:center;}.form-signin-heading{font-family:Helvetica, Georgia, Arial, sans-serif, 黑体;font-size:36px;margin-bottom:20px;color:#0663a2;}--%>
<%--.form-signin{position:absolute;text-align:left;width:300px;padding:25px 29px 29px;margin:0 auto 20px;border:0;background:none;box-shadow:none;--%>
<%---webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);}--%>
<%--.form-signin .checkbox{margin-bottom:10px;color:#0663a2;} .form-signin .input-label{font-size:16px;line-height:23px;color:#fff;}--%>
<%--.form-signin .input-block-level{font-size:16px;height:auto;margin-bottom:15px;padding:7px;*width:283px;*padding-bottom:0;_padding:7px 7px 9px 7px;}--%>
<%--.form-signin .btn.btn-large{font-size:16px;} .form-signin #themeSwitch{position:absolute;right:15px;bottom:10px;}--%>
<%--.form-signin div.validateCode {padding-bottom:15px;} .mid{vertical-align:middle;}--%>
<%--.header{height:80px;padding-top:20px;} .footer{position:absolute;} .footer, .footer a{color:#779ACA}--%>
<%--.alert{position:relative;width:300px;margin:0 auto;*padding-bottom:0px;}--%>
<%--label.error{background:none;width:270px;font-weight:normal;color:inherit;margin:0;}--%>
<%--body{background:url(${ctxStatic}/images/login_bg.jpg) no-repeat center center;}--%>
<%--</style> -->--%>
<%--<script type="text/javascript">--%>
<%--$(document).ready(function() {--%>
<%--$("#loginForm").validate({--%>
<%--/* rules: {--%>
<%--validateCode: {remote: "${pageContext.request.contextPath}/servlet/validateCodeServlet"}--%>
<%--}, */--%>
<%--messages: {--%>
<%--username: {required: "请填写用户名."},password: {required: "请填写密码."}--%>
<%--/* validateCode: {remote: "验证码不正确.", required: "请填写验证码."} */--%>
<%--},--%>
<%--errorLabelContainer: "#messageBox",--%>
<%--errorPlacement: function(error, element) {--%>
<%--error.appendTo($("#loginError").parent());--%>
<%--} --%>
<%--});--%>
<%--});--%>
<%--// 如果在框架或在对话框中,则弹出提示并跳转到首页--%>
<%--if(self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0){--%>
<%--alert('未登录或登录超时。请重新登录,谢谢!');--%>
<%--top.location = "${ctx}";--%>
<%--}--%>
<%--</script>--%>
<%--<style type="text/css">--%>

<%--body {--%>
<%--background:#3c7fb5 url(${ctxStatic}/images/bg_login.jpg) repeat-x left top;--%>
<%--}--%>
<%--/* 	body,table,td,div {--%>
<%--font-size: 12px;--%>
<%--line-height: 24px;--%>
<%--} */--%>
<%--.textfile {--%>
<%--height: 29px; --%>
<%--width: 143px; --%>
<%--}--%>
<%--</style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<div class="header">--%>
<%--<div id="messageBox" class="alert alert-error ${empty message ? 'hide' : ''}"><button data-dismiss="alert" class="close">×</button>--%>
<%--<label id="loginError" class="error">${message}</label>--%>
<%--</div>--%>
<%--</div>--%>
<%--&lt;%&ndash; <h1 class="form-signin-heading">${fns:getConfig('productName')}</h1> &ndash;%&gt;--%>
<%--&lt;%&ndash; 	<form id="loginForm" class="form-signin" action="${ctx}/login" method="post">--%>
<%--<label class="input-label" for="username">登录名</label>--%>
<%--<input type="text" id="username" name="username" class="input-block-level required" value="${username}">--%>
<%--<label class="input-label" for="password">密码</label>--%>
<%--<input type="password" id="password" name="password" class="input-block-level required">--%>
<%--<c:if test="${isValidateCodeLogin}"><div class="validateCode">--%>
<%--<label class="input-label mid" for="validateCode">验证码</label>--%>
<%--<sys:validateCode name="validateCode" inputCssStyle="margin-bottom:0;"/>--%>
<%--</div></c:if>--%>
<%--<label for="mobile" title="手机登录"><input type="checkbox" id="mobileLogin" name="mobileLogin" ${mobileLogin ? 'checked' : ''}/></label>--%>
<%--<input class="btn btn-large btn-primary" type="submit" value="登 录"/>&nbsp;&nbsp;--%>
<%--<label for="rememberMe" title="下次不需要再登录"><input type="checkbox" id="rememberMe" name="rememberMe" ${rememberMe ? 'checked' : ''}/> 记住我(公共场所慎用)</label>--%>
<%--<div id="themeSwitch" class="dropdown">--%>
<%--<a class="dropdown-toggle" data-toggle="dropdown" href="#">${fns:getDictLabel(cookie.theme.value,'theme','默认主题')}<b class="caret"></b></a>--%>
<%--<ul class="dropdown-menu">--%>
<%--<c:forEach items="${fns:getDictList('theme')}" var="dict"><li><a href="#" onclick="location='${pageContext.request.contextPath}/theme/${dict.value}?url='+location.href">${dict.label}</a></li></c:forEach>--%>
<%--</ul>--%>
<%--<!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->--%>
<%--</div>--%>
<%--</form>--%>
<%--<div class="footer">--%>
<%--Copyright &copy; ${fns:getConfig('copyrightYear')} <a href="${pageContext.request.contextPath}${fns:getFrontPath()}">${fns:getConfig('productName')}</a> - Powered By <a href="#" target="_blank"></a> ${fns:getConfig('version')} --%>
<%--</div> &ndash;%&gt;--%>
<%--<div class="loginTable">--%>
<%--<table width="596" border="0" align="center" cellpadding="0" cellspacing="0">--%>
<%--<tr>--%>
<%--<td width="596" height="331" background="${ctxStatic}/images/top_login.jpg"  ></td>--%>
<%--</tr>--%>
<%--<tr>--%>
<%--<td>--%>
<%--<table width="100%" border="0" cellspacing="0" cellpadding="0">--%>
<%--<tr height="139">--%>
<%--<td width="99" background="${ctxStatic}/images/login_06.jpg"height="139" ></td>--%>
<%--<td background="${ctxStatic}/images/bg_form.jpg" height="139">--%>
<%--<table width="250" border="0" align="center" cellpadding="0" cellspacing="0">--%>
<%--<form id="loginForm" action="${ctx}/login" method="post">--%>
<%--<tr>--%>
<%--<td height="35" align="right">用户名:</td>--%>
<%--<td>--%>
<%--<label>--%>
<%--<input name="username" type="text" maxlength="20" id="txtUserName" class="textfile" />--%>
<%--<span id="UserNameRequired" style="color:Red;visibility:hidden;">必填*</span>--%>
<%--</label>            --%>
<%--</td>--%>
<%--</tr>--%>
<%--<tr>--%>
<%--<td height="35" align="right">&nbsp;&nbsp;码:</td>--%>
<%--<td><label>--%>
<%--<input name="password" type="password" maxlength="30" id="txtPassword" class="textfile" />--%>
<%--<span id="PasswordRequired" style="color:Red;visibility:hidden;">必填*</span>--%>
<%--</label></td>--%>
<%--</tr>--%>
<%--<tr>--%>
<%--<td height="35">&nbsp;</td>--%>
<%--<td><label>--%>
<%--<input class="btn btn-min btn-primary" type="submit" value="登 录"/>&nbsp;&nbsp;--%>
<%--</label></td>--%>
<%--</tr>--%>
<%--<!-- 		          <tr>--%>
<%--<td height="30">&nbsp;</td>--%>
<%--<td>&nbsp;</td>--%>
<%--</tr> -->--%>
<%--</form>--%>
<%--</table>--%>
<%--</td>--%>
<%--<td width="98" height="139" align="right" background="${ctxStatic}/images/login_08.jpg" ></td> --%>
<%--</tr>--%>
<%--</table> --%>
<%--</td>--%>
<%--</tr>--%>
<%--<tr>--%>
<%--<td background="${ctxStatic}/images/bottom_login.jpg" width="596" height="39" align="center">--%>
<%--<span id="lbMessage" style="display:inline-block;color:Red;width:350px;"></span>--%>
<%--</td> --%>
<%----%>
<%--</tr>--%>
<%--<tr>--%>
<%--<td>&nbsp;</td>--%>
<%--</tr>--%>
<%--<!-- <tr>--%>
<%--<td align="center" style="color:White"><b>三宝科技@版权所有</b></td>--%>
<%--</tr> -->--%>
<%--</table>--%>
<%--</div>--%>
<%--<script src="${ctxStatic}/flash/zoom.min.js" type="text/javascript"></script>--%>
<%--</body>--%>
<%--</html>--%>