码农笔录博客源码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

70 lines
2.6 KiB

6 years ago
{{template "header" .}}
6 years ago
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
<title>登录 - 码农随笔</title>
6 years ago
</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>
6 years ago
</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);
6 years ago
} else {
_this.$Message.success("登录成功");
window.location.href = "/"
}
}, 'json')
}
}
})
</script>
6 years ago
<script type="text/javascript" src="/static/js/seo.js"></script>
6 years ago
</html>