{{template "header" .}}
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
<title>登录 - 码农随笔</title>
</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">用户</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">密码</span>
<input type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1"
id="userpwd">
</div>
<button class="layui-btn layui-btn-fluid" 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('/api/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>
<script type="text/javascript" src="/static/js/seo.js"></script>
</html>