码农笔录博客源码
您最多能選擇 25 個主題 主題必須以字母或數字為開頭,可包含連接號「-」且最長為 35 個字元。
 
 
 
 
 

70 行
2.6 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">
<div class="inputs-class">
<i-form>
<form-item prop="user">
<i-input type="text" v-model="user.username" placeholder="请输入用户名">
<Icon type="ios-person-outline" slot="prepend"></Icon>
</i-input>
</form-item>
<form-item prop="password">
<i-input type="password" v-model="user.userpwd" placeholder="请输入密码">
<Icon type="ios-lock-outline" slot="prepend"></Icon>
</i-input>
</form-item>
<i-button type="info" long @click="login">快速登录</i-button>
</i-form>
<div class="login-bottom">
<a href="/regist">快速注册</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
var app = new Vue({
el: ".root-container",
delimiters: ['${', '}'],
data: {
user: {}
},
methods: {
login (){
var _this= this
if (this.user.username.trim().length < 4) {
this.$Message.warning('用户名最低4位');
// this.$Notice.warning({
// title: '用户名最低4位',
// desc: ''
// });
return
}
if (this.user.userpwd.trim().length < 6) {
this.$Message.warning('密码最低6位');
return
}
$.post('/api/login', this.user,
function (data) {
if (data.Status == 1) {
_this.$Message.warning(data.Msg);
} else {
_this.$Message.success("登录成功");
window.location.href = "/"
}
}, 'json')
}
}
})
</script>
<script type="text/javascript" src="/static/js/seo.js"></script>
</html>