MyFlag Step11：后台代码编写与客户端具体功能实现以及界面优化

引言

在这半周的工作中，我们小组仍然主要进行后台客户端的代码编写工作以及界面的优化，在这里，我对自己主要从事的工作，即客户端的修改密码功能的实现，做一个重点的介绍。

一、界面编写

在之前的界面设计中，已经完成了该界面的设计工作。根据分析，该界面并不复杂，在最外层使用一个LinearLayout，内部嵌套RelativeLayout或各种组件就可以实现了，具体的代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/activity_bg_gray"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        android:padding="0dp">

        <ImageButton
            android:id="@+id/back_btn"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentLeft="true"
            android:background="@drawable/toolbar_back_bg"
            android:onClick="modifyPasswordBack"
            android:src="?attr/homeAsUpIndicator" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="修改密码"
            android:textColor="@color/black"
            android:textSize="19sp" />
    </RelativeLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="0dp"
            android:background="@color/white"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@color/activity_bg_gray"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="40dp"
                    android:text="旧密码:"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <EditText
                    android:id="@+id/prev_password"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="40dp"
                    android:layout_marginRight="40dp"
                    android:background="@null"
                    android:gravity="center_vertical"
                    android:hint="6-16个字符，区分大小写"
                    android:inputType="textPassword"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="15sp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@color/activity_bg_gray"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="40dp"
                    android:text="新密码:"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <EditText
                    android:id="@+id/new_password"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="40dp"
                    android:layout_marginRight="40dp"
                    android:background="@null"
                    android:gravity="center_vertical"
                    android:hint="6-16个字符，区分大小写"
                    android:inputType="textPassword"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="15sp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@color/activity_bg_gray"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="40dp"
                    android:text="确认新密码:"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <EditText
                    android:id="@+id/confirm_new_password"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="40dp"
                    android:layout_marginRight="40dp"
                    android:background="@null"
                    android:gravity="center_vertical"
                    android:hint="6-16个字符，区分大小写"
                    android:inputType="textPassword"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="15sp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/activity_bg_gray"
                android:gravity="center_horizontal"
                android:orientation="horizontal">

                <Button
                    android:layout_width="250dp"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="50dp"
                    android:background="@drawable/login_button_bg"
                    android:text="提交申请"
                    android:onClick="modifyPasswordAction"
                    android:textColor="@color/white"
                    android:textSize="16sp" />
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

根据编写的代码，生成的预览效果如下所示：

可以看到，与预期的结果完全一致

二、内部逻辑实现

在之前的详细设计中，已经完成了这部分功能的设计。这部分的功能也并不复杂，只需要获取用户输入的原密码，新密码，密码重复，并判断长度是否符合要求，原密码与新密码是否相同，两次密码输入是否一致。通过这些检查之后，再次调用NetUtil类的相应方法，与服务器通信，并将返回的结果反馈给用户就可以了。

具体实现代码如下所示：

private boolean getText() {
    prePass = prev_password.getText().toString();
    newPass = new_password.getText().toString();
    confirmPass = confirm_new_password.getText().toString();

    if (prePass.length() < 6 ||prePass.length()>16 ) {
        Toast.makeText(this, "原密码长度不符！", Toast.LENGTH_SHORT).show();
        return false;
    } else if ((newPass.length() < 6 ||newPass.length()>16 )) {
        Toast.makeText(this, "新密码长度不符！", Toast.LENGTH_SHORT).show();
        return false;
    } else if ((confirmPass.length() < 6 ||confirmPass.length()>16 )) {
        Toast.makeText(this, "确认密码长度不符！", Toast.LENGTH_SHORT).show();
        return false;
    }

    if (prePass.equals(newPass)) {
        Toast.makeText(this, "原密码不能和新密码相同！", Toast.LENGTH_SHORT).show();
        return false;
    } else if (!newPass.equals(confirmPass)) {
        Toast.makeText(this, "两次输入的密码不匹配！", Toast.LENGTH_SHORT).show();
        return false;
    }

    return true;
}

public void modifyPasswordAction(View view) {
    if (getText()) {
        ArrayList<NetUtil.Param> params = new ArrayList<>();
        String uid = BaseApplication.getInstance().getSharedPreferences("User", MODE_PRIVATE).getString("uid", "");
        params.add(new NetUtil.Param("id", uid));
        params.add(new NetUtil.Param("newPassword", newPass));
        params.add(new NetUtil.Param("oldPassword", prePass));
        try {
            NetUtil.getResult(NetUtil.modifyPassWordUrl, params, new NetUtil.CallBackForResult() {
                @Override
                public void onFailure(final IOException e) {
                    ModifyPasswordActivity.this.runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(ModifyPasswordActivity.this, e.getMessage(), Toast.LENGTH_SHORT).show();
                        }
                    });
                }

                @Override
                public void onSuccess(Response response) {
                    if (response.isSuccessful()) {
                        try {
                            final String res = response.body().string();
                            ModifyPasswordActivity.this.runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    if (res.equals("1")) {
                                        Toast.makeText(ModifyPasswordActivity.this, "修改密码成功", Toast.LENGTH_SHORT).show();
                                        ModifyPasswordActivity.this.finish();
                                    } else
                                        Toast.makeText(ModifyPasswordActivity.this, "修改密码失败", Toast.LENGTH_SHORT).show();
                                }
                            });
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
            });
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}
在编写代码完毕之后，进行了白盒测试，没有发现缺陷，测试通过。