Day27 [網站登入]

2017 iT 邦幫忙鐵人賽

DAY 28

Modern Web

網頁程式設計so easy系列第 28 篇

2017鐵人賽

smallone1

2016-12-28 19:46:35

15658 瀏覽

分享至

首先先將上一篇的table(test資料庫、account資料表)加上密碼欄位(password)並填入資料

登入頁程式碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>login.php</title>
</head>
<body>
<?php
session_start();  // 啟用交談期
$name = "";  $password = "";
// 取得表單欄位值
if ( isset($_POST["name"]) )
   $name = $_POST["name"];
if ( isset($_POST["password"]) )
   $password = $_POST["password"];
// 檢查是否輸入使用者名稱和密碼
if ($name != "" && $password != "") {
   // 建立MySQL的資料庫連接 
   $link = mysqli_connect("localhost","root",
                          "1234","test")
        or die("無法開啟MySQL資料庫連接!<br/>");
   //送出UTF8編碼的MySQL指令
   mysqli_query($link, 'SET NAMES utf8'); 
   // 建立SQL指令字串
   $sql = "SELECT * FROM account WHERE password='";
   $sql.= $password."' AND name='".$name."'";
   echo $name;
   echo $password;
   // 執行SQL查詢
   $result = mysqli_query($link, $sql);
   $total_records = mysqli_num_rows($result);
   // 是否有查詢到使用者記錄
   if ( $total_records > 0 ) {
      // 成功登入, 指定Session變數
      $_SESSION["login_session"] = true;
      header("Location: index.php");
   } else {  // 登入失敗
      echo "<center><font color='red'>";
      echo "使用者名稱或密碼錯誤!<br/>";
      echo "</font>";
      $_SESSION["login_session"] = false;
   }
   mysqli_close($link);  // 關閉資料庫連接  
}
?>
<form action="login.php" method="post" >
  <div align="center" style="background-color:#82FF82;padding:10px;margin-bottom:5px;">
    <br>
    <label for="name">帳號:</label>
    <input type="text" name="name" id="name" required autofocus/>
    <br>  
    <br> 
    <label for="password">密碼:</label>
    <input type="password" name="password" id="password" required/>
    <br>
    <br>
    <input type="submit" value="登入"/>
  </div>
</form>
</body>
</html>

登入頁：

登入後頁面程式碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>index.php</title>
</head>
<body>
<?php
session_start();  // 啟用交談期
// 檢查Session變數是否存在, 表示是否已成功登入
if ( $_SESSION["login_session"] != true ) 
   header("Location: login.php");
echo "歡迎使用者進入網站!<br/>";
?>
</body>
</html>

登入成功後頁面：