近期在做app开发的时候,因为要用到app登录功能,就自己写了个简单的iOS+PHP实现登录功能的demo,经过运行能够通过登录测试。

  在开发过程中,也是碰到了各种各样的问题,经过不断的调试和改变方法,终于将所有的坑都基本上填满了,因此,将最终完整版的代码及相关流程记录在此,供自己及其它需要的人查阅使用。

一、一些约定条件

  Mac OS真的是一个太太太封闭的系统环境了,封闭到我已经测试了N中办法,都没办法成功搭建后台服务器——不管是使用集成软件(如MAMP或者XAMPP),还是自行下载MySQL和MyAdmin客户端安装。有的时候Apache无法正常启动,有时候MySQL又故障掉了,更悲哀的是,真机测试时,客户端上输入内容后,无法正常与服务器通信!逼不得已,就只能放弃了,最终采用Windows的WIN7系统的电脑做后台服务器,然后与测试用的手机、编程用的Mac电脑处于同一无线局域网下。==如果哪位同仁能告知如何在MacBook上搭建后台服务器且能正常工作,欢迎不吝赐教,鄙人万分感激!==

  当在装有WIN 7系统的电脑上配置服务器时,我使用的是WAMP集成软件,数据库和表的编辑操作使用的是SQLyog软件,这样可以有效的创建、修改表的内容。==注意,在WIN7的电脑上搭建完后台并创建好数据库之后,还需要进行局域网的配置工作,这样才能让处于同一局域网下的设备(如手机)连接到这台电脑及后台==。这个方法我也忘了,所以需要您和其他做PHP后台开发的同仁咨询。==如果您已经知道怎么做了,也欢迎不吝赐教,我好记录在本文章中,供更多人的来学习==。

  一些约定条件如下

  • [x] 手机客户端能成功连接后台服务器,并与后台服务器进行数据交互
  • [x] 密码为原始输入的字符串,不经过MD5等加密方式的加密(正常开发时,请务必进行加密处理)
  • [x] 传输方式选择GET传输(为了安全起见,最好使用POST传输方式)
  • [x] 登录账号只选择手机号(正常开发时,登录的账号可能还有email或者用户名)

二、数据库和表的创建及初始化

  使用SQLyog或者phpMyAdmin创建一个名为testAppDatabase的数据库,“基字符集”选择“utf8”,“数据库排序规则”选择“utf8_general_ci”,如下图所示(图像截取的是使用SQLyog软件创建数据库的情况,使用phpMyAdmin类似):
使用SQLyog创建新数据库.PNG

  然后,在testAppDatabase数据库下,新建一个名为userInformationTable的表,“引擎”选择“InnoDB”,“字符集”选择“utf8”,“核对”选择“utf8_general_ci”,最后创建列名及每一列对应的数据类型以及是否可以为空等,并设置userID为主键、正数、自增,如下图所示(图像截取的是使用SQLyog软件创建表的情况,使用phpMyAdmin类似):
使用SQLyog创建新表.PNG

  正常情况下,每一列都最好设置为“非空”,如果用户没有输入,那么可以默认使用“N/A”等填充,等用户输入了当前列对应的内容了,再替换掉“N/A”即可。

  因为我们是做登录模块的验证,没有经过注册,因此,数据库中是没有信息的。我们可以手动先填写一些信息,供测试使用。填写好的内容如下图所示(使用的phpMyAdmin客户端插入的数据)
插入数据.PNG

  ==注意,此时的密码是完全的明文密码,未进行任何加密,这主要是为了测试方便使用,正常开发时,请务必将保存到数据库中的密码进行加密处理。==

  至此,数据库相关的“配置”就处理完了,下面是php代码相关的内容。

三、php代码

  在php代码中,我们主要完成的是接收客户端传输过来的数据,并将数据与数据库进行匹配验证,一般验证的内容有两点:

  • [x] 用户输入的账号是否存在
  • [x] 用户输入的账号存在的情况下,账号和密码是否与数据库中的一一匹配

  因此,我们的php代码主要就是围绕这两个逻辑来编写。

  1. 首先,编写数据库连接代码,并保存到其它用户读取不到的位置。

  对php有一些了解的人应该知道,保存在htddoc路径(对于使用WAMP集成的环境来说,就是www文件夹下,如下图)下的文件,是可以被浏览器通过输入网址的方式读取到的,如果将登录数据库使用的账户和密码信息放到这个文件夹下,那么数据库是非常不安全的。
www目录.png

  因此,我们通常将连接数据库需要的php代码单独编写并保存为“.php”格式的文件,然后将这个文件放置在与“www”同级的位置,如下图所示的“connectionToDB.php”文件。
连接数据库文件存放位置.PNG

  使用php编辑器编辑“connectionToDB.php”文件,写入的代码如下:

connectionToDB.php

<?php

    $dbc = mysqli_connect('192.168.1.101', 'root', '你设置的登录数据库的密码', 'testAppDatabase') or die("连接失败:".mysql_error());  

  //连接数据库的格式通常为
    //$dbc = mysqli_connect(hostname, 登录账号, 登录密码, 数据库的名称) or die("连接失败:".mysql_error());  
    //hostname:一般是localhost,也常设置为作为后台的电脑的IP地址,查询的方法是“运行->cmd->ipconfig /all”,在控制台中找到IPv4地址。
    //对于局域网,这个IP地址可能会不断的变化,因此,如果没有做IP固化的操作,每次使用后台服务器时,最好都加纳差一下这个IP地址,然后将“connectionToDB.php”中的IP地址换为正在使用的地址
    //登录账号:一般是根用户root。如果不使用根用户,就使用数据库拥有者为你开辟的用户名和密码
    //登录密码:对应登录账号的密码
    //数据库名称:要连接的数据库的名称。一般一个产品只有一个数据库,该数据库中有很多的表  
?>

  ==注意:php代码的编写,一定要使用utf-8的编码格式,这点要切记。下面提到的php文件均采用这种编码格式,将不再赘述。==

  1. 接着,编写和登录验证相关的php代码,将其保存为“login.php”文件并保存到www目录下,如下图所示:

登录的php文件路径.png

  “www”目录就想到于在浏览器中输入的localhost或者192.168.1.101这个IP地址,所以能看到,我们要编写的“login.php”在下两级目录下,知道这点这对于我们编写“login.php”文件中的某些代码是有必要的。

login.php

<?php

    header('Content-type:text/html;charset=utf-8');  //代码的方式设置编码方式

    require_once('../../../connectionToDB.php');  
    //一个"../"代表一级目录,
    //因为我们的“connectionToDB.php”文件与“www”文件夹在同一级目录下
    //从“login.php”追溯“connectionToDB.php”需要进过三级目录,所以需要三个"../"

    $postedData = $_REQUEST;  //$_REQUEST既可以获取到通过POST方式传输的数据,也可以获取到通过GET方式传输的数据

    //获取用户输入的账号的形式:手机号、邮箱地址还是一般用户名
    $userAccountType = $postedData['Account_Type'];

    //获取用户输入的账号和密码  
    $userAccount = $postedData['User_Account'];

    $userPassword = $postedData['User_Password'];

    //根据账户形式获取对应的账号内容,用于后面的比对

    //是否账号是否存在的标签以及是否登录成功的标签
    $accountBeingOrNotFlag = "0";  //0代表账号不存在,1代表账号存在

    $loginOKOrNotFlag = "0";  //0代表登录失败,1代表登录成功

    switch ($userAccountType) {

        case "Telephone":  //账号是手机号

            $q = "SELECT * FROM userinformationtable WHERE UserTelephoneNumber = $userAccount";  //查询数据库有没有这个手机号

            $r = @mysqli_query($dbc, $q);

            $rows = @mysqli_num_rows($r);  //查询到的信息的行数,如果行数不是0,说明查询到了信息

            if($rows) {

                //行数不是0,说明有这个手机号,设置标签的值为1
                $accountBeingOrNotFlag = "1";  //账号存在

                //查询账号和密码是否匹配
                $qA = "SELECT * FROM userinformationtable WHERE UserTelephoneNumber = '$userAccount' and UserPassword = '$userPassword'";

                $rA = @mysqli_query($dbc, $qA);

                $rowsA = @mysqli_num_rows($rA);

                if($rowsA) {

                    //行数不是0,说明账号和密码匹配,设置标签值为1,登录成功
                    $loginOKOrNotFlag = "1";  

                }else {

                    //行数是0,说明账号和密码不匹配,设置标签值为0,登录失败
                    $loginOKOrNotFlag = "0";  

                }

            }else {

                //行数是0,说明账号不存在,设置标签值为0
                $accountBeingOrNotFlag = "0";  

            }

            //将标签值保存到数组中,然后将其传递给客户端,客户端根据标签值判断对应的操作逻辑
            $returnArr = array("accountBeingOrNotFlag" => $accountBeingOrNotFlag, "loginOKOrNotFlag" => $loginOKOrNotFlag);

            //下面的两行代码是方便测试使用,即将我们测试的一些内容保存到一个.log文件中,然后通过查看这个文件,看结果是否是我们想要的
            $dccc = print_r($returnArr, true);
            file_put_contents('C://Users/Administrator/Desktop/zj.log', $dccc);

            //关闭数据库连接
            mysqli_close($dbc);

            //将要传递给客户端的结果信息通过json编码的形式输出
            echo json_encode($returnArr);  

            break;

            //下面的代码注释和上面的这个case里面的类似,不再赘述
        case "EmailAddress":

            $q = "SELECT * FROM userinformationtable WHERE UserEmailAddress = $userAccount";

            $r = @mysqli_query($dbc, $q);

            @$rows = mysql_num_rows($r);

            if($rows) {

                $accountBeingOrNotFlag = "1";  //账号存在

                $qA = "SELECT * FROM userinformationtable WHERE UserEmailAddress = '$userAccount' and UserPassword = '$userPassword'";

                //$qA = "SELECT * FROM userinformationtable WHERE UserTelephoneNumber = 13240132824 and UserPassword = l19880226";

                $rA = @mysqli_query($dbc, $qA);

                $rowsA = @mysqli_num_rows($rA);

                if($rowsA) {

                    $loginOKOrNotFlag = "1";  //登录成功

                }else {

                    $loginOKOrNotFlag = "0";  //登录失败

                }

            }else {

                $accountBeingOrNotFlag = "0";  //账号不存在
            }

            $returnArr = array("accountBeingOrNotFlag" => $accountBeingOrNotFlag, "loginOKOrNotFlag" => $loginOKOrNotFlag);

            mysqli_close($dbc);

            echo json_encode($returnArr);  //输出json格式

            break;

        case "NormalName":

            $q = "SELECT * FROM userinformationtable WHERE UserNormalName = $userAccount";

            $r = @mysqli_query($dbc, $q);

            @$rows = mysql_num_rows($r);

            if($rows) {

                $accountBeingOrNotFlag = "1";  //账号存在

                $qA = "SELECT * FROM userinformationtable WHERE UserNormalName = '$userAccount' and UserPassword = '$userPassword'";

                $rA = @mysqli_query($dbc, $qA);

                $rowsA = @mysqli_num_rows($rA);

                if($rowsA) {

                    $loginOKOrNotFlag = "1";  //登录成功                

                }else {

                    $loginOKOrNotFlag = "0";  //登录失败
                }

            }else {

                $accountBeingOrNotFlag = "0";  //账号不存在
            }

            $returnArr = array("accountBeingOrNotFlag" => $accountBeingOrNotFlag, "loginOKOrNotFlag" => $loginOKOrNotFlag);

            mysqli_close($dbc);

            echo json_encode($returnArr);  //输出json格式

            break;

    }

    ?>

  好了,和登录有关的php代码已经编写完成了,下面就开始编写iOS客户端的代码。

四、iOS客户端

  iOS客户端的代码,我们将采用MVC的架构来编写。

  可能有人会问,只是一个demo,为什么不将M也合并到V中一起写呢?这个就和我在文章开头提到的坑有关了。

  我们先来看一个将MVC写在一个viewController中的例子

  1. 将MVC写在一个viewController中的例子

  我们随便新建一个基于单视图的工程,然后在ViewController.m文件中编写如下代码:

ViewController.m的viewDidLoad方法中

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    NSURL *url = [NSURL URLWithString:@"http://192.168.1.101/testApp/Login/login.php"];

    NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url];

    //设置请求方式 POST
    request.HTTPMethod = @"POST";

    //设置请求的超时时间
    request.timeoutInterval = 60;

    request.HTTPBody = [[NSString stringWithFormat:@"User_Account=%@&User_Password=%@&Account_Type=%@",@"13542138562",@"testApp123456", @"Telephone"] dataUsingEncoding:NSUTF8StringEncoding];

    NSURLSession *session = [NSURLSession sharedSession];

    //4 创建网络任务 NSURLSessionTask
    //通过网络会话 来创建数据任务
    NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {

        NSLog(@"网络请求完成");

        NSString *result = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];

        NSLog(@"data = %@", data);

        NSLog(@"result = %@", result);

        _str = result;

        NSLog(@"1.2_str = %@", _str);

//        dispatch_async(dispatch_get_main_queue(), ^{
//
//            // do something
//
//
//            _str = result;
//
//            NSLog(@"1.2_str = %@", _str);
//
//
//        });

    }];
    //5 发起网络任务

    [dataTask resume];

    NSLog(@"_str = %@", _str);
}

  这段代码本来是想完成的工作是:将登陆的信息传递给后台之后,后台进行验证,并将验证的结果(没有账号、账号密码不匹配、账号密码匹配)传回给客户端,然后由客户端根据返回回来的标签值做响应的操作。但是运行这段代码之后,通过断点调试,会发现,dataTaskWithRequest:completionHandler:并没有按照顺序执行,而是直接跳过,然后执行了[dataTask resume];方法,接着就是NSLog函数输出_str的值,会发现值是空的。当viewDidLoad代码块全部执行完毕后(即执行到最后一个右大括号}),才会执行dataTaskWithRequest:completionHandler:代码块中的内容。虽然此后会更新_str的值,但此时其实客户端已经接收了第一次的_str的值了,如果不做其它的工作,我们是很难得到想要的结果了。

  后来经过多次的调试、验证,最终才发现,使用通知可以解决这个问题。这也就是为啥我要把M单独写的原因:我们可以在M里面发送通知,然后在view里面注册通知和实现通知的方法。

  我们分别创建一个继承于NSObject的RegisterAndLoginModel文件,一个继承于UIViewController的LoginViewController文件,以及一个继承于UIView的LoginView文件。

  1. 编写RegisterAndLoginModel文件

RegisterAndLoginModel.h

#import <Foundation/Foundation.h>

@interface RegisterAndLoginModel : NSObject

- (void)checkTheUserAccount : (NSString*)userAccount andPassword : (NSString*)userPassword withAccountType : (NSString*)accountType;

@end

RegisterAndLoginModel.m

#import "RegisterAndLoginModel.h"

@implementation RegisterAndLoginModel

//GET方式提交数据
- (void)checkTheUserAccount : (NSString*)userAccount andPassword : (NSString*)userPassword withAccountType : (NSString*)accountType {

    NSMutableDictionary *returnDictionary = [[NSMutableDictionary alloc]initWithCapacity:2];

    NSLog(@"userAccount = %@, userPassword = %@, accountType = %@", userAccount, userPassword, accountType);

    //1.构造URL网络地址
    NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://192.168.1.101/testApp/Login/login.php?User_Account=%@&User_Password=%@&Account_Type=%@",userAccount,userPassword, accountType]];

    //2.构造网络请求对象  NSURLRequest
    NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url];

    NSLog(@"request = %@", url);

    //3.设置请求方式 GET
    request.HTTPMethod = @"GET";
    //设置请求的超时时间
    request.timeoutInterval = 60;

    NSURLSession *session = [NSURLSession sharedSession];

    //4 创建网络任务 NSURLSessionTask。通过网络会话 来创建数据任务
    NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {

        NSLog(@"网络请求完成");

        NSDictionary *jsonDic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableLeaves error:&error];

        NSLog(@"接收到的数据为%@",jsonDic);

        [returnDictionary setObject:jsonDic forKey:@"returnDictionaryKey"];

        [[NSNotificationCenter defaultCenter] postNotificationName:@"loginStatusInformationDictionary" object:returnDictionary];

    }];

    //5.发起网络任务
    [dataTask resume];
}
  1. 编写LoginViewController文件

LoginViewController.h

#import <UIKit/UIKit.h>
#import "LoginView.h"
#import "RegisterAndLoginModel.h"

@protocol LoginViewControllerDelegate <NSObject>

@optional

- (void)goToRegisterViewController;

- (void)loginSucceed;

@end

@interface LoginViewController : UIViewController<LoginViewDelegate>
{

    NSString *accountTypeString;
}

@property (assign, nonatomic) id<LoginViewControllerDelegate>loginViewControllerDelegate;
@property (strong, nonatomic) RegisterAndLoginModel *registerAndLoginModel;
@property (strong, nonatomic) LoginView *loginView;

@end

LoginViewController.m

#import "LoginViewController.h"

@interface LoginViewController ()

@end

@implementation LoginViewController

int accountIsNotNULL = 0;  //账号是否为空
int loginPasswordIsOK = 0;  //密码格式是否正确
int loginBtnPressedNumbers = 0;  //登录按钮累计点击次数

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    //添加通知,监测后台服务器返回的标签值
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(getTheLoginStatusDiecitonary:) name:@"loginStatusInformationDictionary" object:nil];

    _loginView = [[LoginView alloc]initTheLoginViewWithFrame:CGRectMake(0, 0, deviceScreenWidth, deviceScreenHeight)];

    _loginView.loginViewDelegate = self;

    [_loginView.goToRegisterButton addTarget:self action:@selector(goToRegisterButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
    [_loginView.findPasswordButton addTarget:self action:@selector(findPasswordButtonPressed:) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:_loginView];

    _registerAndLoginModel = [[RegisterAndLoginModel alloc]init];

}

- (void)loginButtonPressed : (UIButton*)sender {

    NSLog(@"点击了登录");

    NSLog(@"loginBtnPressedNumbers = %i", loginBtnPressedNumbers);

    //首先判断用户输入的账号的类型

    if(![self checkPhoneNumInputWithString:_loginView.loginAccountTextField.text]) {

        //不是手机号
        if(![self isEmailAddress:_loginView.loginAccountTextField.text]) {

            //也不是邮箱地址
            accountTypeString = @"NormalName";

        }else {

            //是邮箱地址
            accountTypeString = @"EmailAddress";
        }

    }else {

        //是手机号

        accountTypeString = @"Telephone";

    }

    [_registerAndLoginModel checkTheUserAccount:_loginView.loginAccountTextField.text andPassword:_loginView.loginPasswordTextField.text withAccountType:accountTypeString];

    loginBtnPressedNumbers += 1;

}

- (void)goToRegisterButtonPressed : (UIButton*)sender {

    NSLog(@"去注册");

    [_loginViewControllerDelegate goToRegisterViewController];

}

- (void)findPasswordButtonPressed : (UIButton*)sender {

    NSLog(@"找回密码");
}

#pragma mark - 实现LoginViewDelegate中的方法

- (void)getTheInputStringInLoginViewFromTheTextField : (NSString*)inputString withTextFieldTag : (NSInteger)tag {

    if(tag == 20001) {

        if (inputString.length > 0) {

            accountIsNotNULL = 1;

        }else {

            accountIsNotNULL = 0;

        }

    }else {

        if((inputString.length >= 8) && (inputString.length <= 20)) {

            loginPasswordIsOK = 1;

        }else {

            loginPasswordIsOK = 0;
        }
    }

    if(accountIsNotNULL == 1 && loginPasswordIsOK == 1) {

        [_loginView.loginButton addTarget:self action:@selector(loginButtonPressed:) forControlEvents:UIControlEventTouchUpInside];

        _loginView.loginButton.alpha = 1.0;

        [_loginView.loginButton setBackgroundColor:[UIColor redColor]];

        [_loginView.loginButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

        [_loginView.loginButton setUserInteractionEnabled:YES];

    }else {

        [_loginView.loginButton setBackgroundColor:[UIColor colorWithRed:211/255.0 green:211/255.0 blue:211/255.0 alpha:1.0]];

        [_loginView.loginButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

        [_loginView.loginButton setUserInteractionEnabled:NO];

    }

}

#pragma mark - 使用正则表达式判断手机号格式是否正确

-(BOOL)checkPhoneNumInputWithString : (NSString*)telephoneString {

    NSString * MOBILE = @"^1(3[0-9]|5[0-35-9]|8[025-9])\\d{8}$";

    NSString * CM = @"^1(34[0-8]|(3[5-9]|5[017-9]|8[278])\\d)\\d{7}$";

    NSString * CU = @"^1(3[0-2]|5[256]|8[56])\\d{8}$";

    NSString * CT = @"^1((33|53|8[09])[0-9]|349)\\d{7}$";

    // NSString * PHS = @"^0(10|2[0-5789]|\\d{3})\\d{7,8}$";

    NSPredicate *regextestmobile = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", MOBILE];
    NSPredicate *regextestcm = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", CM];
    NSPredicate *regextestcu = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", CU];
    NSPredicate *regextestct = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", CT];
    BOOL res1 = [regextestmobile evaluateWithObject:telephoneString];
    BOOL res2 = [regextestcm evaluateWithObject:telephoneString];
    BOOL res3 = [regextestcu evaluateWithObject:telephoneString];
    BOOL res4 = [regextestct evaluateWithObject:telephoneString];

    if (res1 || res2 || res3 || res4 ) {

        return YES;

    }else {

        return NO;
    }
}

#pragma mark - 正则表达式判断邮箱格式是否正确

- (BOOL)isEmailAddress:(NSString*)inputEmailAddress
{
    NSString* emailRegex = @"[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}";
    NSPredicate* emailTest = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", emailRegex];
    return [emailTest evaluateWithObject:inputEmailAddress];

}

#pragma mark 实现通知方法

- (void)getTheLoginStatusDiecitonary :(NSNotification*) notification {

    NSMutableDictionary *resultDictionary = [notification object];

    NSLog(@"resultDictionary = %@", resultDictionary);

    NSDictionary *judgmentDictionary = [resultDictionary objectForKey:@"returnDictionaryKey"];

    NSLog(@"judgmentDictionary = %@", judgmentDictionary);

    if([[judgmentDictionary objectForKey:@"accountBeingOrNotFlag"] isEqualToString:@"0"]) {

        //账号不存在,提示用户是否去注册

        NSLog(@"对不起,账号不存在");

        //此处的操作一定要回到主线程操作,否则程序会崩溃,警告框弹不出来
        dispatch_async(dispatch_get_main_queue(), ^{

            // do something

            UIAlertController *accountNotBeingAlert = [UIAlertController alertControllerWithTitle:@"账号不存在" message:@"对不起,您输入的账号不存在,是否前去注册?" preferredStyle:UIAlertControllerStyleAlert];

            UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];

            UIAlertAction *goToRegisterAction = [UIAlertAction actionWithTitle:@"去注册" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * action) {

                //进入注册界面

                [_loginViewControllerDelegate goToRegisterViewController];

            }];

            [accountNotBeingAlert addAction:cancelAction];
            [accountNotBeingAlert addAction:goToRegisterAction];

            [self presentViewController:accountNotBeingAlert animated:YES completion:nil];

        });

    }else {

        //账号存在

        //判断账号和密码是否匹配

        if([[judgmentDictionary objectForKey:@"loginOKOrNotFlag"] isEqualToString:@"0"]) {

            //账号和密码不匹配

            NSLog(@"账号和密码不匹配,请重新输入");

            if(loginBtnPressedNumbers > 2) {

                if([accountTypeString isEqualToString:@"Telephone"]) {

                    //用户输入的账号是手机号,显示获取短信验证码
                    //短信验证码一段时间内只能获取三次,如果超过三次,那么显示图形验证码

                    //更新界面元素的时候,也需要回到主线程,否则程序就崩溃或者界面UI更新错位
                    dispatch_async(dispatch_get_main_queue(), ^{

                        // do something

                        _loginView.verificationCodeTextField.hidden = NO;

                        _loginView.loginButton.frame = CGRectMake(20, 345, deviceScreenWidth - 40, 50);

                        _loginView.goToRegisterButton.frame = CGRectMake(20, 405, deviceScreenWidth /2 - 20, 25);

                        _loginView.findPasswordButton.frame = CGRectMake(deviceScreenWidth / 2, 405, deviceScreenWidth /2 - 20, 25);

                    });

                }else {

                    //账号是邮箱地址或者一般用户名,显示图形验证码
                }

            }

        }else {

            //账号和密码匹配,登录成功

            //登录成功后将登录状态信息保存到NSUserDefaults中,供程序调用

            NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
            [defaults setObject:_loginView.loginAccountTextField.text forKey:@"accountStr"];
            [defaults setObject:_loginView.loginPasswordTextField.text forKey:@"passwordStr"];
            [defaults setObject:@"isLogin" forKey:@"isLoginStr"];
            [defaults synchronize];

            [_loginViewControllerDelegate loginSucceed];
        }

    }

}

@end
  1. 编写LoginView文件

LoginView.h

#import <UIKit/UIKit.h>

@protocol LoginViewDelegate <NSObject>

- (void)getTheInputStringInLoginViewFromTheTextField : (NSString*)inputString withTextFieldTag : (NSInteger)tag;

@end

@interface LoginView : UIView

@property (assign, nonatomic) id<LoginViewDelegate>loginViewDelegate;

@property (strong, nonatomic) UITextField *loginAccountTextField;
@property (strong, nonatomic) UITextField *loginPasswordTextField;
@property (strong, nonatomic) UITextField *verificationCodeTextField;

@property (strong, nonatomic) UIButton *getVerificationCodeButton;

@property (strong, nonatomic) UIButton *loginButton;

@property (strong, nonatomic) UIButton *goToRegisterButton;

@property (strong, nonatomic) UIButton *findPasswordButton;

- (id)initTheLoginViewWithFrame : (CGRect)frame;

@end

LoginView.m

#import "LoginView.h"

#import "UIImage+CircleImageView.h"  //圆形头像

@implementation LoginView

- (id)initTheLoginViewWithFrame : (CGRect)frame {

    self = [super initWithFrame:frame];

    if(self) {

        //账号输入框
        _loginAccountTextField = [[UITextField alloc]initWithFrame:CGRectMake(20, 120, deviceScreenWidth - 40, 55)];
        [_loginAccountTextField setClearButtonMode:UITextFieldViewModeWhileEditing];
        _loginAccountTextField.placeholder = @"用户名/邮箱地址/手机号";
        _loginAccountTextField.keyboardType = UIKeyboardTypeDefault;
        _loginAccountTextField.borderStyle = UITextBorderStyleRoundedRect;
        _loginAccountTextField.tag = 20001;
        [self addSubview:_loginAccountTextField];

        UIImageView *accountTextFieldLeftImageView = [[UIImageView alloc]initWithFrame:CGRectMake(_loginAccountTextField.frame.origin.x + 30, _loginAccountTextField.frame.origin.y +5 , 45, 45)];
        accountTextFieldLeftImageView.image = [UIImage imageNamed:@"Account"];

        _loginAccountTextField.leftView = accountTextFieldLeftImageView;
        _loginAccountTextField.leftViewMode = UITextFieldViewModeAlways;

        //密码输入框
        _loginPasswordTextField = [[UITextField alloc]initWithFrame:CGRectMake(20, 190, deviceScreenWidth - 40, 55)];
        [_loginPasswordTextField setClearButtonMode:UITextFieldViewModeWhileEditing];
        _loginPasswordTextField.placeholder = @"输入8~20位字符的密码";
        _loginPasswordTextField.keyboardType = UIKeyboardTypeDefault;
        _loginPasswordTextField.borderStyle = UITextBorderStyleRoundedRect;
        _loginPasswordTextField.secureTextEntry = YES;
        _loginPasswordTextField.tag = 20002;
        [self addSubview:_loginPasswordTextField];

        UIImageView *passwordTextFieldLeftImageView = [[UIImageView alloc]initWithFrame:CGRectMake(_loginPasswordTextField.frame.origin.x + 10, _loginPasswordTextField.frame.origin.y + 5, 40, 40)];
        passwordTextFieldLeftImageView.image = [UIImage imageNamed:@"password"];

        _loginPasswordTextField.leftView = passwordTextFieldLeftImageView;
        _loginPasswordTextField.leftViewMode = UITextFieldViewModeAlways;

        //验证码输入框
        _verificationCodeTextField = [[UITextField alloc]initWithFrame:CGRectMake(20, 260, deviceScreenWidth - 40, 55)];
        [_verificationCodeTextField setClearButtonMode:UITextFieldViewModeWhileEditing];
        _verificationCodeTextField.placeholder = @"输入4位短信验证码";
        _verificationCodeTextField.keyboardType = UIKeyboardTypeDefault;
        _verificationCodeTextField.borderStyle = UITextBorderStyleRoundedRect;
        _verificationCodeTextField.tag = 20003;
        _verificationCodeTextField.hidden = YES;
        [self addSubview:_verificationCodeTextField];

        UIImageView *verificationCodeFieldLeftImageView = [[UIImageView alloc]initWithFrame:CGRectMake(_verificationCodeTextField.frame.origin.x + 30, _verificationCodeTextField.frame.origin.y +5 , 45, 45)];
        verificationCodeFieldLeftImageView.image = [UIImage imageNamed:@"Account"];

        _verificationCodeTextField.leftView = verificationCodeFieldLeftImageView;
        _verificationCodeTextField.leftViewMode = UITextFieldViewModeAlways;

        //登录按钮
        _loginButton = [UIButton buttonWithType:UIButtonTypeCustom];
        _loginButton.frame = CGRectMake(20, 275, deviceScreenWidth - 40, 50);
        _loginButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;
        _loginButton.titleLabel.font = [UIFont systemFontOfSize:17.0];
        [_loginButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [_loginButton setTitle:NSLocalizedString(@"LoginButtonName", nil) forState:UIControlStateNormal];
        [_loginButton setBackgroundColor:[UIColor colorWithRed:211/255.0 green:211/255.0 blue:211/255.0 alpha:1.0]];
        [_loginButton setUserInteractionEnabled:NO];
        [self addSubview:_loginButton];

        //去注册按钮
        _goToRegisterButton = [UIButton buttonWithType:UIButtonTypeSystem];
        _goToRegisterButton.frame = CGRectMake(20, 335, deviceScreenWidth /2 - 20, 25);
        _goToRegisterButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
        _goToRegisterButton.titleLabel.font = [UIFont systemFontOfSize:14.0];
        [_goToRegisterButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
        [_goToRegisterButton setTitle:NSLocalizedString(@"GoToRegisterButtonName", nil) forState:UIControlStateNormal];
        [_goToRegisterButton setBackgroundColor:[UIColor clearColor]];
        [self addSubview:_goToRegisterButton];

        //找回密码按钮
        _findPasswordButton = [UIButton buttonWithType:UIButtonTypeSystem];
        _findPasswordButton.frame = CGRectMake(deviceScreenWidth / 2, 335, deviceScreenWidth /2 - 20, 25);
        _findPasswordButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;
        _findPasswordButton.titleLabel.font = [UIFont systemFontOfSize:14.0];
        [_findPasswordButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
        [_findPasswordButton setTitle:NSLocalizedString(@"GetPasswordButtonName", nil) forState:UIControlStateNormal];
        [_findPasswordButton setBackgroundColor:[UIColor clearColor]];
        [self addSubview:_findPasswordButton];

        //添加通知,监测输入内容
        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(loginAccountTextFieldTextDidChangeNotification:) name:UITextFieldTextDidChangeNotification object:_loginAccountTextField];

        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(loginPasswordTextFieldTextDidChangeNotification:) name:UITextFieldTextDidChangeNotification object:_loginPasswordTextField];

    }

    return self;

}

#pragma mark - 实现通知的方法

- (void)loginAccountTextFieldTextDidChangeNotification:(NSNotification *)notification {

    UITextField *textField = notification.object;

    [self.loginViewDelegate getTheInputStringInLoginViewFromTheTextField:textField.text withTextFieldTag : textField.tag];

}

- (void)loginPasswordTextFieldTextDidChangeNotification:(NSNotification *)notification {

    UITextField *textField = notification.object;

    [self.loginViewDelegate getTheInputStringInLoginViewFromTheTextField:textField.text withTextFieldTag : textField.tag];

}

@end

五、一些会碰到的错误

  1. [UIKeyboardTaskQueue waitUntilAllTasksAreFinished] may only be called from the main thread

  这个问题说的是需要在主线程来完成这个工作,碰到这个问题的地方是这个示例中,如果用户输入的账户不存在,弹出来一个警告框提示用户是否要去注册的时候,如果警告框的相关代码没有在主线程中操作的话,就会有这个问题。

  1. Main Thread Checker: UI API called on a background thread: -[UIView setHidden:]

  这个提示是说部分UI的更新需要在主线程中完成,如果没有在主线程中完成这个操作,可能会有错位界面。