login登录注册页面-页面布局系列

最新推荐文章于 2024-08-08 07:39:35 发布
最新推荐文章于 2024-08-08 07:39:35 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： Android 自定义View控件系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ruiruiddd/article/details/116195900
版权

简单的实现登录注册页面

  • 完整代码ZIP：下载
  • Android技术生活-QQ交流群:723592501
  • 更多其他页面-自定义View-实用功能合集：点击查看

功能简介

简单的实现登录注册页面，提供思路

实现步骤

1.创建登录页面，注册页面，登陆成功后的页面。
2.没有账号进行注册，将注册的账号储存起来key-账号，value-密码。
3.登陆时，判断输入的账号密码是否与储存的一致

GIF演示

在这里插入图片描述

java代码 LoginActivity

/**
 * 作者：YFZ
 * 简介：简单的登陆注册页面，代码清晰简介便于理解。
 * Android技术生活-QQ交流群:723592501
 */
public class LoginActivity extends AppCompatActivity {
    private EditText mEdtAccount,mEdtPassword;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        initialView();
    }

    private void initialView(){
        mEdtAccount=findViewById(R.id.edtAccount);
        mEdtPassword=findViewById(R.id.edtPassword);
    }

    /**
     * 点击注册按钮-前往注册页面
     * @param view
     */
    public void goToRegisterActivity(View view) {
        Intent intent=new Intent(this,RegisterActivity.class);
        startActivity(intent); //跳转到注册页面
    }

    /**
     * 点击登陆按钮-比对账号密码是否一致
     * @param view
     */
    public void doLogin(View view) {
        String userAccount=mEdtAccount.getText().toString(); //输入的账号
        String userInputPassword= mEdtPassword.getText().toString(); //输入的密码
        String userPassword = SPUtil.getUserPassword(this,mEdtAccount.getText().toString());//从sp储存中以账号作为key，取出对应的value(密码)
        if(userAccount.length()==0){ //没有输入账号
            Toast.makeText(this, "请输入账号", Toast.LENGTH_SHORT).show();
            return;
        }
        if(userInputPassword.length()==0){ //没有输入密码
            Toast.makeText(this, "请输入密码", Toast.LENGTH_SHORT).show();
            return;
        }
        if(userPassword==null){  //如果没有对应的账号
            Toast.makeText(this, "账号不存在", Toast.LENGTH_SHORT).show();
            return;
        }
      if(userPassword.equals(userInputPassword)){ //比对输入的密码，和储存的密码是否一致
          Toast.makeText(this, "密码一致，登陆成功", Toast.LENGTH_SHORT).show();
          Intent intent=new Intent(this,UserActivity.class);
          startActivity(intent);
      }else {
          Toast.makeText(this, "密码不一致，登陆失败", Toast.LENGTH_SHORT).show();
      }
    }
}

java代码 RegisterActivity

/**
 * 作者：游丰泽
 * 简介：简单的登陆注册页面，代码清晰简介便于理解。
 * Android需求与交流请加wx：yfz_oom
 */
public class RegisterActivity extends AppCompatActivity {
    private EditText mEdtAccount,mEdtPassword,mEdtPasswordConfirm;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
        initialView();
    }

    private void initialView(){
        mEdtAccount=findViewById(R.id.edtAccount);
        mEdtPassword=findViewById(R.id.edtPassword);
        mEdtPasswordConfirm=findViewById(R.id.edtPasswordConfirm);
    }


    /**
     * 点击注册按钮-进行注册-将账号和密码储存到sp中
     * @param view
     */
    public void doRegister(View view) {
        String userAccount=mEdtAccount.getText().toString(); //输入的账号
        String userPassword=mEdtPassword.getText().toString(); //输入的密码
        String userPasswordConfirm=mEdtPasswordConfirm.getText().toString(); //再次输入的确认密码
        if(userAccount.length()==0){
            Toast.makeText(this,"账号不可为空",Toast.LENGTH_SHORT).show();
            return;
        }
        if(userPassword.length()==0){
            Toast.makeText(this,"密码不可为空",Toast.LENGTH_SHORT).show();
            return;
        }
        if(userPasswordConfirm.length()==0){
            Toast.makeText(this,"再次输入确认密码不可为空",Toast.LENGTH_SHORT).show();
            return;
        }
        if( ! userPassword.equals(userPasswordConfirm)){
            Toast.makeText(this,"两次输入密码不一致",Toast.LENGTH_SHORT).show();
            return;
        }

        SPUtil.saveUserDataInSharePreference(this,userAccount,userPassword);

        Toast.makeText(this,"注册成功，返回",Toast.LENGTH_SHORT).show();

        Intent intent=new Intent(this,LoginActivity.class);
        startActivity(intent);

    }

}

java代码 SPUtil


public class SPUtil {
    public static void saveUserDataInSharePreference(Activity activity,String account,String password){
        SharedPreferences sharedPreferences = activity.getSharedPreferences("userData", activity.MODE_PRIVATE);
        SharedPreferences.Editor editor = sharedPreferences.edit();
        editor.putString(account, password); //key-账号 对应 value-密码
        editor.apply();
    }
    public static String getUserPassword(Activity activity,String account){
        SharedPreferences sharedPreferences = activity.getSharedPreferences("userData", activity.MODE_PRIVATE);
        return sharedPreferences.getString(account,null); //通过key获取对应的密码
    }
}

java代码 UserActivity

public class UserActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user);
    }
}

java代码 activity_login.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f6f5ec"
    tools:context=".LoginActivity">
    <TextView
        android:id="@+id/txTittle"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:text="简单的登录注册页面,代码清晰便于理解。\nAndroid需求和交流请加wx:  yfz_oom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
    </TextView>
    <androidx.constraintlayout.widget.ConstraintLayout
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_margin="24dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/tvLoginPage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:textSize="20dp"
            android:textStyle="bold"
            android:text="登录页面" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/clAccount"
            app:layout_constraintTop_toBottomOf="@+id/tvLoginPage"
            android:layout_marginTop="24dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/tvAccount"
                android:text="账号"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
            <EditText
                android:id="@+id/edtAccount"
                app:layout_constraintTop_toBottomOf="@+id/tvAccount"
                android:layout_width="match_parent"
                android:layout_height="@dimen/ed_height">
            </EditText>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/clPassword"
            app:layout_constraintTop_toBottomOf="@+id/clAccount"
            android:layout_marginTop="24dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/tvPassword"
                android:text="密码"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
            <EditText
                android:id="@+id/edtPassword"
                app:layout_constraintTop_toBottomOf="@+id/tvPassword"
                android:layout_width="match_parent"
                android:layout_height="@dimen/ed_height">
            </EditText>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <Button
            android:id="@+id/btnLogin"
            android:text="点击登录"
            android:onClick="doLogin"
            app:layout_constraintTop_toBottomOf="@+id/clPassword"
            android:layout_width="match_parent"
            android:layout_height="@dimen/ed_height">
        </Button>
        <Button
            android:id="@+id/btnRegister"
            android:text="没有账号？前往注册"
            android:onClick="goToRegisterActivity"
            app:layout_constraintTop_toBottomOf="@+id/btnLogin"
            android:layout_width="match_parent"
            android:layout_height="@dimen/ed_height">
        </Button>
    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

java代码 activity_register.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f6f5ec"
    tools:context=".RegisterActivity">
    <TextView
        android:id="@+id/txTittle"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:text="简单的登录注册页面,代码清晰便于理解。\nAndroid需求和交流请加wx:  yfz_oom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
    </TextView>
    <androidx.constraintlayout.widget.ConstraintLayout
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_margin="24dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/tvLoginPage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:textSize="20dp"
            android:textStyle="bold"
            android:text="注册页面" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/clAccount"
            app:layout_constraintTop_toBottomOf="@+id/tvLoginPage"
            android:layout_marginTop="24dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/tvAccount"
                android:text="账号"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
            <EditText
                android:id="@+id/edtAccount"
                app:layout_constraintTop_toBottomOf="@+id/tvAccount"
                android:layout_width="match_parent"
                android:layout_height="@dimen/ed_height">
            </EditText>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/clPassword"
            app:layout_constraintTop_toBottomOf="@+id/clAccount"
            android:layout_marginTop="24dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/tvPassword"
                android:text="密码"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
            <EditText
                android:id="@+id/edtPassword"
                app:layout_constraintTop_toBottomOf="@+id/tvPassword"
                android:layout_width="match_parent"
                android:layout_height="@dimen/ed_height">
            </EditText>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/clPasswordConfirm"
            app:layout_constraintTop_toBottomOf="@+id/clPassword"
            android:layout_marginTop="24dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:id="@+id/tvPasswordConfirm"
                android:text="再次输入密码"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
            <EditText
                android:id="@+id/edtPasswordConfirm"
                app:layout_constraintTop_toBottomOf="@+id/tvPasswordConfirm"
                android:layout_width="match_parent"
                android:layout_height="@dimen/ed_height">
            </EditText>
        </androidx.constraintlayout.widget.ConstraintLayout>


        <Button
            android:id="@+id/btnRegister"
            android:text="点击注册"
            android:onClick="doRegister"
            app:layout_constraintTop_toBottomOf="@+id/clPasswordConfirm"
            android:layout_width="match_parent"
            android:layout_height="@dimen/ed_height">
        </Button>

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

java代码 activity_user.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f6f5ec"
    tools:context=".UserActivity">
    <TextView
        android:text="登陆成功"
        android:textSize="24dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </TextView>

</androidx.constraintlayout.widget.ConstraintLayout>
我是giggleman
关注
专栏目录
login登陆页面
11-07
1.模拟练习百度login页面： 2.流程：利用截图工具对百度登陆页面进行截图，切图，写页面；
Login-Sign-up-page:创建Zustech登录注册页面的培训
03-20
6. **布局**：良好的页面布局至关重要。可以使用HTML的布局元素如`<div>`，配合CSS来调整元素的位置和样式。 在创建Zustech的登录注册页面时，开发者需要考虑以下最佳实践： - **响应式设计**：确保页面在不同设备...
登录-Login页面
as794185215的博客
11-22 4186
@{ Layout = null;} <!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <title>Login</title> <script src="~/Cont...
推荐：Bootstrap 4登录页面模板 —— My Login
最新发布
gitblog_00494的博客
08-08 555
推荐：Bootstrap 4登录页面模板 —— My Login 项目地址:https://gitcode.com/gh_mirrors/bo/bootstrap-4-login-page 在构建网站时，一个简洁、美观且功能齐全的登录页面是至关重要的。今天，我们向您推荐一款基于Bootstrap 4框架的免费登录页面模板——My Login，它不仅提供了丰富的功能，而且易于定制和使用。 项目介绍 ...
Login登录页面
热门推荐
Major_S的博客
03-22 1万+
Login登录页面Login登录页面Login登录页面 Login <template> <div class="login-container"> <el-row > <el-col :span="4" :offset="10"> <h1 class="page-title">AI系统</h1> <el-form ref="loginForm" :model="lo
login登录页
CaraYQ的博客
01-23 7143
目录顶部导航条：复用head组件账号密码登录表单 顶部导航条：复用head组件 <v-head goBack="true" title="登录"></v-head> 账号密码登录表单 密码显示与隐藏由passwordVisible控制。passwordVisible默认false，密码不可见（密码输入框的type为password），展示闭眼的图标。passwordVisible为true，密码可见（密码输入框的type为text），展示睁眼的图标。点击图标可改变passwo
登录页面
孔哈哈的博客
04-17 446
后台 <?php namespace app\admin\controller; use app\admin\model\AdminModel; use think\Controller; use think\captcha\Captcha; class Login extends Controller { /** * 登录页面 */ public...
login-and-register.rar_login_注册页面_登录注册_网站特效
09-14
"login-and-register.rar" 是一个包含登录和注册页面特效资源的压缩包，它主要用于模拟前程无忧这种大型招聘网站的用户体验。这个压缩包的焦点在于"登录注册_网站特效"，意味着其中可能包含了JavaScript、CSS3以及...
大气login登录页面html模板
12-04
大气的Login登录页面HTML模板是Web开发中常见的一种设计资源，它主要用于构建用户登录界面，为网站或应用程序提供美观且功能齐全的入口点。在这个模板中，通常包含以下几个部分： 1. **HTML结构**：`index.html` ...
React实战系列-布局、登录、注册的页面实现及 Route 的封装
08-11
在本React实战系列中，我们将深入探讨如何实现布局、登录和注册页面，以及如何有效地封装Route组件。这个项目提供了一套完整的源代码，通过下载并替换`src`目录，你可以直接在自己的环境中运行和学习。 首先，React...
登录login页面html模板
12-04
登录login页面是网站和应用程序的重要组成部分，它是用户进入系统的第一道关卡，提供验证身份的界面。HTML模板在此过程中起到关键作用，它定义了页面的布局、样式和交互元素。以下将详细介绍登录login页面HTML模板的...
login-page:一个简单的登录页面，纯HTML + CSS
03-28
login-page:一个简单的登录页面，纯HTML + CSS
login登录界面
08-08
login登录界面的html制作，及相应的js编写
login:简单的登录页面
03-21
login:简单的登录页面
简洁漂亮的login登录页面
12-13
简洁漂亮的login登录页面,很现代化,自己设计用于后台登录,前台都可以用.css+html
登录界面login
07-14
该界面十分简单大方 可以作为web开发的参考资料
登录页面（login）
liner0607的专栏
12-19 2737
private void btnsubmit_Click(object sender, System.EventArgs e)         {              if(Page.IsValid)              {                   SqlConnection conn = new SqlConnection();            
1-2-登录界面布局讲解
oDuanYanGuHong的博客
12-23 1345
文章目录1、下载与安装1、下载2、安装3、选择组件4、设置环境变量5、添加快捷键到桌面2、新建第一个项目 1、下载与安装 1、下载 QT版本官方下载地址：http://download.qt.io/archive/qt/ 我选择的是5.12.2 2、安装 下载完成后直接安装。 默认安装路径为C盘，安装文件很大，如果C盘空间不是很充足，建议安装其他盘符中 3、选择组件 后面一直选择下一步就好了，直到安装完成 4、设置环境变量 计算机->右键属性->高级 环境变量->系统变量 ->
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值