html頁面通過http訪問mysql數據庫中的內容,實現用戶登錄的功能


需求:

  通過html編寫用戶登錄頁面,頁面內容包括用戶名、密碼和登錄按鈕,點擊登錄后訪問login.php文件,使用按鈕默認的submit提交用戶名和密碼,在login.php中訪問mysql數據庫,查找是否存在用戶名和密碼均相同的項,然后通過判斷$mysqli->num_rows是否為0,為0時表示數據庫中沒有相同的數據,通過echo向html頁面返回‘失敗’的信息,反之則返回‘成功’

源碼:

login.html

<!DOCTYPE html>
<html>
 <head>
  <title>用戶登錄界面</title>
  <meta charset="UTF-8" />
 </head>
 <body>
  <filedset>
   <legend>用戶登錄界面</legend>
   <form id='myform' action='login.php' method='post'>
    <table>
     <tr>
      <td>用戶名:</td>
      <td><input type='text' id='userName' name='username'></td>
     </tr>
     <tr>
      <td>密   碼:</td>
      <td><input type='text' id="passWord" name='password'></td>
     </tr>
     <tr>
      <td></td>
      <td><input type='submit' value='登錄'></td>
     </tr>
    </table>
    
   </form>
  </filedset>
 </body>
</html>

 

login.php

<?php
 header('Content-Type:text/html; charset=utf-8;');
 $username=$_POST['username'];
 $password=$_POST['password'];
 $mysqli=new mysqli('127.0.0.1','root','','day1','3306');
 $sql="select * from people where username='$username' AND password='$password'";
 $mysqli->query("SET NAMES UTF8");
 $result=$mysqli->query($sql);
 if($result->num_rows!=0){
  echo '成功';
 }else{
  echo '錯誤';
 }
 $mysqli->close();
?>

 

結果圖:

初始界面

錯誤信息填寫

錯誤信息登錄后返回的結果

正確填寫信息

正確信息返回結果

使用到的工具:記事本(注意代碼中的編碼問題,將后綴名.txt改為.php或者.html時要記得另存為並選擇編碼為utf-8),XMAPP(集成mysql和apache,歐鵬瀏覽器)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM