search

博客列表 >php中的Session和cookie

php中的Session和cookie

王娇
王娇原创
2020年05月12日 17:45:01702浏览

学习总结

  • session和cookie都可以保存用户的数据
  • cookie是把用户数据保存在客户端的浏览器上
  • session是把用户数据保存在服务器端的某个文件中
  • cookie如果不设置路径，默认只能同文件夹下的文件可以访问它的cookie值，如果想让整站都访问必须设置路径
  • session只要开启，就可以访问其中保存的值

1.首页index.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="stylesheet" href="css/index.css">
  8.     <title>首页</title>
  9. </head>
  11. <body>
  12.     <div class="container">
  13.         <div class="row">
  14.             <div class="header col-12">
  15.                 <div><a href=""><img src="images/logo.png" alt=""></a></div>
  16.                 <div class="nav">
  17.                     <div><a href="">首页</a></div>
  18.                     <div><a href="">商品推销</a></div>
  19.                     <div><a href="">商品展示</a></div>
  20.                 </div>
  21.                 <div class="slogin">
  22.                     <?php  
  23.                         session_start();
  24.                         if(isset($_SESSION['userNc'])):
  25.                     ?>
  26.                     <div>欢迎：<span style="color: red"><?php echo $_SESSION['userNc']; ?></span></div>
  27.                     <div><a href="session/handle.php?action=logout" target="main">退出</a></div>
  28.                     <?php
  29.                             else:
  30.                     ?>
  31.                     <div><a href="session/login.php" target="main">session登录</a></div>
  32.                     <div><a href="session/register.php" target="main">session注册</a></div>
  33.                     <?php    
  34.                             endif;
  35.                     ?>
  37.                 </div>
  38.                 <div class="clogin">
  39.                     <div><a href="cookie/login.php" target="main">cookie登录</a></div>
  40.                     <div><a href="cookie/register.php" target="main">cookie注册</a></div>
  41.                 </div>
  42.             </div>
  43.         </div>
  45.         <div class="row">
  46.             <div class="col-1"></div>
  47.             <div class="aside col-2">
  48.                 <div><a href="select.php" target="main"><span>查询商品</span> </a></div>
  49.                 <div><a href="insert.php" target="main"><span>添加商品</span> </a></div>
  50.                 <div><a href="update.php" target="main"><span>修改商品</span> </a></div>
  51.                 <div><a href="delete.php" target="main"><span>删除商品</span> </a></div>
  52.             </div>
  53.             <div class="main col-8">
  54.                 <iframe src="select.php" frameborder="0" width="100%" height="100%" id="main" name="main"></iframe>
  55.             </div>
  56.             <div class="col-1"></div>
  57.         </div>
  58.         <div class="row">
  59.             <div class="footer col-12">
  60.                 footer
  61.             </div>
  62.         </div>
  63.     </div>
  64. </body>
  66. </html>

1.1首页样式表index.css

  2. @import "reset.css";
  4. .container {
  5.   min-height: 600px;
  6.   margin-left: auto;
  7.   margin-right: auto;
  8.   display: grid;
  9.   gap: 5px;
  10. }
  11. /* 每行按12列的栅格布局 */
  12. .container > .row {
  13.   display: grid;
  14.   grid-template-columns: repeat(12, 1fr);
  15.   gap: 5px;
  16. }
  18. /* 页眉 */
  19. .container > .row > .header {
  20.   height: 60px;
  21.   background-color: darkturquoise;
  22.   display: flex;
  23.   flex-flow: row nowrap;
  24.   align-items: center;
  25. }
  27. .container > .row > .header div {
  28.   display: flex;
  29.   flex-flow: row nowrap;
  30.   align-items: center;
  31. }
  33. .container > .row > .header a {
  34.   height: 100%;
  35.   width: 100%;
  36.   padding: 0px 5px;
  37.   font-size: 1.2rem;
  38.   font-weight: bolder;
  39. }
  40. .container > .row > .header > .nav {
  41.   margin-left: 40px;
  42. }
  43. .container > .row > .header > .nav a {
  44.   padding: 0px 20px;
  45. }
  46. .container > .row > .header > .slogin {
  47.   margin-left: auto;
  48.   margin-right: 20px;
  49. }
  51. /* 左侧边栏 */
  52. .container > .row > .aside {
  53.   background-color: #ccc;
  54. }
  55. /* 侧边栏  */
  56. .container > .row > .aside {
  57.   min-height: 500px;
  58.   background-color: #ccc;
  59.   border-radius: 3px;
  60.   display: flex;
  61.   flex-flow: column nowrap;
  62.   padding: 5px;
  63. }
  64. /* 侧边栏导航 */
  65. .container > .row > .aside > div {
  66.   background-color: #58c4f2;
  67.   height: 40px;
  68.   margin: 2px 8px;
  69.   border-radius: 10px;
  70. }
  71. .container > .row > .aside > div > a {
  72.   width: 100%;
  73.   height: 100%;
  74.   display: flex;
  75.   justify-content: center;
  76.   align-items: center;
  77. }
  78. .container > .row > .aside > div > a > span {
  79.   font-size: 1.2rem;
  80.   letter-spacing: 2px;
  81. }
  83. .container > .row > .aside > div:hover {
  84.   background-color: lightgreen;
  85.   box-shadow: 0 0 5px #555;
  86. }
  87. /* 网页主体部分 */
  88. .container > .row > .main {
  89.   background-color: #ccc;
  90. }
  92. /* 除页眉页脚的中间部分 */
  93. .container > .row:nth-of-type(2) {
  94.   min-height: 600px;
  95. }
  96. /* 页脚 */
  97. .container > .row > .footer {
  98.   height: 165px;
  99.   background-color: darkturquoise;
  100. }
  101. .col-1 {
  102.   grid-column-end: span 1;
  103. }
  104. .col-2 {
  105.   grid-column-end: span 2;
  106. }
  107. .col-3 {
  108.   grid-column-end: span 3;
  109. }
  110. .col-4 {
  111.   grid-column-end: span 4;
  112. }
  113. .col-5 {
  114.   grid-column-end: span 5;
  115. }
  116. .col-6 {
  117.   grid-column-end: span 6;
  118. }
  119. .col-7 {
  120.   grid-column-end: span 7;
  121. }
  122. .col-8 {
  123.   grid-column-end: span 8;
  124. }
  125. .col-9 {
  126.   grid-column-end: span 9;
  127. }
  128. .col-10 {
  129.   grid-column-end: span 10;
  130. }
  131. .col-11 {
  132.   grid-column-end: span 11;
  133. }
  134. .col-12 {
  135.   grid-column-end: span 12;
  136. }
  • 首页效果展示

2.登录页面 login.php

  2. <link rel="stylesheet" href="../css/form.css">
  3. <div class="log">
  5.     <form action="handle.php?action=login" method="POST">
  6.         <h2>用户登录session</h2>
  7.         <div>
  8.             <label for="userNmae">邮箱：</label>
  9.             <input type="email" name="userName" id="userName" placeholder="请输入邮箱" require autofocus>
  10.         </div>
  11.         <div>
  12.             <label for="passWord">密码：</label>
  13.             <input type="password" name="passWord" id="passWord" placeholder="请输入密码" require>
  14.         </div>
  15.         <div>
  16.             <button type="submit">登录</button>
  17.         </div>
  18.         <div><a href="register.php">还没有账号，注册一个吧！</a></div>
  19.     </form>
  21. </div>
  • 登录页面

3.注册页面 register.php

  2. <link rel="stylesheet" href="../css/form.css">
  3. <div class="reg">
  5.     <form action="handle.php?action=regist" method="POST" onsubmit="return checkform(form)">
  6.         <h2>用户注册cookie</h2>
  7.         <div>
  8.             <label for="userNmae">注册邮箱：</label>
  9.             <input type="email" name="userName" id="userName" placeholder="angle@email.com" require autofocus>
  10.         </div>
  11.         <div>
  12.             <label for="userNc">注册昵称：</label>
  13.             <input type="text" name="userNc" id="userNc" placeholder="请输入昵称">
  14.         </div>
  15.         <div>
  16.             <label for="pwd1">注册密码：</label>
  17.             <input type="password" name="pwd1" id="pwd1" placeholder="请输入密码" require>
  18.         </div>
  19.         <div>
  20.             <label for="pwd2">确认密码：</label>
  21.             <input type="password" name="pwd2" id="pwd2" placeholder="请输入确认密码" require>
  22.         </div>
  23.         <div>
  24.             <button type="submit">注册</button>
  25.         </div>
  26.         <div>
  27.             <a href="login.php">我有账号，直接登录</a>
  28.         </div>
  29.         <script>
  30.         function checkform(form) {
  31.             //注册信息不能为空
  32.             for (i = 0; i < form.length; i++) {
  33.                 if (form.elements[i].value.trim() == "") {
  34.                     alert("请将注册信息填写完整！");
  35.                     form.elements[i].focus();
  36.                     return false;
  37.                 }
  38.             }
  39.             // 两次密码必须相同
  40.             if (form.pwd1.value.trim() !== form.pwd2.value.trim()) {
  41.                 alert("两次密码必须相同");
  42.                 form.pwd2.focus();
  43.                 return false;
  44.             }
  45.         }
  46.         </script>
  47.     </form>
  48. </div>
  • 注册页面

4.登录注册的样式表

  2. @import "reset.css";
  4. form {
  5.   margin-left: auto;
  6.   margin-right: auto;
  7.   margin-top: 20px;
  8.   background-color: darkcyan;
  9.   border-radius: 10px;
  10.   max-width: 500px;
  11.   min-height: 400px;
  12.   box-shadow: 0px 0px 2px #555;
  13.   display: flex;
  14.   flex-flow: column nowrap;
  15.   justify-content: space-evenly;
  16.   align-items: center;
  17. }
  19. form > h2 {
  20.   font-size: 2rem;
  21. }
  23. form label {
  24.   font-size: 1.5rem;
  25.   font-weight: bolder;
  26. }
  28. form input {
  29.   width: 150px;
  30.   height: 30px;
  31. }

5.登录和注册的处理页面

  2. <?php
  3. session_start();//开启session
  4. require '../autoLoad.php';
  6. use compotents\conn\DBconn;
  8. $user = new DBconn();
  9. $table = 'tb_user';
  10. $where = '*';
  11. $data = [];
  13. $action = $_GET['action'];
  14. switch($action):
  15.     //处理注册操作
  16.     case 'regist':
  17.         if($_SERVER['REQUEST_METHOD']==='POST'):
  18.             $name = trim($_POST['userName']);
  19.             $nc = trim($_POST['userNc']);
  20.             $pwd = md5(trim($_POST['pwd1']));
  21.             $tpwd = trim($_POST['pwd1']);
  22.             $rdate = date('Y-m-d'); 
  23.             $data = ['name'=>"$name",'nc'=>"$nc",'password'=>"$pwd",'tpassword'=>"$tpwd",'regdate'=>"$rdate"];
  24.             //先判断一下用户名是否已经注册
  25.             $where = "`name`='$name'";
  26.             $res = $user->select($table,$where);
  27.             if(count($res)):
  28.                 exit('<script>alert("邮箱已经注册过了，可直接登录");location.href="login.php";</script>');
  30.             else:
  31.                 $rowCount = $user->insert($table,$data); //返回受影响的记录条数
  32.                 if($rowCount):  
  33.                     exit('<script>alert("注册成功");location.href="login.php";</script>');
  34.                 else:
  35.                     exit('<script>alert("注册失败");location.href="register.php";</script>');
  36.                 endif;
  37.             endif;
  39.         else:
  40.             die('请求类型错误！');
  41.         endif;
  42.     break;
  43.     //处理登录操作
  44.     case 'login':
  45.         if($_SERVER['REQUEST_METHOD']==='POST'):
  46.             $name = trim($_POST['userName']);
  47.             $pwd = md5(trim($_POST['passWord']));
  48.             $where = "`name`='$name' and `password`='$pwd'";
  49.             $res = $user->select($table,$where);
  50.             if(count($res)):
  51.                 $nc = $res[0]['nc'];
  52.                 $_SESSION['userNc'] = $nc;//写入session
  53.                 exit('<script>alert("登录成功");location.href="../select.php";</script>');
  54.             else:
  55.                 exit('<script>alert("登录失败，用户名或密码错误");location.href="login.php";</script>');
  56.             endif;
  57.         else:
  58.             die('请求类型错误！');
  59.         endif;
  60.     break;
  61.     //处理退出操作
  62.     case 'logout':
  63.         if(isset($_SESSION['userNc'])):
  64.             session_destroy();//清除session的值
  65.             exit('<script>alert("退出成功");location.href="login.php";</script>');
  66.         endif;
  67.     break;
  68.     default:
  69.         echo '不存在此操作';
  70. endswitch;
  72. ?>
  2. <?php
  3.     setcookie('userNc',$nc); //设置cookie
  4. ?>
  • 未登录不允许进行添加，更新和删除操作,在文件头部进行session判断
  2. <?php
  4. session_start();
  5. if(!(isset($_SESSION['userNc']))):
  6.     exit('<script>alert("您还未登录，请登录后操作");location.href="session/login.php";</script>');
  7. endif;
  9. ?>

  • 未登录

  • 登录成功

上一条：html学习：第6章 细说css选择器下一条：php学习：第19章 细说文件上传原理与实战（单文件、多个单文件、批量文件）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多