续前节《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。