<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>小棕熊后台管理系统V1.0</title>
|
<link rel="stylesheet" href="${ctxPath}/plugins/layui/css/layui.css">
|
<link rel="stylesheet" href="${ctxPath}/css/admin.css">
|
<link rel="stylesheet" href="${ctxPath}/css/login.css">
|
<script src="${ctxPath}/plugins/layui/layui.js"></script>
|
<script type="text/javascript" src="${ctxPath}/plugins/jquery/jquery.min.js?v=${jsVer}"></script>
|
<script type="text/javascript" src="${ctxPath}/plugins/layui/layui.all.js?v=${jsVer}"></script>
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<style rel="stylesheet" type="text/css">
|
.layui-tab-title li:first-child > i {
|
display: none;
|
}
|
</style>
|
</head>
|
<body class="layui-layout-body">
|
|
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
|
|
<div class="layadmin-user-login-main">
|
<form class="layui-form" id="x1" action="${ctxPath}/login.do" method="post">
|
|
<div class="layadmin-user-login-box layadmin-user-login-header" style="margin-left: 59px;">
|
<h2>小棕熊后台管理</h2>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">用户名</label>
|
<div class="layui-input-block">
|
<input type="text" name="code" id="code" lay-verify="code" autocomplete="off"
|
placeholder="请输入用户名" class="layui-input" value="">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">密码</label>
|
<div class="layui-input-block">
|
<input type="password" name="password" id="password" lay-verify="password" placeholder="请输入密码" autocomplete="off"
|
class="layui-input" value="">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">验证码</label>
|
<div class="layui-input-block">
|
<input type="text" name="verify" id="verify" placeholder="请输入验证码" lay-verify="verify" class="layui-input" value="" style="width: 150px;float: left;">
|
<span id="y1">
|
<img src="${ctxPath}/verify" style="margin-left: 20px;" id="changeVerify">
|
</span>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button class="layui-btn" lay-filter="demo1" id="demo1">立即登录</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<script language="JavaScript">
|
if (window != top)
|
top.location.href = location.href;
|
|
$("#changeVerify").click(function (e) {
|
verify();
|
});
|
|
var verify = function () {
|
$("#y1").children().remove();
|
$("#y1").append('<img src="${ctxPath}/verify?v='+parseInt(Math.random() * (1000000000 - 1000 + 1) + 1000)+'" style="margin-left: 20px;" id="changeVerify">');
|
$("#changeVerify").click(function (e) {
|
verify();
|
});
|
}
|
$("#demo1").click(function () {
|
console.log('-----------');
|
if($("#code").val().length <= 0){
|
layer.tips('请输入用户名', $("#code"), {
|
tips: [1, '#3595CC'],
|
time: 4000
|
});
|
return false;
|
}
|
if($("#password").val().length <= 0){
|
layer.tips('请输入密码', $("#password"), {
|
tips: [1, '#3595CC'],
|
time: 4000
|
});
|
return false;
|
}
|
if($("#verify").val().length <= 0){
|
layer.tips('请输入验证码', $("#verify"), {
|
tips: [1, '#3595CC'],
|
time: 4000
|
});
|
return false;
|
}
|
return true;
|
})
|
</script>
|
</body>
|
</html>
|
