WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

2-4. mysqli 擴展函式 新增留言

準備 mb_index.php 檔案中的 HTML 部份

<h1>留言牆</h1>
 
<form method="post" action="mb_index.php" class="mbForm">
  <input type="text" name="mb_name" maxlength="20" required placeholder="請輸入留言者姓名">
  <textarea name="mb_content" rows="5" required placeholder="請輸入留言內容....."></textarea>
  <input type="submit" value="確定新增留言">
  <input type="reset" value="清除重寫">
</form>

準備 mb_index.php 檔案中的 CSS 部份

<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { max-width: 1200px; margin: 20px auto; color: #000; }
  form { width: 700px; margin: 20px auto;}
  input,textarea { display: block; width: 100%; margin: 5px; font-size: 16px; padding: 5px; }
  h1 { text-align: center; }
  h2 { background-color: lightgray; padding: 5px; font-size: 16px; }
  p { margin: 10px; }
  .block { background-color: #afe2f7; margin: 20px 0;}
</style>

設計將資料新增到資料庫

完成了輸入留言的表單之後,最後就是將輸入的資料傳出儲存到資料庫了。

<?php
//連線資料庫
//require()負責引入檔案,require_once()也是引入檔案但會先檢查是否已引入可避免重複引入
//include()負責引入檔案,include_once()也是引入檔案但會先檢查是否已引入可避免重複引入
//include()如果有誤時不會停下來,會繼續往下執行,可以使用在內容區、重覆使用的迴圈中
//require()如果有誤時會終止程式,頁面不會再往下執行,通常是用在頁面上方一開始的工作
require_once('../shared/conn.php');   //conn.php檔案負責連線資料庫
include('../shared/assist.php');      //assist.php檔案負責時區設定與session功能啟動
//目前沒有需要時區及session功能, 所以 assist.php 檔案也可以不引入
 
//判斷是否要新增資料===========================================
//假如收到來自留言牆表單的資料===>新增資料到資料庫
if( isset($_POST['mb_name']) ){
  //接收到表單傳來的資料------------------------
  $mb_name    = $_POST['mb_name'];
  $mb_content = $_POST['mb_content'];
 
  //存回資料庫--------------------------------
  //以變數$sql_str先記錄要求資料庫做事的語法
  //-SQL語法--新增進去  mb資料表  (欄位1, 欄位2....) VALUES ( 值1, 值2 ..... )
  $sql_str = "INSERT INTO mb (mb_name, mb_content) 
                    VALUES ('$mb_name', '$mb_content')";
 
  //透過$conn的連結, 將上述語法帶入資料庫執行
  $result = mysqli_query($conn, $sql_str);
 
  //前往指定頁面
  header('Location:mb_index.php');
}
?>

 

 

go TOP