web前端增加後台資料庫

隨著網路的快速發展，越來越多的企業和機構開始重視網站的建置和開發，而 web 前端作為網站的門面，對於使用者體驗和頁面展示有著至關重要的作用。但只有前端的網站，無法滿足使用者的需求，許多的資訊和互動都需要透過後台資料庫來實現，因此，前端工程師需要掌握如何增加後台資料庫的知識，才能更好地完成網站的開發。

一、後台資料庫的作用

網站不僅需要透過UI 介面向使用者展示信息，還需要儲存和處理大量的數據，這些資料可以用於會員管理、訂單處理、內容發布等多個方面。而後台資料庫則是儲存這些資料的地方，負責將資料從前端頁面傳輸到伺服器並進行管理和維護。

後台資料庫有很多種類型，像是 MySQL、Oracle、SQL Server、MongoDB 等，其中比較常用的是 MySQL，因為它簡單易用、相容性好、穩定性高。

二、連接後台資料庫

在 web 前端中，要存取後台資料庫，需要使用一種中間技術，通常是 PHP、Java、ASP.NET 等後端語言。以下是連接MySQL 資料庫的PHP 程式碼範例：

//连接数据库
$con = mysqli_connect('localhost','root','','test');
//设置编码格式
mysqli_set_charset($con,"utf8");
//检查连接是否成功
if (!$con) {
    die('Connect Error (' . mysqli_connect_errno() . ') ' . mysqli_connect_error());
}

上述程式碼首先使用mysqli_connect() 函數連接本地的MySQL 資料庫，接著使用mysqli_set_charset() 函數設定資料庫編碼為utf8，最後透過if語句檢查連接是否成功。如果連線不成功，就停止程式執行並傳回錯誤訊息。

三、增刪改查資料

在連接了後台資料庫之後，前端需要可以對資料庫中的資料進行增刪改查操作。以下以PHP 為例，介紹如何實作這些操作：

1. 插入資料

$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$insert = "INSERT INTO user (name, age, sex) VALUES ('$name', '$age', '$sex')";
if ($con->query($insert) === TRUE) {
    echo "插入成功！";
} else {
    echo "Error: " . $insert . "<br>" . $con->error;
}

上述程式碼使用SQL 語句將前端傳來的資料插入到MySQL 資料庫的user表中。注意到 $name、$age、$sex 三個變數是從表單中取得的 POST 資料。

2. 刪除資料

$id = $_GET['id'];
$delete = "DELETE FROM user WHERE id=$id";
if ($con->query($delete) === TRUE) {
    echo "删除成功！";
} else {
    echo "Error: " . $delete . "<br>" . $con->error;
}

上述程式碼使用 SQL 語句從 MySQL 資料庫的 user 表中刪除 ID 為 $id 的資料。 $id 變數是從 URL 取得的 GET 資料。

3. 修改資料

$id = $_POST['id'];
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$update = "UPDATE user SET name='$name', age='$age', sex='$sex' WHERE id=$id";
if ($con->query($update) === TRUE) {
    echo "修改成功！";
} else {
    echo "Error: " . $update . "<br>" . $con->error;
}

上述程式碼使用 SQL 語句修改 MySQL 資料庫的 user 表中 ID 為 $id 的資料。

4. 查詢資料

$sql = "SELECT * FROM user";
$result = mysqli_query($con,$sql);

if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        echo "ID:".$row["id"]." - Name:".$row["name"]." - Age:".$row["age"]." - Sex:".$row["sex"]."<br>";
    }
} else {
    echo "0 结果";
}
mysqli_close($con);

上述程式碼使用 SQL 語句查詢 MySQL 資料庫的 user 表中所有數據，並將結果展示在網頁上。

四、總結

在現代web 前端開發中，連接後台資料庫是必要的一步，只有建立了連接並實現了對資料庫的操作，網站才能真正實現功能和價值的提升。因此，前端工程師需要加強後台資料庫的學習與實踐，掌握連結、增刪改查等基本操作，不斷提升自己的技能，為網站的開發提供有效的支援。

以上是web前端增加後台資料庫的詳細內容。更多資訊請關注PHP中文網其他相關文章！