이 기사에서는 일주일 내에 무료 로그인을 달성할 수 있는 자동 로그인 저장 메커니즘(쿠키, 세션, 로컬 저장소)을 구현하기 위해 PHP를 사용하는 방법을 주로 소개합니다.
프로그래머에게는 쿠키, 세션, 로컬 스토리지가 가장 귀찮을 것입니다. 간단한 로그인 인터페이스의 사용자 이름과 비밀번호를 사용하여 설명하겠습니다.
1. 쿠키는 사용자 관련 데이터를 저장하는 데 사용됩니다. 사용자의 로컬 영역:
첫 번째는 로그인 인터페이스 정의입니다.
<form action="server.php" method="post">
<input type="text" name="username" class="username" placeholder="Username">
<input type="password" name="password" class="password" placeholder="Password">
<button type="submit">Sign me in</button>
<p class="error"><span>+</span></p>
</form>모두가 위의 코드를 알고 있습니다. 이는 단지 양식일 뿐입니다. 그 다음에는
<?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2016-7-19
* Time: 11:50
*/
include "data.php";
header("Content-type:text/html;charset=utf-8");
//echo "ddd";
if ($_SERVER["REQUEST_METHOD"] == "POST") {//第一步
// echo "ddd1";
if ($_POST["username"] == $info["username"] && $_POST["password"] == $info["password"]) {//第二步
$myArr = $_POST;
$myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));
se($myArr);
setcookies($_POST["username"], $_POST["password"]);
setStroage($_POST["username"], $_POST["password"]);
echo "<script>
window.location.href='index.php';
</script>";
}
} else {
echo "<script>
alert('请登录');
window.location.href='login.html';
</script>";
}
//通过session保存到服务器
function se(array $arr)
{
session_start();
$_SESSION["username"] = $arr["username"];
$_SESSION["password"] = $arr["password"];
$_SESSION["loginIP"] = $arr["loginIP"];
$_SESSION["loginTime"] = $arr["loginTime"];
}
//通过cookie保存到本地
function setCookies($username, $password)
{
setcookie("username", $username, time() + 120);
setcookie("password", $password, time() + 120);
}
//echo "<script>
//
// localStorage.setItem('username','$username');
//localStorage.setItem('password'," . "'" . $password . "'" . ");
//</script>";
function setStroage($username, $password){
echo "<script>
localStorage.setItem('username'," . "'" . $username . "'" . ");
localStorage.setItem('password'," . "'" . $password . "'" . ");
</script>";
}
위에 있는 data.php가 로드되는데, 이는 실제로는 데이터의 한 조각입니다.
$info=array("username"=>"admin","password"=>"admin");이 데이터는 주로 입력한 사용자 이름과 비밀번호가 올바른지 확인하는 데 사용됩니다.
우선 서버에 게시된 게시물인지 확인하고, 그렇지 않으면 다시 로그인하라는 메시지를 표시하고, 게시물임을 확인한 후 로그인 인터페이스로 돌아가 정보가 올바르게 입력되었는지 판단합니다. 맞다면 쿠키를 설정해 보도록 하겠습니다
$myArr = $_POST;//把post传过来的数据放在myarr;里面
$myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));//这是穿的另外两个参数,一个是用户登录地址,另一个是cookie存活时间(会在寻获时间以为消失)
se($myArr);
setcookies($_POST["username"], $_POST["password"]);//这个是设置cookie,把传过来的两个值设置成cookie,会有一个getCookie进行接收
setStroage($_POST["username"], $_POST["password"]);
echo "<script>
window.location.href='index.php';사실 이때는 저희가 설정한 시간에 맞춰 쿠키가 저장되어 있었고, 그 다음에는 어떻게 해야 할까요? do는 로그인이 필요 없는 기능이자 백엔드 서버 처리입니다. 다른 소프트웨어에 로그인할 때와 마찬가지로 일주일 이내에 비밀번호 없이 로그인하라는 메시지가 표시됩니다.
function intialLoadInfo(){
$("input:text").val(getCoolieByKey("username"));//这两个就是吧下面获取的之前输入过的用户名和密码进行自动填写(实现目的)
$("input:password").val(getCoolieByKey("password"));
}
//通过key值获取cookie
function getCoolieByKey(key){
var cookie=document.cookie.split(";");//这行代码是吧cookie的值进行分离(split),以便于下面遍历(分离后就是一个数组一样)
for(var i=0;i<cookie.length;i++){//遍历长度
var value=cookie[i].trim();//去掉空格
if (value.indexOf(key)==0){//判断是不是第一个值
val=value.split("=");
console.log(val[0]);
return val[1];
}
}
}위의 첫 번째 메소드는 getCookieByKey(key)를 실행합니다.
이 함수가 매개변수와 함께 수신한 매개변수는 위에서 캡슐화한 myArr 데이터입니다.
자세한 설명은 여기에 있습니다. 코드는 여기에 있습니다. 참조할 수 있습니다.
2.session: 세션은 서버 측에서 사용자 정보를 저장하는 데 사용됩니다. 브라우저가 닫히면 자동으로 삭제됩니다.
session_start();
수퍼 배열 $_SESSION 세션 읽기가 실현될 수 있습니다.
코드는 다음과 같습니다:
function se(array $arr)
{
session_start();
$_SESSION["username"] = $arr["username"];
$_SESSION["password"] = $arr["password"];
$_SESSION["loginIP"] = $arr["loginIP"];
$_SESSION["loginTime"] = $arr["loginTime"];
}우선, 위의 코드는 네 가지 속성을 가져와 $_SESSION에 저장합니다.
그러면 위의 코드에 se가 있는 것을 볼 수 있습니다
$myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));//这是穿的另外两个参数,一个是用户登录地址,另一个是cookie存活时间(会在寻获时间以为消失)
se($myArr);이것은 세션용으로 작성된 것입니다.
주로 username.password.IP.time
이라는 네 가지 속성을 저장합니다.
위의 코드도 실제로, 이제 세션에서 생성한 세션을 확인할 수 있습니다.
3. JS 측의 LocalStorage: HTML5에서 제공하는 로컬 저장 방법("키-값 쌍" 데이터베이스라고도 함) ;
데이터 설정: localStorage.setItem("key","value");
데이터 삭제: localStorage.removeItem("key");
상세 코드는 다음과 같습니다.
html 아래에 작성된 js 파일은 다음과 같이 구현됩니다.
$(function (){
if (localStorage.getItem("username")!=""&&localStorage.getItem("password")!=""){
document.getElementById("username").value=localStorage.getItem("username");
document.getElementById("password").value=localStorage.getItem("password");
}
});이 기능은 주로
function setStroage($username, $password){
echo "<script>
localStorage.setItem('username'," . "'" . $username . "'" . ");
localStorage.setItem('password'," . "'" . $password . "'" . ");
</script>";
}을 생성하는 데 사용됩니다. 이 글의 전체 내용입니다. 모든 분들의 연구에 도움이 되기를 바랍니다.
관련 권장 사항:
위 내용은 PHP를 사용하여 일주일 이내에 자동 로그인 저장 메커니즘 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
