利用php實現(xiàn)一周之內(nèi)自動登錄存儲機制（cookie、session、localStorage）
cookie、session、localStorage這三個應該是最讓程序員頭疼的了,我利用簡單的登錄界面的username和password來說明一下吧.
1.cookie用來存儲用戶相關數(shù)據(jù)，存儲的位置在用戶本地：
首先是登錄界面定義:
<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>
<div class="error"><span>+</span></div>
</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='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其實里面就是一條數(shù)據(jù),
$info=array("username"=>"admin","password"=>"admin");
這個數(shù)據(jù)主要是核對輸入的用戶名和密碼是否正確.
首先在server里面對不也是判斷是不是post請求,如果不是就提示重新登錄,返回登錄界面,確定是post之后,再進行判斷信息是不是輸入正確，如果正確就setcookie一下.下面的代碼我一一解釋
$myArr = $_POST;//把post傳過來的數(shù)據(jù)放在myarr;里面
$myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));//這是穿的另外兩個參數(shù),一個是用戶登錄地址,另一個是cookie存活時間(會在尋獲時間以為消失)
se($myArr);
setcookies($_POST["username"], $_POST["password"]);//這個是設置cookie,把傳過來的兩個值設置成cookie,會有一個getCookie進行接收
setStroage($_POST["username"], $_POST["password"]);
echo "<script>
window.location.href='index.php';
其實這時候cookie已經(jīng)按我們設置的那個時間存儲下來了,然后我們要做的就是免登陸功能,的后臺服務器的處理,就像我們登陸其他軟件,會提示一周之內(nèi)免登陸密碼,
就是下面的代碼:
function intialLoadInfo(){
$("input:text").val(getCoolieByKey("username"));//這兩個就是吧下面獲取的之前輸入過的用戶名和密碼進行自動填寫(實現(xiàn)目的)
$("input:password").val(getCoolieByKey("password"));
}
//通過key值獲取cookie
function getCoolieByKey(key){
var cookie=document.cookie.split(";");//這行代碼是吧cookie的值進行分離(split),以便于下面遍歷(分離后就是一個數(shù)組一樣)
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];
}
}
}
上面第一個方法執(zhí)行getCookieByKey(key);
這個帶參數(shù)的函數(shù)接收的參數(shù)就是我們上面封裝好的myArr數(shù)據(jù)了;
然后詳細解釋就在代碼了,大家可以參考了.
2.session:session是用來在服務器端存儲用戶信息，當瀏覽器關閉的時候，會自動銷毀；
session_start();
超級數(shù)組$_SESSION可以實現(xiàn)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()));//這是穿的另外兩個參數(shù),一個是用戶登錄地址,另一個是cookie存活時間(會在尋獲時間以為消失)
se($myArr);
這里就是為了session寫的;
他主要是存儲四個屬性,username.password.IP.time
上面代碼中也注釋;其實現(xiàn)在我們就可以在session里面查到我們這個自己創(chuàng)建的session了
3.JS端的localStorage:HTML5提供的本地存儲方式（可以稱為“鍵值對”數(shù)據(jù)庫）；
設置數(shù)據(jù)：localStorage.setItem("key","value");
讀取數(shù)據(jù)：localStorage.getItem("key");讀取的結(jié)果是一個字符串；
刪除數(shù)據(jù)：localStorage.removeItem("key");
詳細代碼如下:
在html下面寫的js文件就是 然后就是實現(xiàn):
$(function (){
if (localStorage.getItem("username")!=""&&localStorage.getItem("password")!=""){
document.getElementById("username").value=localStorage.getItem("username");
document.getElementById("password").value=localStorage.getItem("password");
}
});
這個函數(shù)主要就是創(chuàng)建用php創(chuàng)建的
function setStroage($username, $password){
echo "<script>
localStorage.setItem('username'," . "'" . $username . "'" . ");
localStorage.setItem('password'," . "'" . $password . "'" . ");
</script>";
}
其實這個東西需要自己慢慢寫，我雖然能寫出來,但是每次用的時候還是要參考一下這個例子,所以希望我用了好長時間的萬能例子對大家有用，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
刷票行為，一直是一個難題，無法從根本上解決問題，目前最好的解決辦法就是通過人為增加的邏輯限制，下面給大家介紹基于PHP給大家講解防刷票的一些技巧，小伙伴們跟著腳本之家的小編一起學習吧2015-11-11
這篇文章主要介紹了Yii2.0表關聯(lián)查詢的方法,結(jié)合實例形式分析了Yii中關聯(lián)查詢的實現(xiàn)方法與相關使用技巧,需要的朋友可以參考下2016-07-07
Zend Framework教程之Zend_Helpers動作助手ViewRenderer用法詳解
這篇文章主要介紹了Zend Framework教程之Zend_Helpers動作助手ViewRenderer用法,結(jié)合實例形式較為詳細的分析了Zend_Helpers動作助手ViewRenderer的功能、使用方法與相關注意事項,需要的朋友可以參考下2016-07-07
最近領導拍腦袋想出了一個需求，要我讀取PDF里面的內(nèi)容，并且入庫存為正文，用來搜索,需要的朋友可以了解下2012-11-11
今天小編就為大家分享一篇Laravel框架之解決前端顯示圖片問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章介紹了php讀取excel文件的簡單實例，有需要的朋友可以參考一下2013-08-08
JSON兩種結(jié)構(gòu)之對象和數(shù)組的理解
這篇文章主要介紹了JSON兩種結(jié)構(gòu)之對象和數(shù)組的理解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Symfony2創(chuàng)建頁面的方法,結(jié)合實例形式分析了Symfony頁面創(chuàng)建的具體步驟與相關實現(xiàn)技巧,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細介紹了PHP5.4內(nèi)置web服務器，內(nèi)置的Web服務器只是提供開發(fā)測試使用，不推薦使用中生產(chǎn)環(huán)境中，具體內(nèi)容請閱讀下文2016-08-08
數(shù)據(jù)成員可以分靜態(tài)變量、非靜態(tài)變量兩種.這篇文章主要介紹了PHP靜態(tài)成員變量和非靜態(tài)成員變量,需要的朋友可以參考下2017-02-02