之前打算写这一整个系列,但是技术有限,怕写出来错误太多误人子弟。就一直拖着没做。今年疫情嚣张,倒也抽出了时间整理下这部分。权当抛砖引玉之用,如有错误,还望不吝赐教。
中国加油!武汉加油!希望疫情早日过去。
前言
登录注册应该是安卓开发中最基础也最通用的功能了。本文就通过这部分来带领大家熟悉一下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
- 方便控制密码输入框内容的显示与隐藏
- 浮动提示语(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用户系统
- 创建表对应的bean类。User表需要继承自BmobUser,其中已封装用户名,密码等属性,以及登录,注册等方法。
public class MyUser extends BmobUser {
private String stuno;
private String sex;
private String yuan;
private String clazz;
// 自行实现get set方法...
}
- 登录,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();
}
}
});
- 注册。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 {
// 注册失败
}
}
});
- 获取当前登录的用户以及用户属性。
获取缓存的用户信息,缓存的有效期为1年。
if (BmobUser.isLogin()) {
// 获取缓存用户对象
MyUser user = BmobUser.getCurrentUser(MyUser.class);
}
- 退出登录
//清除缓存用户对象,退出登录
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>
如果本文对你有所帮助,还望可以随手赏一个点赞哈 ~ ~