請寫出一個android登錄頁面的完整代碼（包括資源、界面（自行設計）、事件）。要求：點擊“登錄”按鈕時，如果用戶名和密碼輸入分別是“admin”和“123456”，跳轉到歡迎界面；當單擊“取消”則實作清空功能。
uj5u.com熱心網友回復：
<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="https://bbs.csdn.net/topics/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="https://bbs.csdn.net/topics/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="https://bbs.csdn.net/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>
uj5u.com熱心網友回復：
我是用Android寫，不是JAVA-web，辛苦了寫這么多代碼
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/200286.html
標籤：Java相關