51,407
社区成员
发帖
与我相关
我的任务
分享
<template>
<div>
<div class="panel panel-default panel-login">
<div class="panel-header bg-gradient-blue">
登录
</div>
<div class="panel-body">
<div class="row">
<div class="login-form">
<form class="form-horizontal" id="loginForm" method="post" action=""
data-bv-message="This value is not valid"
data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
<div class="form-group">
<label class="col-sm-2 control-label">帐号</label>
<div class="col-sm-9 input-icon icon-left">
<input type="text" name="username" class="form-control login-username" placeholder="请输入帐号"
value="admin1" v-model="user.username" @blur="aa()">
<!-- @mouseleave="" -->
<i class="fa fa-user icon"></i>
<small class="help-block" data-bv-validator="stringLength" data-bv-for="userName" data-bv-result="INVALID" style="color: red">用户名不正确</small>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">密码</label>
<div class="col-sm-9 input-icon icon-left">
<input type="password" name="password" class="form-control login-password" @blur="aa()" placeholder="请输入密码"
value="admin123456" v-model="user.password">
<i class="fa fa-lock icon"></i>
{{user}}
<small class="help-block" data-bv-validator="stringLength" data-bv-for="password" data-bv-result="INVALID" style="color: red">密码错误</small>
</div>
</div>
<div class="form-group btn-form-group">
<div class="col-sm-offset-2 col-sm-10">
<a class="btn btn-primary btn-login bg-gradient-blue" data-href="/index.html" @click.prevent="loginuser()">登录</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
user:{
},
}
},
mounted() {
},
methods: {
loginuser(){
var url=`http://localhost:8080/user`
axios.post(url,this.user)
.then((response)=>{
if(confirm("你要登录吗?") && response.data.code==1){
alert(response.data.message)
this.$router.push('/newsList')
} else{
alert(response.data.message)
return
}
})
.catch((error)=>{
alert("操作失败")
})
},
},
}
</script>