您最多选择25个主题
主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
62 行
2.3 KiB
62 行
2.3 KiB
{{template "header"}}
|
|
<title>登录 - 个人随笔</title>
|
|
<link type="text/css" rel="styleSheet" href="/static/css/login.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="root-container">
|
|
{{template "nav" .}}
|
|
<div class="login-root">
|
|
<div class="input-container">
|
|
<div class="input-root">
|
|
<p>登录</p>
|
|
<div class="inputs-class">
|
|
<div class="input-group input-group-lg input-class">
|
|
<span class="input-group-addon" id="sizing-addon1">用户</span>
|
|
<input type="text" class="form-control" placeholder="请输入用户名" aria-describedby="sizing-addon1"
|
|
id="username">
|
|
</div>
|
|
<div class="input-group input-group-lg input-class">
|
|
<span class="input-group-addon" id="sizing-addon1">密码</span>
|
|
<input type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1"
|
|
id="userpwd">
|
|
</div>
|
|
<button type="button" class="btn btn-primary btn-lg btn-bordered btn-block" id="loginBtn">登录
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$(function () {
|
|
$("#loginBtn").click(function () {
|
|
var username = $("#username").val()
|
|
var userpwd = $("#userpwd").val()
|
|
if (username.trim().length < 4) {
|
|
layer.msg('用户名最低4位', function () {
|
|
});
|
|
return
|
|
}
|
|
if (userpwd.trim().length < 6) {
|
|
layer.msg('密码最低6位', function () {
|
|
});
|
|
return
|
|
}
|
|
$.post('/login', {
|
|
username: username,
|
|
userpwd: userpwd
|
|
},
|
|
function (data) {
|
|
console.log(data)
|
|
if (data.Status == 1) {
|
|
layer.msg(data.Msg, {icon: 5});
|
|
}else{
|
|
layer.msg("登录成功", {icon: 6});
|
|
window.location.href = "/"
|
|
}
|
|
}, 'json')
|
|
})
|
|
})
|
|
</script>
|
|
</html>
|