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

搜索
博主信息
博文 32
粉絲 2
評(píng)論 0
訪問量 37119
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
用戶登錄驗(yàn)證簡(jiǎn)單案例
簡(jiǎn)行
原創(chuàng)
1387人瀏覽過

用戶登錄驗(yàn)證簡(jiǎn)單案例

文檔說明（圖片）：

1.Connect.php

  1. <?php
  2. namespace demo_MVC;
  3. //數(shù)據(jù)庫(kù)參數(shù)
  4. class Connect{
  6.    private $param =[
  7.         'DB_HOST'=>'localhost',
  8.         'DB_TYPE'=>'mysql',
  9.         'DB_NAME'=>'my_user',
  10.         'DB_PASSWORD'=>'root123',
  11.         'DB_USER'=>'root',
  12.         'DB_CHARSET'=>'utf8',
  13.         'DB_PORT'=>'3306'
  14.     ];
  16.     // public $dsn = "mysql:host=localhost;dbname=my_user;charset=utf8";
  18.     //連接數(shù)據(jù)
  20.     public  function link(){
  21.         try{
  22.             //連接數(shù)據(jù)款
  23.            return $pdo = new \PDO("mysql:host=localhost;dbname=my_user;charset=utf8",$this->param['DB_USER'],$this->param['DB_PASSWORD']);
  25.         } catch(\PDOException $e){
  26.             //捕捉特定于數(shù)據(jù)庫(kù)信息的PDOEXCEPTION 異常
  27.             echo  $e->getMessage();
  29.         } catch(\Throwable $e){
  30.             //捕捉擁有Throwable接口的錯(cuò)誤或者其他異常
  31.             echo $e->getMessage();
  33.         }
  35.     }
  36. }

2.Model.php

  1. <?php 
  3. namespace demo_MVC;
  4. //加載數(shù)據(jù)庫(kù)連接
  5. require "./connect.php";
  6. //開啟session會(huì)話
  7. session_start();
  9. class Model extends Connect
  10. {
  11.     //驗(yàn)證
  12.     public function checked($data){
  13.         $pdo = parent::link();
  14.         $sql = "SELECT * FROM  `mu_user` WHERE `username`=?";
  15.         $stm = $pdo ->prepare($sql);
  16.         $stm ->bindParam(1,$data['username']);
  17.         $stm ->execute();
  18.         $result = $stm ->fetch();
  19.         if($result && $result['password'] == md5($data['password'])){
  20.             $arr['status'] =200;
  21.             $arr['msg'] ="登錄成功";
  22.         }else{
  23.             $arr['status'] =100;
  24.             $arr['msg'] ="賬號(hào)或密碼有誤";
  25.         }
  26.         return $arr;
  27.     }
  28. }
  30. if(strtolower($_POST['code']) == strtolower($_SESSION['codenum'])){
  31.     $model = new Model();
  32.     $res  = $model->checked($_POST);
  33. }else{
  34.     $res['status'] = 100; 
  35.     $res['msg'] = '驗(yàn)證碼有誤'; 
  36. }
  37. echo json_encode($res);

3.code.php

  1. <?php
  2. require_once __DIR__.'/composer/vendor/autoload.php';
  4. use Gregwar\Captcha\CaptchaBuilder;
  5. //開啟session會(huì)話
  6. session_start();
  7. //獲取驗(yàn)證圖片
  8. $captcha = new CaptchaBuilder;
  9. $captcha->build()->save('out.jpg');
  10. $_SESSION["codenum"] = $captcha ->getPhrase();
  11. $data['code'] = $captcha ->inline();
  13. echo json_encode($data);

4.login.html

  1. <?php
  4.   require "./code.php";
  7. ?>
  9. <!DOCTYPE html>
  10. <html lang="en">
  11.   <head>
  12.     <meta charset="UTF-8" />
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14.     <title>登錄</title>
  15.   </head>
  16.   <style>
  17.     h2 {
  18.       text-align: center;
  19.     }
  21.     form {
  22.       width: 350px;
  23.       border: 1px solid;
  24.       margin-left: 38%;
  25.       background-color: beige;
  26.     }
  27.     form div {
  28.       margin: 15px 15px;
  29.       display: flex;
  30.       flex-direction: column;
  31.     }
  32.     form div input {
  33.       margin: 10px 0px;
  34.     }
  35.     img {
  36.       width: 200px;
  37.     }
  38.     img:hover {
  39.       cursor: pointer;
  40.     }
  41.     button:hover {
  42.       cursor: pointer;
  43.     }
  44.     span {
  45.       font-size: 1.5rem;
  46.     }
  47.     .reslut {
  48.       width: 350px;
  49.       margin-left: 38%;
  50.       margin-top: 20px;
  51.       background-color: rgb(147, 197, 193);
  52.     }
  53.     .reslut > span:nth-of-type(2) {
  54.       color: chocolate;
  55.     }
  56.   </style>
  57.   <body>
  58.     <h2>登 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;錄</h2>
  60.     <form action="" method="POST" onsubmit="return false">
  61.       <div>
  62.         <label for="username">賬號(hào)：</label>
  63.         <input type="text" name="username" id="username" />
  64.       </div>
  65.       <div>
  66.         <label for="password">密碼：</label>
  67.         <input type="password" name="password" id="password" />
  68.       </div>
  69.       <div>
  70.         <label for="code">驗(yàn)證碼：</label>
  71.         <input type="text" name="code" id="code" />
  72.         <img src="" onclick="getcode()" id="codeimg" />
  73.       </div>
  74.       <div>
  75.         <button>登錄</button>
  76.       </div>
  77.     </form>
  78.     <div class="reslut">
  79.       <span>登錄結(jié)果:</span>
  80.       <span></span>
  81.     </div>
  82.   </body>
  83.   <script type="text/javascript">
  84.     //立即調(diào)用函數(shù)
  85.     (function () {
  86.       getcode();
  87.     })();
  89.     //ajax--GET請(qǐng)求方式獲取驗(yàn)證碼圖片
  90.     function getcode() {
  91.       //創(chuàng)建ajax對(duì)象
  92.       var xhr = new XMLHttpRequest();
  93.       //監(jiān)聽請(qǐng)求
  94.       xhr.onreadystatechange = function () {
  95.         if (xhr.readyState == 4 && xhr.status == 200) {
  96.           // // xhr.responseText:保存請(qǐng)求成功后的文本數(shù)據(jù)，是個(gè)json字符串，必須用JSON.parse()轉(zhuǎn)換js對(duì)象
  97.           var data = JSON.parse(xhr.responseText);
  98.           document.getElementById("codeimg").src = data["code"];
  99.         }
  100.       };
  101.       //初始化請(qǐng)求參數(shù)
  102.       xhr.open("GET", "code.php");
  103.       //發(fā)送請(qǐng)求
  104.       xhr.send(null);
  105.     }
  106.     //ajax--POST請(qǐng)求方式驗(yàn)證登錄
  107.     var btn = document.querySelector("form button");
  108.     var form = document.querySelector("form");
  109.     btn.addEventListener("click", function () {
  110.       var xhr = new XMLHttpRequest();
  112.       xhr.onreadystatechange = function () {
  113.         if (xhr.readyState == 4 && xhr.status == 200) {
  114.           // // xhr.responseText:保存請(qǐng)求成功后的文本數(shù)據(jù)，是個(gè)json字符串，必須用JSON.parse()轉(zhuǎn)換js對(duì)象
  115.           var obj = JSON.parse(xhr.responseText);
  116.           var reslut = document.querySelector(".reslut");
  117.           reslut.children[1].innerText = obj["msg"];
  118.         }
  119.       };
  120.       // 初始化請(qǐng)求參數(shù)
  121.       xhr.open("POST", "Model.php");
  122.       // 使用FormData來組織數(shù)據(jù),最終仍是以表單數(shù)據(jù)方式發(fā)送
  123.       var data = new FormData(form);
  124.       //發(fā)送請(qǐng)求
  125.       xhr.send(data);
  126.     });
  127.   </script>
  128. </html>

效果圖：

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

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

老師批語(yǔ)：做之前,做好規(guī)劃, 會(huì)好很多
本博文版權(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é)