手把手带你撸一个校园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用户idString
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:hintsetHint(CharSequence)设置浮动提示语
app:hintEnabledsetHintEnabled(boolean)设置是否开启浮动功能
app:hintAnimationEnabledsetHintAnimationEnabled(boolean)设置是否开启浮动提示动画
nullsetError设置错误提示
app:errorEnabledsetErrorEnabled(boolean)设置是否开启错误提示
app:counterEnabledsetCounterEnabled(boolean)设置是否开启计数器
app:counterMaxLengthsetCounterMaxLength(int)设置计数器的最大长度(超过并不影响输入)
app:passwordToggleEnabledsetPasswordVisibilityToggleEnabled(boolean)设置是否开启密码可见开关(EditText必须为password类型才起作用)
app:passwordToggleDrawablesetPasswordVisibilityToggleDrawable(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方法...
}
  1. 登录,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();
        }
    }
});
  1. 注册。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. 获取当前登录的用户以及用户属性。

获取缓存的用户信息,缓存的有效期为1年。

if (BmobUser.isLogin()) {
    // 获取缓存用户对象
    MyUser user = BmobUser.getCurrentUser(MyUser.class);
}
  1. 退出登录
//清除缓存用户对象,退出登录
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>

如果本文对你有所帮助,还望可以随手赏一个点赞哈 ~ ~

评论 4 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:撸撸猫 设计师:马嘣嘣 返回首页

打赏作者

vchao_

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值