Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 0513会话控制作业
Blogger Information
Blog 34
fans 0
comment 0
visits 18399
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0513会话控制作业
千山暮雪
Original
452 people have browsed it

1.登陆页前端 login.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  7. </head>
  8. <body>
  9. <form  id="loginForm">
  10.     <table>
  11.         <tr>
  12.             <td><label for="username">用户名:</label></td>
  13.             <td><input type="text" required autofocus placeholder="请输入用户名" name="username" id="username"></td>
  14.         </tr>
  15.         <tr>
  16.             <td><label for="password">密码:</label></td>
  17.             <td><input type="password" required autofocus placeholder="请输入密码" name="password" id="password"></td>
  18.         </tr>
  19.         <tr>
  20.             <td><img src="gd_captcha.php" alt="验证码" onclick="reloadImg()" id="img"></td>
  21.             <td><input type="text" name="captcha" id="captcha" placeholder="请输入验证码"></td>
  22.         </tr>
  23.         <tr>
  24.             <td></td>
  25.             <td><input type="button" value="登陆" id="btn" onclick="dologin()"></td>
  26.         </tr>
  27.     </table>
  29. </form>
  30. <script>
  31.     // 重新生成验证码
  32.     function reloadImg() {
  33.         $('#img').attr('src', "gd_captcha.php?id="+Math.random());
  34.     }
  35.     // 回车登陆
  36.     $('#btn').keydown(function (e) {
  37.         if (e.keyCode == 13) {
  38.             dologin();
  39.         }
  40.     });
  41.     // 登陆
  42.     function dologin() {
  43.         let username = $.trim($('#username').val()),
  44.             password = $.trim($('#password').val()),
  45.             captcha = $.trim($('#captcha').val());
  46.         if (username == '') {
  47.             alert('请输入用户名');
  48.             return false;
  49.         }
  50.         if (password == '') {
  51.             alert('请输入密码');
  52.             return false;
  53.         }
  54.         if (captcha == '') {
  55.             alert('请输入验证码');
  56.             return false;
  57.         }
  59.         $.post('dologin.php', {'username': username, 'password': password, 'captcha': captcha}, function (res) {
  60.             if (res.code > 0) {
  61.                 alert(res.msg);
  62.                 reloadImg();
  63.             } else {
  64.                 alert(res.msg);
  65.                 setTimeout(() => {
  66.                     window.location.href = 'index.php'
  67.                 }, 1000);
  69.             }
  70.         }, 'json')
  71.     }
  72. </script>
  73. </body>
  74. </html>

2.处理登陆 dologin.php

  1. <?php
  2. require 'connect.php';
  3. session_start();
  5. $username = $_POST['username'];
  6. $password = $_POST['password'];
  7. $captcha = strtolower($_POST['captcha']);
  9. if ($username == '') {
  10.     exit(json_encode(array('code' => 1, 'msg' => '用户名不能为空')));
  11. }
  12. if ($password == '') {
  13.     exit(json_encode(array('code' => 1, 'msg' => '密码不能为空')));
  14. }
  15. if ($captcha == '') {
  16.     exit(json_encode(array('code' => 1, 'msg' => '验证码不能为空')));
  17. }
  18. // 验证验证码
  19. if ($captcha != strtolower($_SESSION['captcha'])) {
  20.     exit(json_encode(array('code' => 1, 'msg' => '验证码不正确')));
  21. }
  22. // 验证用户
  23. $sql = "SELECT `username`,`password` FROM `users` WHERE `username`= ?; ";
  25. $stmt = $pdo->prepare($sql);
  26. $stmt->execute([$username]);
  27. $user  = $stmt->fetch();
  29. if ($user == false) {
  30.     exit(json_encode(array('code' => 1, 'msg' => '用户名不存在')));
  31. }
  32. if (md5($user['username'].$password) != $user['password']) {
  33.     exit(json_encode(array('code' => 1, 'msg' => '密码错误')));
  34. }
  35. // 验证成功后设置session
  36. $_SESSION['username'] = $username;
  37. exit(json_encode(array('code' => 0, 'msg' => '登陆成功')));

connect.php

  1. $dsn = 'mysql:host=127.0.0.1;port=3306;dbname=user';
  2. $username = 'root';
  3. $password = 'root123';
  4. $pdo = new PDO($dsn, $username, $password);

3.登陆成功后到主页index.php

  1. <?php
  2. session_start();
  3. echo $_SESSION['username']. '登陆成功';
  4. ?>
  5. <button name="logout" id="logout">安全退出</button>
  6. <script>
  7.     const btn = document.querySelector('#logout');
  8.     btn.onclick = (() => location.href='dologout.php')
  9. </script>

4.安全退出dologout.php

  1. session_start();
  3. session_destroy();
  5. exit('退出成功');
Correcting teacher：灭绝师太灭绝师太

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post