手把手帶你擼一個校園APP（三）：用戶模塊（登錄註冊等）

之前打算寫這一整個系列，但是技術有限，怕寫出來錯誤太多誤人子弟。就一直拖着沒做。今年疫情囂張，倒也抽出了時間整理下這部分。權當拋磚引玉之用，如有錯誤，還望不吝賜教。
中國加油！武漢加油！希望疫情早日過去。

前言

登錄註冊應該是安卓開發中最基礎也最通用的功能了。本文就通過這部分來帶領大家熟悉一下Bmob的使用。

本人能力有限，很多地方也描述不清。大家可自行查看Bmob開發文檔。（http://doc.bmob.cn/data/android/develop_doc/）

手把手帶你擼一個校園APP（一）：項目簡介
手把手帶你擼一個校園APP（二）：應用啓動和歡迎頁面

後臺

爲了更加高效的開發，校園APP並沒有自己編寫後臺代碼，而是採用的Bmob後端雲提供的數據庫功能。其實如果想自己寫後臺的話也可以，原理大致相同。

數據庫設計

因爲我們要用的是Bmob提供的雲數據庫，所以就得先了解下bmob數據庫的規則。

與其它數據庫不同，Bmob在數據存儲與數據類型方面都有一套自己的規範。從數據存儲方面來說，所有存儲數據均會默認增加唯一標識objectId，創建時間createdAt等常用屬性，在設計數據格式時，無需再重複這些屬性。從數據類型方面來說，Bmob支持的數據類型更爲廣泛，除了String、Float、Boolean等基礎類型之外，同時也支持日期格式類型BmobDate和文件格式類型BmobFile等特有的數據類型。

總結一下就是：

• 默認增加objectId,createdAt,updateAt 等字段（每個表的主鍵，還有創建時間等無需額外處理了）
• 支持文件存儲（一些圖片可以直接存起來）

回到我們的需求，整理一下，不難發現用戶信息表需要以下字段：

字段名	描述	類型	主鍵
objectId	用戶id	String	是
username	用戶名	String
password	密碼	String
mobilePhoneNumber	手機號	String
clazz	班級	String
sex	性別	Boolean
stuno	學號	String
yuan	院系	String

更貼心的是，Bmob中提供了默認的User表。上面的很多字段已經包含在內了。直接在控制檯_User 表中補充其它字段即可。

安卓端程序

佈局

頁面佈局比較簡單，有點基礎的基本都可以看出來，這裏遵循Material Design風格，控件使用了 TextInputLayout 。

TextInputLayout

TextInputLayout 主要是作爲 EditText 的容器，從而爲 EditText 生成一個浮動的 Label，當用戶點擊 EditText 的時候，EditText 中的 hint 字符串會自動移到 EditText 的左上角。

爲什麼使用TextInputLayout

1. 方便控制密碼輸入框內容的顯示與隱藏
2. 浮動提示語（Metrial Design風格）

當然了，不使用也沒有什麼影響。

基本用法：
xml佈局

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>

擴展：TextInputLayout 常用屬性及方法：

屬性名	對應方法	作用
app:hint	setHint(CharSequence)	設置浮動提示語
app:hintEnabled	setHintEnabled(boolean)	設置是否開啓浮動功能
app:hintAnimationEnabled	setHintAnimationEnabled(boolean)	設置是否開啓浮動提示動畫
null	setError	設置錯誤提示
app:errorEnabled	setErrorEnabled(boolean)	設置是否開啓錯誤提示
app:counterEnabled	setCounterEnabled(boolean)	設置是否開啓計數器
app:counterMaxLength	setCounterMaxLength(int)	設置計數器的最大長度（超過並不影響輸入）
app:passwordToggleEnabled	setPasswordVisibilityToggleEnabled(boolean)	設置是否開啓密碼可見開關(EditText必須爲password類型才起作用)
app:passwordToggleDrawable	setPasswordVisibilityToggleDrawable(Drawable)	設置密碼可見開關的圖標

java 邏輯

該部分基本按照bmob官方文檔來操作。Bmob用戶系統

1. 創建表對應的bean類。User表需要繼承自BmobUser，其中已封裝用戶名，密碼等屬性，以及登錄，註冊等方法。

public class MyUser extends BmobUser {
    private String stuno;
    private String sex;
    private String yuan;
    private String clazz;
    
    // 自行實現get set方法...
}

2. 登錄，BmobUser中封裝了多種登錄方法，我們這裏採用賬號密碼登錄的方式。

// 手機號登錄
BmobUser.loginByAccount(username, password, new LogInListener<MyUser>() {
    @Override
    public void done(MyUser user, BmobException e) {
        if (user != null) {
            // 登錄成功
            onLoginSuccess();
            progressDialog.dismiss();
        } else {
            // 登錄失敗
            onLoginFailed();
            progressDialog.dismiss();
        }
    }
});

3. 註冊。Bmob中也封裝了很多註冊方法。賬號密碼註冊比較簡單。當然也可以做成用驗證碼註冊的，不過需要提前充值短信條數。

final User user = new User();
user.setUsername("username");
user.setPassword("password");
user.signUp(new SaveListener<User>() {
    @Override
    public void done(User user, BmobException e) {
        if (e == null) {
            // 註冊成功
        } else {
            // 註冊失敗
        }
    }
});

4. 獲取當前登錄的用戶以及用戶屬性。

獲取緩存的用戶信息，緩存的有效期爲1年。

if (BmobUser.isLogin()) {
    // 獲取緩存用戶對象
    MyUser user = BmobUser.getCurrentUser(MyUser.class);
}

5. 退出登錄

//清除緩存用戶對象，退出登錄
BmobUser.logOut();

補充優化

• 凡是輸入框都應該根據實際情況做一些限制，比如輸入類型，輸入長度，以此來減少用戶惡意操作。
• 登錄註冊頁面來回跳轉後，應該對返回鍵做相應處理，防止返回時再次跳轉。

/**
 * 重寫返回鍵的返回方法
 */
@Override
public void onBackPressed() {
    // Disable going back to the ReviewTestActivity
    moveTaskToBack(true);
}

• 頁面跳轉時，可以設置相應的跳轉動畫，以此優化用戶體驗。

java代碼

Intent intent = new Intent(getApplicationContext(), SignupActivity.class);
startActivityForResult(intent, REQUEST_SIGNUP);
finish();
//動畫效果
overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);

動畫
push_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate
		android:duration="500"
		android:fromXDelta="100%p"
		android:toXDelta="0" />
</set>

push_left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate
		android:duration="500"
		android:fromXDelta="0"
		android:toXDelta="-100%p" />
</set>

如果本文對你有所幫助，還望可以隨手賞一個點贊哈 ~ ~