ThinkPHP初学者：写一个注册页面

续前节《ThinkPHP初学者：写一个简单登录页面》，我们已经实现了使用PHP登录的方式。然而在实际项目中，用户名和密码一向都不是直接操作数据库完成的，而是由用户自己注册完成，所以注册页面不可或缺。

进入注册页面，一般都是在登录页有一个按钮入口，点击后跳转完成。如果跳转使用<a>标签实现，可以直接使用相对路径，或者如果是前后端分离，这个跳转也可以由js完成。由于目前使用的是混合在一起开发的，所以跳转的方式略微不同，我们在window.location.href=""中所填写的相对路径，指向的是控制器下的方法，也就是{:U('控制器名/方法名')}，本文中使用的就是{:U('Index/regist')}。

接下来需要实现的是注册的逻辑。在Index控制器下，新建regist方法。在regist方法体内，需要校验用户名是否已存在，然后再向数据库中插入数据。如果想要更好的用户体验，可以在用户输入完用户名后就校验，避免用户需要回来修改的麻烦，实现这一方案可以使用Ajax。所以为了更好的体验，这里使用第二种方案，因此还需要新建一个checkValid的方法。相关代码如下：

public function regist() {
    if (!$_POST) {
        $this->display();
    } else {
        header('Content-Type:application/json; charset=utf-8');
        //数据校验，包括正则校验
        ...省略代码

        $User = D("User");
        $result = $User->exists($user_name);
        if (!empty($result)) {
            $return['code'] = 0;
            $return['message'] = '用户名已存在';
            exit(json_encode($return));
        }

        if ($result['user_pass'] != $user_pass) {
            $return['code'] = 0;
            $return['message'] = '密码错误';
            exit(json_encode($return));
        }

        $res = $User->regist($user_name, $user_pass, $phone, $email, $sex);
        if (!$res) {
            $return['code'] = 0;
            $return['message'] = '注册失败，请稍后再试';
            exit(json_encode($return));
        }

        $return['code'] = 1;
        $return['message'] = '注册成功';
        echo json_encode($return);
        }
    }

public function checkValid() {
    header('Content-Type:application/json; charset=utf-8');
    //数据校验
        ...省略代码
        
    $result = D("User")->exists($user_name);
    if (!empty($result)) {
        $return['code'] = 0;
        $return['message'] = '用户名已存在';
        exit(json_encode($return));
    }

    $return['code'] = 1;
    $return['message'] = '用户名可以使用';
    echo json_encode($return);
}

可以看到，在regist方法中，存在如下结构：

if (!$_POST) {
    $this->display();
} else {
        ...
}

这是因为，在从登录页面点击按钮跳转过来时，调用的也是这个方法，而跳转时是没有传递任何数据的，只有传递数据时才会走else里的代码。

regist方法中，还调用了UserModel中定义的regist()方法，在这个方法里把用户的数据插入到了数据库中。在TP中，向数据库中插入数据使用add()方法，插入成功会返回插入数据的id，失败则会返回false，代码如下：

public function regist($user_name, $user_pass, $user_phone, $user_email, $user_sex) {
    $data["user_name"] = $user_name;
    $data["user_pass"] = $user_pass;
    $data["user_phone"] = $user_phone;
    $data["user_email"] = $user_email;
    $data["user_sex"] = $user_sex;
    $data["create_time"] = time();

    return $this->add($data);
}

add()方法还可以设置过滤等操作以保证安全性，可以参考官方文档。

regist方法在点击注册按钮时触发，这和登录时类似，而checkValid方法可以在用户名输入框失去焦点时自动运行，或者设计一个按钮点击运行，这个因人而异了。在jQuery中，可以使用blur()方法监听失去焦点事件。相关的代码都和登录时类似，就不粘贴了，有需要可以看文末链接。

注册完成后，一种方式是跳转回登录页面，用户需要输入用户名密码等进行登录，还有一种现在广泛使用的方式是注册完成后直接进入主页，也就是注册完就相当于登录成功了。无论是哪种方式，最终都会进入主页，这时就需要使用Session来保持登录状态了。相关内容在实现主页时再详细介绍吧。

当然，实际使用的注册，不会是这么简单的逻辑，比如要使用加密保证密码安全，密码等信息是不能明文传输的，这些就需要根据自己选择的算法进行处理了。

本项目源码已同步到github上，如需查看，同步下来后，配置一下数据库即可。

奉上github地址：https://github.com/LtLei/PHPLearn。