第一步
(1)表单登录的设置以及表单验证
1>设置点击事件--->获取表单中输入的账号密码值--->使用正则表达式对表单进行验证--->发送ajax请求--->进入后台--->引入配置文件--->接收ajax发送过来的数据--->连接数据库-->书写sql语句-->查询数据库--->对查询结果进行判断--->假设查询成功-->开启session_start()-->存储后台数据--->设置响应类型(以json格式)-->输出数据--->浏览器端再通过是否能获取到后台存储的数据来进行请求是否成功的判断--->如果请求成功进行页面的跳转-->跳转页面再次进行是否登陆成功的验证。
<script>
//先进行浏览器端的表单验证
//登陆按钮注册的点击事件
$("#btn-login").on("click",function(){
//1.收集用户邮箱的密码
var email=$("#email").val();
var password=$("#password").val();
//2.数据验证 //浏览器端的表单验证
var reg=/\w+\@\w+\.\w+/;
if(!reg.test(email)){
$("#msg").text("你输入的信息有错误,请重新输入");
$(".alert").show();
return;
}
//表单密码长度的
var pwdReg=/\w{3,20}/;
if(!pwdReg.test(password)){
$("#msg").text('密码长度错误,请重新输入');
$(".alert").show();
return;
}-
$.ajax({
type:"post",
data:{
email : email,
password : password},
url:"api/_userLogin.php",
success:function(res){
if(res.code==1){
alert('登录成功');
// 如果连接成功跳转到后台页面
location.href='index.php';
}else{
$("#msg").text('用户名或密码错误');
$(".alert").show();
}
}
});
});
</script>
<?php
require_once '../../config.php';
require_once '../../functions.php';
// 后台
// 接收ajax发来的邮箱和密码
$email=$_POST['email'];
$password=$_POST['password'];
// 查询数据库 是否有这个邮箱和密码
// 连接数据库
$connect=connect();
$sql="select * from users where email='{$email}' and
password='{$password}' and status='activated'";
// 执行sql
$queryResult=query($connect,$sql); //二维数组 有一个查到的用户
$response=["code"=>0,"msg"=>"操作失败"]; // 如果没有 没有这个人 返回失败
// 如果有 证明有这个人就登录成功
if($queryResult){//登录成功
//登录成功 记住他已经登录过了
session_start();//一定要先开启
$_SESSION['isLogin']=1;//isLogin值是1 代表登录了
// 记住当前登录的这个人的id 以后要用
$_SESSION['user_id']=$queryResult[0]['id'];
$response["code"]=1;
$response["msg"]="登录成功";
}
// 以json格式返回
header("content-type:application/json;charset=utf8");
echo json_encode( $response );
?>