首頁 > 後端開發 > php教程 > 利用php實作一週之內自動登入儲存機制

利用php實作一週之內自動登入儲存機制

墨辰丷
發布: 2023-03-28 15:06:01
原創
1586 人瀏覽過

本篇文章主要介紹了利用php實現一週之內自動登入儲存機制(cookie、session、localStorage),可以實現一週之內免費登陸,有興趣的夥伴們可以參考一下。

cookie、session、localStorage這三個應該是最讓程式設計師頭痛的了,我利用簡單的登入介面的username和password來說明一下吧.

1. Cookie用來儲存使用者相關數據,儲存的位置在使用者本地:

首先是登入介面定義:

<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>
登入後複製

上面的程式碼大家都懂吧,就是一個表單.然後就是action的server.php伺服器處理,

<?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=&#39;index.php&#39;; 
  </script>"; 
  } 
} else { 
  echo "<script> 
alert(&#39;请登录&#39;); 
window.location.href=&#39;login.html&#39;; 
</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(&#39;username&#39;,&#39;$username&#39;); 
//localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
//</script>"; 
function setStroage($username, $password){ 
  echo "<script> 
  localStorage.setItem(&#39;username&#39;," . "&#39;" . $username . "&#39;" . "); 
  localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
  </script>"; 
}
登入後複製

上面載入了一個data.php其實裡面就是一條資料,

$info=array("username"=>"admin","password"=>"admin");
登入後複製

#這個資料主要是核對輸入的使用者名稱和密碼是否正確.

#首先在server裡面對不也是判斷是不是post請求,如果不是就提示重新登入,返回登入介面,確定是post之後,再進行判斷資訊是不是輸入正確,如果正確就setcookie一下.下面的程式碼我一一解釋

$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=&#39;index.php&#39;;
登入後複製

其實這時候cookie已經按我們設定的那個時間儲存下來了,然後我們要做的就是免登陸功能,的後台伺服器的處理,就像我們登陸其他軟體,會提示一週之內免登陸密碼,

就是下面的程式碼:

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是用來在伺服器端存儲用戶信息,當瀏覽器關閉的時候,會自動銷毀;

session_start();

超級陣列$_SESSION可以實作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);
登入後複製


這裡就是為了session寫的;


他主要是儲存四個屬性,username.password.IP.time

上面程式碼中也註解;其實作在我們就可以在session裡面查到我們這個自己創建的session了


3.JS端的localStorage:HTML5提供的本機儲存方式(可以稱為「鍵值對」資料庫);

設定資料:localStorage.setItem(" key","value");

讀取資料:localStorage.getItem("key");讀取的結果是一個字串;

刪除資料: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"); 
 
    } 
  });
登入後複製

 這個函數主要就是創建用php創建的

function setStroage($username, $password){ 
  echo "<script> 
  localStorage.setItem(&#39;username&#39;," . "&#39;" . $username . "&#39;" . "); 
  localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
  </script>"; 
}
登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助。

相關推薦:

PHP unlink與rmdir刪除目錄內檔案如何實作

####### ##PHP mysqli事務作業常用的方法詳解###############PHP使用星號取代使用者名稱手機與信箱部分字元############## ####################

以上是利用php實作一週之內自動登入儲存機制的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板