资讯专栏INFORMATION COLUMN

《Android项目实战-博学谷》登录&注册

Donald / 1651人阅读

摘要:标题栏思路由于项目中大部分界面都有一个后退键和一个标题栏,为避免代码冗杂以及便于利用,我们可以将后推荐和标题栏多带带抽取出来定义一个标题栏布局,在目录下新建一个,选用具体代码如下注册界面思路将图片导入目录下,在包下创建,修改为布局具体代码如

标题栏 思路

由于项目中大部分界面都有一个后退键和一个标题栏,为避免代码冗杂以及便于利用,我们可以将后推荐和标题栏多带带抽取出来定义一个标题栏布局,在 res/layout 目录下新建一个 Layout resource file ,Root element 选用 RelativeLayout

具体代码如下:

main_title_bar.xml



    

    


注册界面 思路

将图片导入 drawable 目录下,在 activity 包下创建 RegisterActivity ,修改 activity_register.xml 为 LinearLayout 布局

具体代码如下:

activity_register.xml



    

    

    

    

    

    
MD5算法

由于注册登录涉及密码,我们需要对用户的密码进行 MD5 算法加密,MD5 的全称是 Message-Digest Algorithm 5(信息--摘要算法),MD5 算法简单来说就是把任意长度的字符串变换成固定长度(通常是128位)的16进制字符串,且此算法不可逆。我们新建一个 utils 包,在此包下创建 MD5 加密工具类 MD5Utils ,具体代码如下:

MD5Utils
package cn.edu.lt.android.boxueguapp.utils;

import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;

/**
 * Created by lt on 2017/12/26.
 */

public class MD5Utils {

    /**
     * md5加密算法
     * @param text
     * @return
     */
    public static String md5(String text){
        try {
            MessageDigest digest = MessageDigest.getInstance("md5");//获取数据指纹对象
            byte[] result = digest.digest(text.getBytes());//字节数组
            StringBuilder sb = new StringBuilder();//16进制转换
            for (byte b :result){//获取所有字节进行转换
                int number = b & 0xff;//使用『与算法』,java使用unicode字符,所以每个字符占位两个,则需要与两位16进制最大值进行与运算,获取number值
                String hex = Integer.toHexString(number);//number值转换字符串
                if (hex.length()==1){//若转换后的字符长度等于1则进行字符串拼接
                    sb.append("0" + hex);
                }else {
                    sb.append(hex);
                }
            }
            return sb.toString();
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
            return "";//发送异常return空字符串
        }
    }
}
注册逻辑 思路

完成了注册页面的布局与 MD5 工具类后,进行注册界面的逻辑编写。我们在注册界面点击注册按钮后,需要获取用户名,用户密码和再次确认密码,当两次密码相同时,将用户名和密码(经过 MD5 加密)保存到 SharedPreferences 中,同时当注册成功之后需要将用户名传递到登录界面中。

具体代码如下:

RegisterActivity
package cn.edu.lt.android.boxueguapp.activity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

import cn.edu.lt.android.boxueguapp.R;
import cn.edu.lt.android.boxueguapp.utils.MD5Utils;

public class RegisterActivity extends AppCompatActivity {

    //提取全局变量:Ctrl+Alt+F

    //标题
    private TextView tv_main_title;
    //返回按钮
    private TextView tv_back;
    //注册按钮
    private Button btn_register;
    //账号、密码、再次输入的密码的控件
    private EditText et_user_name,et_psw,et_psw_again;
    //账号、密码、再次输入的密码的控件的获取值
    private String userName,psw,pswAgain;
    //标题布局
    private RelativeLayout rl_title_bar;

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

    private void init() {
        //从main_title_bar.xml页面布局中获取对应的UI控件
        tv_main_title = (TextView) findViewById(R.id.tv_main_title);
        tv_main_title.setText("注册");
        tv_back = (TextView) findViewById(R.id.tv_back);
        rl_title_bar = (RelativeLayout) findViewById(R.id.title_bar);
        rl_title_bar.setBackgroundColor(Color.TRANSPARENT);
        //从activity_register.xml页面布局中获得对应的UI控件
        btn_register=(Button) findViewById(R.id.btn_register);
        et_user_name=(EditText) findViewById(R.id.et_username);
        et_psw=(EditText) findViewById(R.id.et_pwd);
        et_psw_again=(EditText) findViewById(R.id.et_pwd_again);
        tv_back.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                RegisterActivity.this.finish();
            }
        });
        btn_register.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //获取输入在相应控件中的字符串
                getEditString();
                //判断输入框内容
                if(TextUtils.isEmpty(userName)){
                    Toast.makeText(RegisterActivity.this, "请输入用户名", Toast.LENGTH_SHORT).show();
                    return;
                }else if(TextUtils.isEmpty(psw)){
                    Toast.makeText(RegisterActivity.this, "请输入密码", Toast.LENGTH_SHORT).show();
                    return;
                }else if(TextUtils.isEmpty(pswAgain)){
                    Toast.makeText(RegisterActivity.this, "请再次输入密码", Toast.LENGTH_SHORT).show();
                    return;
                }else if(!psw.equals(pswAgain)){
                    Toast.makeText(RegisterActivity.this, "输入两次的密码不一样", Toast.LENGTH_SHORT).show();
                    return;
                }else if(isExistUserName(userName)){
                    Toast.makeText(RegisterActivity.this, "此账户名已经存在", Toast.LENGTH_SHORT).show();
                    return;
                }else{
                    Toast.makeText(RegisterActivity.this, "注册成功", Toast.LENGTH_SHORT).show();
                    //把账号、密码和账号标识保存到sp里面
                    saveRegisterInfo(userName, psw);
                    //注册成功后把账号传递到LoginActivity.java中
                    Intent data =new Intent();
                    data.putExtra("userName", userName);
                    setResult(RESULT_OK, data);
                    //RESULT_OK为Activity系统常量,状态码为-1,表示此页面下的内容操作成功将data返回到上一页面,如果是用back返回过去的则不存在用setResult传递data值
                    RegisterActivity.this.finish();
                }
            }
        });
    }
    
    /**
     * 获取控件中的字符串
     */
    private void getEditString(){
        userName=et_user_name.getText().toString().trim();
        psw=et_psw.getText().toString().trim();
        pswAgain=et_psw_again.getText().toString().trim();
    }
    
    /**
     *从SharedPreferences中读取输入的用户名,判断SharedPreferences中是否有此用户名
     */
    private boolean isExistUserName(String userName){
        boolean has_userName=false;
        SharedPreferences sp=getSharedPreferences("loginInfo", MODE_PRIVATE);
        String spPsw=sp.getString(userName, "");//传入用户名获取密码
        if(!TextUtils.isEmpty(spPsw)) {//如果密码不为空则确实保存过这个用户名
            has_userName=true;
        }
        return has_userName;
    }
    
    /**
     * 保存账号和密码到SharedPreferences中
     */
    private void saveRegisterInfo(String userName,String psw){
        String md5Psw= MD5Utils.md5(psw);//把密码用MD5加密
        //loginInfo表示文件名
        SharedPreferences sp=getSharedPreferences("loginInfo", MODE_PRIVATE);
        SharedPreferences.Editor editor=sp.edit();//获取编辑器
        //以用户名为key,密码为value保存在SharedPreferences中
        editor.putString(userName, md5Psw);
        editor.commit();//提交修改
    }
}
登录界面 思路

接着编写登录界面的布局,同理引入图片至 drawable 目录下,在 activity 包下创建 LoginActivity ,修改 activity_login.xml 为 LinearLayout 布局

具体代码如下:

activity_login.xml



    

    

    

    

    
登录逻辑 思路

完成登录界面布局后,最后我们实现登录界面的逻辑代码,当点击登录按钮时,需先判断用户名和密码是否为空,若为空则提示请输入用户名和密码,若不为空则获取用户输入的用户名,由于本项目用的是本地数据,因此根据用户名在 SharedPreferences 中查询是否有对应的密码,若有对应的密码且与用户输入的密码(需 MD5 加密)比对一致,则登录成功

具体代码如下:

LoginActivity
package cn.edu.lt.android.boxueguapp.activity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.content.pm.ActivityInfo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import cn.edu.lt.android.boxueguapp.MainActivity;
import cn.edu.lt.android.boxueguapp.R;
import cn.edu.lt.android.boxueguapp.utils.MD5Utils;

public class LoginActivity extends AppCompatActivity {

    private TextView tv_main_title;
    private TextView tv_back,tv_register,tv_find_psw;
    private Button btn_login;
    private String userName,psw,spPsw;
    private EditText et_user_name,et_psw;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        //设置此界面为竖屏
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
        init();
    }

    /**
     * 获取界面控件
     */
    private void init(){
        tv_main_title=(TextView) findViewById(R.id.tv_main_title);
        tv_main_title.setText("登录");
        tv_back=(TextView) findViewById(R.id.tv_back);
        tv_register=(TextView) findViewById(R.id.tv_register);
        tv_find_psw= (TextView) findViewById(R.id.tv_find_psw);
        btn_login=(Button) findViewById(R.id.btn_login);
        et_user_name=(EditText) findViewById(R.id.et_user_name);
        et_psw=(EditText) findViewById(R.id.et_psw);
        tv_back.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                LoginActivity.this.finish();
            }
        });

        //立即注册控件的点击事件
        tv_register.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent=new Intent(LoginActivity.this,RegisterActivity.class);
                startActivityForResult(intent, 1);
            }
        });

        //找回密码控件的点击事件
        tv_find_psw.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //跳转到找回密码界面(此页面暂未创建)
            }
        });

        //登录按钮的点击事件
        btn_login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                userName=et_user_name.getText().toString().trim();
                psw=et_psw.getText().toString().trim();
                String md5Psw= MD5Utils.md5(psw);//对当前用户输入的密码进行MD5加密再进行比对判断
                spPsw=readPsw(userName);//从SharedPreferences中根据用户名读取密码
                if(TextUtils.isEmpty(userName)){
                    Toast.makeText(LoginActivity.this, "请输入用户名", Toast.LENGTH_SHORT).show();
                    return;
                }else if(TextUtils.isEmpty(psw)){
                    Toast.makeText(LoginActivity.this, "请输入密码", Toast.LENGTH_SHORT).show();
                    return;
                }else if(md5Psw.equals(spPsw)){
                    Toast.makeText(LoginActivity.this, "登录成功", Toast.LENGTH_SHORT).show();
                    //保存登录状态
                    saveLoginStatus(true, userName);
                    //登录成功后关闭此页面进入主页
                    Intent data=new Intent();
                    data.putExtra("isLogin",true);
                    setResult(RESULT_OK,data);
                    LoginActivity.this.finish();
                    startActivity(new Intent(LoginActivity.this, MainActivity.class));
                    return;
                }else if((spPsw!=null&&!TextUtils.isEmpty(spPsw)&&!md5Psw.equals(spPsw))){
                    Toast.makeText(LoginActivity.this, "输入的用户名和密码不一致", Toast.LENGTH_SHORT).show();
                    return;
                }else{
                    Toast.makeText(LoginActivity.this, "此用户名不存在", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }

    /**
     *从SharedPreferences中根据用户名读取密码
     */
    private String readPsw(String userName){
        SharedPreferences sp=getSharedPreferences("loginInfo", MODE_PRIVATE);
        return sp.getString(userName , "");
    }

    /**
     *保存登录状态和登录用户名到SharedPreferences中
     */
    private void saveLoginStatus(boolean status,String userName){
        //loginInfo表示文件名
        SharedPreferences sp=getSharedPreferences("loginInfo", MODE_PRIVATE);
        SharedPreferences.Editor editor=sp.edit();//获取编辑器
        editor.putBoolean("isLogin", status);//存入boolean类型的登录状态
        editor.putString("loginUserName", userName);//存入登录状态时的用户名
        editor.commit();//提交修改
    }

    /**
     * 注册成功的数据返回至此
     * @param requestCode
     * @param resultCode
     * @param data
     */
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(data!=null){
            //从注册界面传递过来的用户名
            String userName =data.getStringExtra("userName");
            if(!TextUtils.isEmpty(userName)){
                et_user_name.setText(userName);
                //设置光标的位置
                et_user_name.setSelection(userName.length());
            }
        }
    }

}
修改欢迎界面逻辑

将欢迎界面的下一个界面从主页修改为登录界面,具体代码如下:

SplashActivity
Intent intent = new Intent(SplashActivity.this, MainActivity.class);

改为

Intent intent = new Intent(SplashActivity.this, LoginActivity.class);
运行效果

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/68081.html

相关文章

  • Android项目实战-博学》设置密保&找回密码

    摘要:设置密保找回密码界面思路由于设置密保和找回密码两个界面十分相似,代码逻辑也十分相似,因此这两个界面可以使用同一个布局文件和同一个来处理,首先导入所需图片资源文件,再创建,将布局改为具体代码如下先将设置密保部分隐藏,您的用户名是请输 设置密保&找回密码界面 思路 由于设置密保和找回密码两个界面十分相似,代码逻辑也十分相似,因此这两个界面可以使用同一个布局文件和同一个 Activity 来...

    binaryTree 评论0 收藏0
  • Android项目实战-博学》应用图标&欢迎界面

    摘要:前言本项目使用作为开发工具,参照传智播客教材项目实战博学谷创建项目可参照落萚简书文集安全卫士开发笔记,里面详细讲述过项目的创建以及上传,在此不再赘述应用图标自适应图标为新增的一种全新应用图标样式,具体可以参照设计师兼开发者的以下三篇文章英文 前言 本项目使用Android Studio 3.0.1作为开发工具,参照传智播客教材《Android项目实战——博学谷》 创建项目 可参照落萚...

    0x584a 评论0 收藏0

发表评论

0条评论

Donald

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<