您最多选择25个主题
主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
62 行
2.4 KiB
62 行
2.4 KiB
{{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>
|