MyFlag Step5：app页面初步设计与代码编写

引言

本周我们主要进行进行页面设计与代码编写，在前两天的工作中我们主要进行了以下工作：

• 页面的初步设计与逻辑交互设计
• 客户端代码编写
• 后台代码编写

页面设计与逻辑交互设计

前两天的工作中，页面部分主要设计一些基本功能页面，包括登陆与注册页面，同时还设计了各界面的交互、跳转关系，下面针对这两天客户端代码编写的登录与注册进行说明：

1、登录页面

登录界面由app logo作为大背景，使用手机号和密码进行登录，手机号和密码输入完毕后，点击登录后即可进行登录。

若没有账号，则点击注册按钮，跳转到注册页面进行注册。

2、注册页面

注册需要输入手机号、密码等信息，作为个人信息保存，信息输入完成后，点击完成按钮即可完成注册，密码和确认密码需要完全匹配，否则注册无效。

客户端代码编写

这两天时间里，客户端主要进行了登录与注册界面的编写，登录界面由朱宏同学编写，注册界面由王宁同学编写，除了编写界面，还编写了登录注册请求代码。

编写界面代码之前，界面编码之前，我们先定义了一些基类：

BaseActivity为Activity定义了一个基类，内部为setContentView设置了getLayoutId抽象函数，从而使得Activity可以快速设置layout。

BaseApplication重写了Application类，因为app启动率先调用Application的onCreate函数，故重写这个函数，在里面做一些全局初始化。

BaseFragment'为Fragment定义基类，原理与BaseActivity相似。

下面对登录注册进行一一介绍：

1、登录功能

登录界面Activity为LoginActivity，代码截图如下：

这里实现了设置layout视图，并且设置按钮交互逻辑。同时实现网络登录请求，与NetUtil交互：

对应的activity_login.xml如截图所示：

2、注册功能

注册页面Activity为RegisterActivity，代码截图如下：

注册请求函数截图：

将参数params中，使用NetUtil工具函数即可完成请求，十分简单。

对应的activity_register如下：

编写好登录注册的代码后，要进行测试，选择的方式是进行互测，王宁来测试登录界面，注册由朱宏来测试，针对不同的输入信息，设计了多组测试数据，然后再真机上对每一组数据进行实际测试，检查后台返回数据是否，直到登录注册界面测试运行无误。

后台代码编写

后台这次增加的功能有增加Userdao这个类，用来实现对数据库user表的访问，实现的功能有登录、注册、修改个人信息、查找等功能，与此同时，我在这里使用了junit进行了测试，虽然只是一些简单的逻辑。

这是使用junit进行测试的结果：

同时，编写了servlet，用来处理数据接口，主要是写了login和register这两个接口，在这里登录使用的是phone和password进行组合，首先对phone和password这两个参数进行了处理，如果登录成功，就讲信息放在json对象里面，注册也是采用同样的思想，注册的时候则自动登录。在编写程序的时候我们也注意到了程序的健壮性，对各种异常进行了处理，保证不会各种异常而导致数据库的连接出现不同的问题。
当然，同时也对这两个servlet进行了测试。

总结

总体来说前两天的工作进度还是可以的，希望这周剩下的时间我们能够完成好剩下的任务。