PHP 初學者：建立您的第一個資料庫驅動的 Web 應用程式-php教程-PHP中文網

首頁

後端開發

php教程

PHP 初學者：建立您的第一個資料庫驅動的 Web 應用程式

Susan Sarandon

Jan 06, 2025 am 01:23 AM

如果您剛開始使用 PHP，您可以承擔的最令人興奮的專案之一就是建立資料庫驅動的 Web 應用程式。這是了解後端如何運作、與資料庫互動並向使用者提供動態內容的好方法。

PHP for Beginners: Building Your First Database-Driven Web App

在本教程中，我們將使用 PHP 和 MySQL 建立一個簡單的 待辦事項清單應用程式。最後，您將擁有一個可以運行的應用程序，用戶可以在其中新增、檢視和刪除任務。

先決條件

在我們深入之前，請確保您已經：

PHP（7.4 或更高版本）
MySQL（或 MariaDB）
像 XAMPP 或 Laragon 這樣的本地伺服器
類似 VS Code 的程式碼編輯器

第 1 步：設定您的環境

安裝本機伺服器（例如 XAMPP）。
啟動 Apache 和 MySQL 服務。
導航到您的 Web 根目錄（XAMPP 的 htdocs）並建立一個名為 todo_app 的新資料夾。

第 2 步：建立資料庫

開啟 phpMyAdmin。
建立一個名為 todo_app 的新資料庫。
執行以下 SQL 查詢來建立任務表：

sql
CREATE TABLE tasks (
    id INT AUTO_INCREMENT PRIMARY KEY,
    task VARCHAR(255) NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

登入後複製

第 3 步：建立 HTML 前端

在 todo_app 資料夾中建立 index.php 檔案並新增以下 HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>To-Do List App</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div>




<hr>

<h2>
  
  
  Step 4: Handle Adding Tasks
</h2>

<p>Create a new file called <em>add_task.php</em> and add the following code:<br>
</p>

<pre class="brush:php;toolbar:false"><?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $task = $_POST['task'];

    // Connect to the database
    $conn = new mysqli("localhost", "root", "", "todo_app");

    // Insert the task into the database
    $stmt = $conn->prepare("INSERT INTO tasks (task) VALUES (?)");
    $stmt->bind_param("s", $task);
    $stmt->execute();

    $stmt->close();
    $conn->close();

    // Redirect back to the main page
    header("Location: index.php");
    exit();
}
?>

登入後複製

第 5 步：處理刪除任務

建立一個名為delete_task.php:
的新文件

<?php
if (isset($_GET['id'])) {
    $id = $_GET['id'];

    // Connect to the database
    $conn = new mysqli("localhost", "root", "", "todo_app");

    // Delete the task from the database
    $stmt = $conn->prepare("DELETE FROM tasks WHERE id = ?");
    $stmt->bind_param("i", $id);
    $stmt->execute();

    $stmt->close();
    $conn->close();

    // Redirect back to the main page
    header("Location: index.php");
    exit();
}
?>

登入後複製

第 6 步：新增一些 CSS（可選）

在同一資料夾中建立 styles.css 檔案來設定應用程式的樣式：

body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    color: #333;
    margin: 0;
    padding: 0;
}

.container {
    width: 50%;
    margin: 50px auto;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

h1 {
    text-align: center;
}

form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

form input {
    flex: 1;
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

form button {
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

form button:hover {
    background-color: #218838;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

ul li a {
    color: #dc3545;
    text-decoration: none;
}

登入後複製

第 7 步：運行您的應用程式

開啟瀏覽器並前往http://localhost/todo_app/index.php。
加入一些任務、查看它們並刪除它們。？

恭喜！您剛剛使用 PHP 和 MySQL 建立了第一個資料庫驅動的 Web 應用程式。這個簡單的專案為創建更複雜的應用程式奠定了基礎。嘗試新增任務優先順序或使用者身份驗證等功能。

如果您喜歡本教學課程，請發表評論或與其他開發人員分享。快樂編碼！？

以上是PHP 初學者：建立您的第一個資料庫驅動的 Web 應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7715

Java教學

1641

CakePHP 教程

1395

Laravel 教程

1289

PHP教程

1232

Related knowledge

支付寶PHP SDK轉賬報錯：如何解決'Cannot declare class SignData”問題？ Apr 01, 2025 am 07:21 AM

支付寶PHP...

在PHP API中說明JSON Web令牌（JWT）及其用例。 Apr 05, 2025 am 12:04 AM

JWT是一種基於JSON的開放標準，用於在各方之間安全地傳輸信息，主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時，可以生成和驗證JWT，並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大，調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

會話如何劫持工作，如何在PHP中減輕它？ Apr 06, 2025 am 12:02 AM

會話劫持可以通過以下步驟實現：1.獲取會話ID，2.使用會話ID，3.保持會話活躍。在PHP中防範會話劫持的方法包括：1.使用session_regenerate_id()函數重新生成會話ID，2.通過數據庫存儲會話數據，3.確保所有會話數據通過HTTPS傳輸。

描述紮實的原則及其如何應用於PHP的開發。 Apr 03, 2025 am 12:04 AM

SOLID原則在PHP開發中的應用包括：1.單一職責原則（SRP）：每個類只負責一個功能。 2.開閉原則（OCP）：通過擴展而非修改實現變化。 3.里氏替換原則（LSP）：子類可替換基類而不影響程序正確性。 4.接口隔離原則（ISP）：使用細粒度接口避免依賴不使用的方法。 5.依賴倒置原則（DIP）：高低層次模塊都依賴於抽象，通過依賴注入實現。