1. 云栖社区>
  2. PHP教程>
  3. 正文

ThinkPHP初学者:写一个简单登录页面(二)

作者:用户 来源:互联网 时间:2017-11-30 17:33:01

登录页面thinkphp初学者简单一个

ThinkPHP初学者:写一个简单登录页面(二) - 摘要: 本文讲的是ThinkPHP初学者:写一个简单登录页面(二), 前文链接《ThinkPHP初学者:写一个简单登录页面(一)》 首先,在UserModel中,把需要的方法定义好。 public function exists($user_name){ $SQL = "user_name='%s'"


前文链接《ThinkPHP初学者:写一个简单登录页面(一)》


首先,在UserModel中,把需要的方法定义好。


public function exists($user_name){
$SQL = "user_name='%s'";
return $this->where($SQL,$user_name)->find();
}

这个方法会用来判断用户是否存在,find()方法表示返回查询结果的第一条数据。一般而言,用户名都是唯一的,所以查询的结果应该只有一条数据,如果要确保是这样,可以修改数据表结构,把user_name字段设置为unique,操作方法如下,在MySQL控制台中:


alter table user add unique (user_name);

这样,再向数据库中插入数据时,如果用户名已经存在,就会失败。


然后,就可以在Controller中写具体的登录逻辑了,登录逻辑实现有两种方案:一种是HTML通过表单提交,由PHP来控制跳转;另外一种是通过接口的形式,HTML通过ajax等技术,使用json进行数据交换,并自己控制页面跳转等逻辑。很显然,由于登录失败的可能性很大,需要给用户友好的提示,使用方案二会更加合适。因此这里使用方案二来实现功能,方案一之后还会遇到,届时再仔细研究。


在Controller中创建一个名为login()的方法,供HTML以post的方式提交数据:


    public function login() {
//HTTP协议,传输json需要添加请求头
header('Content-Type:application/json; charset=utf-8');
//数据校验
if (!$_POST) {
$return['code'] = 0;
$return['message'] = '不支持的操作';
exit(json_encode($return));
}
$user_name = $_POST["username"];
if (empty($user_name)) {
$return['code'] = 0;
$return['message'] = '用户名不能为空';
exit(json_encode($return));
}
$user_pass = $_POST["password"];
if (empty($user_pass)) {
$return['code'] = 0;
$return['message'] = '密码不能为空';
exit(json_encode($return));
}
$result = D("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));
}
$return['code'] = 1;
$return['message'] = '登录成功';
echo json_encode($return);
}

很显然,这个方法不是主动在浏览器调用的,而是用户点击登录按钮后,通过ajax触发。因此ajax和普通的用法也稍微有点区别,具体表现在ajax的url字段上。在TP中,请求的Url有其特定的格式:{:U(控制器名/方法名)},这样TP就可以把其解析成服务器理解的链接,从而将请求发送到正确的地方。下面给出ajax请求的示例(使用的是jQuery方法):


$.ajax({
type: "POST",
url:"{:U('Index/login')}",
data:$('#form').serialize(),// 序列化表单值,这里需要的是待上传的数据,若用表单就可以这样写
async: true,
error: function(request) {
alert("Connection error");
},
success: function(data) {
if(data.code==1){
alert(data.message);
// window.location.href="跳转页面"
}else{
alert(data.message);
}
}
});
});

具体代码会同步到github中,文末有链接。


现在,在浏览器中访问http://www.learn.com,先输入一个不存在的用户名:


ThinkPHP初学者:写一个简单登录页面(二)-
image.png

再试下正确的用户名&错误的密码:


ThinkPHP初学者:写一个简单登录页面(二)-
image.png

最后输入正确的密码:


ThinkPHP初学者:写一个简单登录页面(二)-
image.png

可以看到网站很好的工作了起来,由于还没有主页,所以登录成功后也仅仅给出了提示,若要跳转,使用js的
window.location.href="跳转页面"就可以了。


至此,一个简单的登录功能就完成了。但是实际的登录逻辑是比这要复杂一些的,比如密码的处理,以及使用session保持登录的状态等,需要在实现注册和主页时,再详细展开。


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


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




以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索登录 , 页面 , thinkphp , 初学者 , 简单 一个 ,以便于您获取更多的相关知识。