登录  /  注册
首页 > 博客列表 > 01月14日作业：登陆注册验证案例作业（cookie和session）
博主信息
博文 145
粉丝 7
评论 7
访问量 159495
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
01月14日作业：登陆注册验证案例作业（cookie和session）
李东亚¹⁸⁰³⁹⁵⁴⁰¹²⁰
原创
994人浏览过

作业一 cookie版

1、代码：

1、首页代码

  1. //判断登陆状态，输出显示登陆状态变量（没有学JS利用PHP的if语句来判断输出登陆和登出状态）
  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='用户注册';
  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>种业圈</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.                 //根据判断输出的变量信息显示登陆状态
  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、登陆页面代码：

  2. if (filter_has_var(INPUT_COOKIE,'user')) {
  4.     exit('<script>alert("请勿重复登陆");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="请输入你的账号" required>
  85.         <label for="pwd1"><span>密 码：</span></label>
  86.         <input type="password" name="pwd" id="pwd" placeholder="请输入你的密码" required>
  87.         <input type="submit" value="登陆">
  88.         <input type="reset" value="重置">
  89.     </form>
  90.     <div>
  91.         <span>没有账号，请点此处 <a href="0114register.php">注册</a> </span>
  92.     </div>
  94. </div>
  97. </body>
  98. </html>

3、注册页面代码（利用之前做的页面没有做修改，但只利用用户名和密码1、密码2三项，其他项不考虑）：

  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>新用户注册</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="请输入你的账号" required>
  78.         <label for="pwd1"><span>密 码：</span></label>
  79.         <input type="password" name="pwd1" id="pwd1" placeholder="请输入你的密码" required>
  80.         <label for="pwd2"><span>密 码：</span></label>
  81.         <input type="password" name="pwd2" id="pwd2" placeholder="请再次输入你的密码" required>
  82.         <label for="email"><span>邮箱</span></label>
  83.         <input type="email" name="email" id="email" placeholder="请输入邮箱" required>
  84.         <label for="tel"><span>电话</span></label>
  85.         <input type="tel" name="tel" id="tel" placeholder="请输入手机号" 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>兴趣爱好</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="注册">
  99.         <input type="reset" value="重置">
  100.     </form>
  101.     <div>
  102.         <span>已有账号，请点此处 <a href="0114login.php">登陆</a> </span>
  103.     </div>
  105. </div>
  108. </body>
  109. </html>

4、验证页面代码：

  2. //验证来源的合法性
  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.     //来判断是登陆还是注册
  22.     switch ($action) {
  23.         case 'login' ://登陆验证
  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("验证通过");location.href="0114index.php"</script>');
  39.             } else {
  40.                 exit('<script>alert("邮箱或密码错误,或没有帐号");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' ://注册操作
  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("注册成功");location.assign("0114index.php");</script>');
  62.                 }
  64.             }
  65.             break;
  66.         default:
  67.             exit();
  68.     }
  70. } else {
  71.     echo '不在白名单';
  72.     die;
  73. }

测试效果图

1、首页效果（未登陆）

2、首页（登陆）

3、登陆和注册页面：


4、登陆页面（登陆状态进入）:

作业二session版

由于session版的效果跟cookies的一直，所以只上传关键代码
1、首页代码：（通过$_SESSION[];）判断登陆状态

  1. session_start();//开启会话
  2. if (isset($_SESSION['user'])) {
  3.     $users=$_SESSION['user']
  4.     $status='退出';
  5.     $status_url='0114verify.php?action=logout';
  6. }else {
  7.     $users='用户注册';
  8.     $user_url='0114register.php';
  9.     $status='登陆';
  10.     $status_url='0114login.php';
  11. }
  14. ?>

2、登录页代码：（判断登陆状态，禁止重复登陆）

  1. session_start();//开启会话
  2. if (isset($_SESSION['user'])) {
  3.    exit('<script>alert("请不要重复登录");location.href="0114index.php"</script>');
  4. }

3、验证页代码：

  1. //1、先开启session会话
  2. session_start();
  3. //验证来源合法性，和cookies一样
  4. ………………
  5. //分发处理
  6. ……………………
  7. //1、登陆处理:创建session ,（通过session[];保存登录信息到服务器）
  8. session['user']=$result;
  9. ……………………
  10. //2、退出处理：
  11. session_destroy();
  13. ……………………

总结：

1、知识点：

1、cookie相关知识点：
（1）、setcookie('name','值信息','失效时间');
（2）、读取cookie信息：$_COOKIE['变量名'];
（3）、删除cookie信息：setcookie('name',null,time()-1);
2、session相关知识点：
（1）、session_start();开启会话，调用session必须先开启会话
（2）、读取session信息：$_SESSION['变量名'];
（3）、结束当前会话删除session会话信息：session_destroy();
unset($_SESSION['']);注销单个会话
3、相关知识补充：
（1）、过滤函数：（$_SERVER['HTTP_ERFERER']进入当前页面的上一个页面的url地址;）
filter_has_var();判断是否存在
filter_input();
filter_var();
（2）、serialize();序列化，写入cookie时
unserialize(); 反序列化，读取cookie时需要先反序列化
（3）、数组操作：
array_push($arr,$a);将$a入栈$arr;
array_pop($arr);将$arr最后一个元素出栈；
array_filter($arr,callback);$arr要循环的数组,callback回调函数，返回过滤后符合回调函数的数组

批改老师：天蓬老师天蓬老师

批改状态：合格

老师批语：界面实在找不到合适的词来表扬, 非常有个性.... 功能写得不错
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录