怎么实现跳转和取消功能鸭

弱家伙 2020-11-02 07:36:42
请写出一个android登录页面的完整代码(包括资源、界面(自行设计)、事件)。要求:点击“登录”按钮时,如果用户名和密码输入分别是“admin”和“123456”,跳转到欢迎界面;当单击“取消”则实现清空功能。
...全文
3229 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
魔仙女 2020-11-03
  • 打赏
  • 举报
回复
我写了一个简单的登录demo,看看符合你的不?https://blog.csdn.net/lilimm111/article/details/109462366
涿鹿中猿 2020-11-02
  • 打赏
  • 举报
回复
<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>
弱家伙 2020-11-02
  • 打赏
  • 举报
回复
引用 1 楼 涿鹿中猿的回复:
<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>
我是用Android写,不是JAVA-web,辛苦了写这么多代码

50,530

社区成员

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛(原bbs)
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧