亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 145
粉絲 7
評(píng)論 7
訪問(wèn)量 198879
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
01月14日作業(yè)：登陸注冊(cè)驗(yàn)證案例作業(yè)（cookie和session）
李東亞1??3????12?
原創(chuàng)
1186人瀏覽過(guò)

作業(yè)一 cookie版

1、代碼：

1、首頁(yè)代碼

  1. //判斷登陸狀態(tài)，輸出顯示登陸狀態(tài)變量（沒(méi)有學(xué)JS利用PHP的if語(yǔ)句來(lái)判斷輸出登陸和登出狀態(tài)）
  2. if (filter_has_var(INPUT_COOKIE,'user')) {
  4.     $user=unserialize(filter_input(INPUT_COOKIE,'user'));
  5.     $users=$user['username'];
  6.     $status='退出';
  7.     $status_url='0114verify.php?action=logout';
  8. }else {
  9.     $users='用戶注冊(cè)';
  10.     $user_url='0114register.php';
  11.     $status='登陸';
  12.     $status_url='0114login.php';
  13. }
  16. ?>
  18. <!doctype html>
  19. <html lang="en">
  20. <head>
  21.     <meta charset="UTF-8">
  22.     <title>種業(yè)圈</title>
  23.     <style>
  24.         * {
  25.             margin:0;
  26.             padding: 0;
  27.             font-size: 13px;
  28.             color:#666666;
  29.         }
  30.         a {
  31.             text-decoration: none;
  32.         }
  33.         .header {
  34.             width: 100%;
  35.             height: 100px;
  36.             background-color: #333333;
  37.             display: flex;
  38.             flex-flow: row nowrap;
  39.             justify-content: space-between;
  40.             align-items: center;
  41.             padding: 0 20px;
  42.             box-sizing: border-box;
  43.         }
  44.         .header > .right {
  45.             width: 120px;
  46.             align-self: flex-end;
  47.             margin-bottom: 20px;
  48.             margin-right: 40px;
  49.             display: flex;
  50.             justify-content: space-between;
  51.         }
  52.         .header > .right  * {
  53.             font-size: 18px;
  54.             color:#fffdef;
  55.         }
  56.         .header > .right  a:hover {
  57.             color:#ff0000;
  58.         }
  60.     </style>
  61. </head>
  62. <body>
  63.     <div class="header">
  64.         <a href="0114index.php">
  65.             <img src="../0110/images/logo.png" alt="">
  66.         </a>
  67.         <div class="right">
  68.                 //根據(jù)判斷輸出的變量信息顯示登陸狀態(tài)
  69.             <span><a href="<?php echo $user_url; ?>"><?php echo $users; ?></a></span>
  70.             <a id='logout' href="<?php echo $status_url; ?>"><?php echo $status; ?></a>
  71.         </div>
  73.     </div>
  75. </body>
  76. </html>

2、登陸頁(yè)面代碼：

  2. if (filter_has_var(INPUT_COOKIE,'user')) {
  4.     exit('<script>alert("請(qǐng)勿重復(fù)登陸");location.assign("0114index.php");</script>');
  5. }
  6. ?>
  8. <!doctype html>
  9. <html lang="en">
  10. <head>
  11.     <meta charset="UTF-8">
  13.     <title>登陸</title>
  14.     <style>
  15.         a {
  16.             text-decoration: none;
  17.         }
  18.         .login{
  19.             width: 400px;
  20.             height: 250px;
  21.             background-color: #55a532;
  22.             margin:0 auto;
  23.             padding: 10px;
  24.             font-size: 16px;
  25.             color: #fffdef;
  26.             border-radius: 20px;
  27.         }
  28.         .login:hover {
  29.             box-shadow: 0 0 3px #333333 ;
  30.         }
  31.         .login > h3 {
  32.             width: 80px;
  33.             margin: 20px auto;
  34.             color: #222222;
  36.         }
  37.         .login > :last-child {
  38.             width: 300px;
  39.             margin: 10px auto;
  40.             text-align: center;
  42.         }
  43.         .login > form {
  44.             display: grid;
  45.             grid-template-columns: 70px 1fr;
  46.             grid-template-rows:repeat(3,40px) ;
  47.             place-items: center;
  48.         }
  49.         .login > form > input {
  50.             width: 200px;
  51.             height: 25px;
  53.         }
  54.         .login > form > input:nth-last-of-type(n+3):hover {
  55.             box-shadow: 0 0 3px #df5000 inset;
  56.         }
  57.         .login > form > label {
  58.             width: 80px;
  59.             height: 25px;
  60.             position: relative;
  61.             left:60px;
  63.         }
  64.         .login > form > input:nth-last-of-type(-n+2) {
  65.             margin: 15px 0;
  66.             width:100px;
  67.             height:35px;
  68.             border-style: none;
  69.             background-color: #ff0000;
  70.             color:#fffdef;
  71.             position: relative;
  72.             left:66px;
  73.         }
  74.         .login > form > input:nth-last-of-type(-n+2):hover{
  75.             background-color: #178CEE;
  76.         }
  77.     </style>
  78. </head>
  79. <body>
  80. <div class="login">
  81.     <h3>用戶登陸</h3>
  82.     <form action="0114verify.php?action=login" method="post" name="sign-in">
  83.         <label for="username"><span>用戶名：</span></label>
  84.         <input type="text" name="username" id="username" autofocus placeholder="請(qǐng)輸入你的賬號(hào)" required>
  85.         <label for="pwd1"><span>密 碼：</span></label>
  86.         <input type="password" name="pwd" id="pwd" placeholder="請(qǐng)輸入你的密碼" required>
  87.         <input type="submit" value="登陸">
  88.         <input type="reset" value="重置">
  89.     </form>
  90.     <div>
  91.         <span>沒(méi)有賬號(hào)，請(qǐng)點(diǎn)此處 <a href="0114register.php">注冊(cè)</a> </span>
  92.     </div>
  94. </div>
  97. </body>
  98. </html>

3、注冊(cè)頁(yè)面代碼（利用之前做的頁(yè)面沒(méi)有做修改，但只利用用戶名和密碼1、密碼2三項(xiàng)，其他項(xiàng)不考慮）：

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  6.     <title>登陸</title>
  7.     <style>
  8.         a {
  9.             text-decoration: none;
  10.         }
  11.         .login{
  12.             width: 400px;
  13.             height: 450px;
  14.             background-color: #55a532;
  15.             margin:0 auto;
  16.             padding: 10px;
  17.             font-size: 16px;
  18.             color: #fffdef;
  19.             border-radius: 20px;
  20.         }
  21.         .login:hover {
  22.             box-shadow: 0 0 3px #333333 ;
  23.         }
  24.         .login > h3 {
  25.             width: 100px;
  26.             margin: 20px auto;
  27.             color: #222222;
  29.         }
  30.         .login > :last-child {
  31.             width: 300px;
  32.             margin: 10px auto;
  33.             text-align: center;
  35.         }
  36.         .login > form {
  37.             display: grid;
  38.             grid-template-columns: 70px 1fr;
  39.             grid-template-rows:repeat(7,40px) ;
  40.             place-items: center;
  41.         }
  42.         .login > form > input {
  43.             width: 200px;
  44.             height: 25px;
  46.         }
  47.         .login > form > input:nth-last-of-type(n+3):hover {
  48.             box-shadow: 0 0 3px #df5000 inset;
  49.         }
  50.         .login > form > label {
  51.             width: 80px;
  52.             height: 25px;
  53.             position: relative;
  54.             left:60px;
  56.         }
  57.         .login > form > input:nth-last-of-type(-n+2) {
  58.             margin: 15px 0;
  59.             width:100px;
  60.             height:35px;
  61.             border-style: none;
  62.             background-color: #ff0000;
  63.             color:#fffdef;
  64.             position: relative;
  65.             left:66px;
  66.         }
  67.         .login > form > input:nth-last-of-type(-n+2):hover{
  68.             background-color: #178CEE;
  69.         }
  70.     </style>
  71. </head>
  72. <body>
  73. <div class="login">
  74.     <h3>新用戶注冊(cè)</h3>
  75.     <form action="0114verify.php?action=register" method="post" name="sign-in">
  76.         <label for="username"><span>用戶名：</span></label>
  77.         <input type="text" name="username" id="username" autofocus placeholder="請(qǐng)輸入你的賬號(hào)" required>
  78.         <label for="pwd1"><span>密 碼：</span></label>
  79.         <input type="password" name="pwd1" id="pwd1" placeholder="請(qǐng)輸入你的密碼" required>
  80.         <label for="pwd2"><span>密 碼：</span></label>
  81.         <input type="password" name="pwd2" id="pwd2" placeholder="請(qǐng)?jiān)俅屋斎肽愕拿艽a" required>
  82.         <label for="email"><span>郵箱</span></label>
  83.         <input type="email" name="email" id="email" placeholder="請(qǐng)輸入郵箱" required>
  84.         <label for="tel"><span>電話</span></label>
  85.         <input type="tel" name="tel" id="tel" placeholder="請(qǐng)輸入手機(jī)號(hào)" required>
  86.         <label for="gender"><span>性別</span></label>
  87.         <div>
  88.             <input type="radio" name="gender" value="1" checked>男
  89.             <input type="radio" name="gender" value="2" >女
  90.             <input type="radio" name="gender" value="3" >保密
  91.         </div>
  92.         <label for="like"><span>興趣愛(ài)好</span></label>
  93.         <div>
  94.             <input type="checkbox"  name="like[]" value="1">html
  95.             <input type="checkbox"  name="like[]" value="2">css
  96.             <input type="checkbox"  name="like[]" value="3" checked id="like">php
  97.         </div>
  98.         <input type="submit" value="注冊(cè)">
  99.         <input type="reset" value="重置">
  100.     </form>
  101.     <div>
  102.         <span>已有賬號(hào)，請(qǐng)點(diǎn)此處 <a href="0114login.php">登陸</a> </span>
  103.     </div>
  105. </div>
  108. </body>
  109. </html>

4、驗(yàn)證頁(yè)面代碼：

  2. //驗(yàn)證來(lái)源的合法性
  3. $allow_urls=['0114login.php','0114register.php','0114index.php'];
  4. //echo $_SERVER['HTTP_REFERER'];
  6. $url=(filter_input(INPUT_SERVER,'HTTP_REFERER'));
  7. $url=basename($url);
  8. //echo $url;
  10. $users_dates=[
  11.     ['username'=>'ldy','pwd'=>'7c4a8d09ca3762af61e59520943dc26494f8941b'],
  12.     ['username'=>'cqw','pwd'=>'7c4a8d09ca3762af61e59520943dc26494f8941b']
  13. ];
  16. if (in_array($url,$allow_urls)) {
  17. //    echo '在白名單';
  18.     $action= filter_input(INPUT_GET,'action',FILTER_SANITIZE_STRING);
  19.     $action=strtolower($action);
  21.     //來(lái)判斷是登陸還是注冊(cè)
  22.     switch ($action) {
  23.         case 'login' ://登陸驗(yàn)證
  24. //            echo $action;
  25. //            echo $_POST['username'];
  26. //            echo $_POST['pwd'];
  27.             $name=filter_input(INPUT_POST,'username',FILTER_SANITIZE_STRING);
  28.             $pwd=filter_input(INPUT_POST,'pwd',FILTER_SANITIZE_STRING);
  29.             $pwd=sha1($pwd);
  30.             $result=array_filter($users_dates,function($user)use($name,$pwd){
  31.                 return $name===$user['username']&&$pwd===$user['pwd'];
  32.             });
  33. //            print_r($result);
  34.             if (count($result)===1) {
  35.                 $cook=serialize($result[0]);
  36.                 print_r(unserialize($cook));
  37.                 setcookie('user',$cook);
  38.                 exit('<script>alert("驗(yàn)證通過(guò)");location.href="0114index.php"</script>');
  39.             } else {
  40.                 exit('<script>alert("郵箱或密碼錯(cuò)誤,或沒(méi)有帳號(hào)");location.href="0114register.php"</script>');
  41.             }
  42.             break;
  43.         case 'logout' ://登出操作
  44.             if(filter_input(INPUT_COOKIE,'user')){
  45.                 setcookie('user',null,time()-3600);
  46.                 exit('<script>alert("退出成功");location.href="0114index.php"</script>');
  47.             }
  48.             break;
  49.         case 'register' ://注冊(cè)操作
  50.             if (filter_has_var(INPUT_POST,'username')){
  51.                 $name=filter_input(INPUT_POST,'username',FILTER_SANITIZE_STRING);
  52.                 $password1=filter_input(INPUT_POST,'pwd1',FILTER_SANITIZE_STRING);
  53.                 $password2=filter_input(INPUT_POST,'pwd2',FILTER_SANITIZE_STRING);
  54.                 if($password1===$password2){
  55.                     $pwd=$password1;
  56.                     $pwd=sha1($pwd);
  57.                 }
  58.                 $data=compact('name','pwd');
  59.                 $users_dates[]=array_push($users_dates,$data);
  60.                 if(array_push($users_dates,$data)) {
  61.                     exit('<script>alert("注冊(cè)成功");location.assign("0114index.php");</script>');
  62.                 }
  64.             }
  65.             break;
  66.         default:
  67.             exit();
  68.     }
  70. } else {
  71.     echo '不在白名單';
  72.     die;
  73. }

測(cè)試效果圖

1、首頁(yè)效果（未登陸）

2、首頁(yè)（登陸）

3、登陸和注冊(cè)頁(yè)面：


4、登陸頁(yè)面（登陸狀態(tài)進(jìn)入）:

作業(yè)二session版

由于session版的效果跟cookies的一直，所以只上傳關(guān)鍵代碼
1、首頁(yè)代碼：（通過(guò)$_SESSION[];）判斷登陸狀態(tài)

  1. session_start();//開啟會(huì)話
  2. if (isset($_SESSION['user'])) {
  3.     $users=$_SESSION['user']
  4.     $status='退出';
  5.     $status_url='0114verify.php?action=logout';
  6. }else {
  7.     $users='用戶注冊(cè)';
  8.     $user_url='0114register.php';
  9.     $status='登陸';
  10.     $status_url='0114login.php';
  11. }
  14. ?>

2、登錄頁(yè)代碼：（判斷登陸狀態(tài)，禁止重復(fù)登陸）

  1. session_start();//開啟會(huì)話
  2. if (isset($_SESSION['user'])) {
  3.    exit('<script>alert("請(qǐng)不要重復(fù)登錄");location.href="0114index.php"</script>');
  4. }

3、驗(yàn)證頁(yè)代碼：

  1. //1、先開啟session會(huì)話
  2. session_start();
  3. //驗(yàn)證來(lái)源合法性，和cookies一樣
  4. ………………
  5. //分發(fā)處理
  6. ……………………
  7. //1、登陸處理:創(chuàng)建session ,（通過(guò)session[];保存登錄信息到服務(wù)器）
  8. session['user']=$result;
  9. ……………………
  10. //2、退出處理：
  11. session_destroy();
  13. ……………………

總結(jié)：

1、知識(shí)點(diǎn)：

1、cookie相關(guān)知識(shí)點(diǎn)：
（1）、setcookie('name','值信息','失效時(shí)間');
（2）、讀取cookie信息：$_COOKIE['變量名'];
（3）、刪除cookie信息：setcookie('name',null,time()-1);
2、session相關(guān)知識(shí)點(diǎn)：
（1）、session_start();開啟會(huì)話，調(diào)用session必須先開啟會(huì)話
（2）、讀取session信息：$_SESSION['變量名'];
（3）、結(jié)束當(dāng)前會(huì)話刪除session會(huì)話信息：session_destroy();
unset($_SESSION['']);注銷單個(gè)會(huì)話
3、相關(guān)知識(shí)補(bǔ)充：
（1）、過(guò)濾函數(shù)：（$_SERVER['HTTP_ERFERER']進(jìn)入當(dāng)前頁(yè)面的上一個(gè)頁(yè)面的url地址;）
filter_has_var();判斷是否存在
filter_input();
filter_var();
（2）、serialize();序列化，寫入cookie時(shí)
unserialize(); 反序列化，讀取cookie時(shí)需要先反序列化
（3）、數(shù)組操作：
array_push($arr,$a);將$a入棧$arr;
array_pop($arr);將$arr最后一個(gè)元素出棧；
array_filter($arr,callback);$arr要循環(huán)的數(shù)組,callback回調(diào)函數(shù)，返回過(guò)濾后符合回調(diào)函數(shù)的數(shù)組

批改老師：天蓬老師天蓬老師

批改狀態(tài)：合格

老師批語(yǔ)：界面實(shí)在找不到合適的詞來(lái)表?yè)P(yáng), 非常有個(gè)性.... 功能寫得不錯(cuò)
本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！
全部評(píng)論 文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議
0條評(píng)論
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長(zhǎng)！
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費(fèi)學(xué)