HTML5與PHP連接數據庫

HTML5是一種用于前端開發的標記語言，而PHP是一種用于服務器端開發的腳本語言。當我們需要在HTML5頁面中與數據庫進行交互時，我們可以使用PHP來連接和操作數據庫。

舉例來說，假設我們正在開發一個在線商店的網站。我們需要創建一個頁面，顯示商品的信息，并能夠讓用戶添加商品到購物車。這個頁面需要從數據庫中獲取商品信息，并將用戶選擇的商品添加到購物車的數據庫表中。

第一步：連接數據庫

<?php
$servername = "localhost"; //數據庫服務器
$username = "root"; //數據庫用戶名
$password = "password"; //數據庫密碼
$dbname = "shop"; //數據庫名稱
// 創建連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢查連接是否成功
if ($conn->connect_error) {
die("連接數據庫失敗: " . $conn->connect_error);
}
?>

首先，我們需要使用PHP代碼來連接到數據庫。在上面的示例中，我們使用mysqli類來創建一個與數據庫的連接。我們需要提供數據庫的服務器名、用戶名、密碼和數據庫名。如果連接成功，我們將得到一個有效的連接對象。

第二步：從數據庫中獲取數據

<?php
// 查詢數據庫中的商品信息
$sql = "SELECT * FROM products";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 輸出數據
while($row = $result->fetch_assoc()) {
echo "商品名稱: " . $row["name"]. " - 價格: " . $row["price"]. "元<br>";
}
} else {
echo "沒有找到任何商品";
}
?>

接下來，我們可以使用SQL查詢語句從數據庫中獲取商品信息。在上面的示例中，我們使用"SELECT * FROM products"來獲取數據庫表中的所有行。如果查詢成功，我們可以通過遍歷結果集并輸出每行的數據來顯示商品的名稱和價格。

第三步：將數據插入到數據庫中

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") { //檢查請求方法是否為POST
$productId = $_POST["productId"]; //獲取來自HTML表單的商品ID
// 使用SQL語句將商品ID插入到購物車表中
$sql = "INSERT INTO shopping_cart (product_id) VALUES ('$productId')";
if ($conn->query($sql) === TRUE) {
echo "已將商品添加到購物車";
} else {
echo "添加到購物車失敗：" . $conn->error;
}
}
?>

最后，我們可以使用PHP代碼將用戶選擇的商品ID插入到購物車的數據庫表中。在上面的示例中，我們檢查請求方法是否為POST，并獲取來自HTML表單的商品ID。然后，我們使用SQL語句將商品ID插入到購物車表中。如果插入成功，我們會顯示一條成功消息，否則會顯示一個錯誤消息。

綜上所述，我們可以使用HTML5與PHP連接數據庫。通過連接數據庫，我們能夠從數據庫中獲取數據并將數據插入到數據庫中，從而實現動態的頁面交互和數據存儲。