溫馨提示×

PHP中如何創(chuàng)建todo列表應(yīng)用

PHP
小樊
83
2024-08-23 07:12:34
欄目: 編程語言

要創(chuàng)建一個todo列表應(yīng)用，你可以使用PHP編寫一個簡單的Web應(yīng)用，并結(jié)合HTML和CSS來呈現(xiàn)界面。以下是一個簡單的示例：

  1. 創(chuàng)建一個數(shù)據(jù)庫表來存儲todo列表的數(shù)據(jù)，例如：
CREATE TABLE todos (
    id INT AUTO_INCREMENT PRIMARY KEY,
    task VARCHAR(255) NOT NULL,
    completed TINYINT(1) DEFAULT 0
);
  1. 創(chuàng)建一個PHP文件來連接數(shù)據(jù)庫并處理todo列表的操作，例如：
<?php
// 連接數(shù)據(jù)庫
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "todo_list";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// 處理新增todo任務(wù)
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['task'])) {
    $task = $_POST['task'];

    $sql = "INSERT INTO todos (task) VALUES ('$task')";
    $conn->query($sql);
}

// 獲取todo列表
$sql = "SELECT * FROM todos";
$result = $conn->query($sql);

// 顯示todo列表
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<input type='checkbox' id='task_" . $row['id'] . "' ";
        if ($row['completed'] == 1) {
            echo "checked";
        }
        echo ">";
        echo "<label for='task_" . $row['id'] . "'>" . $row['task'] . "</label><br>";
    }
} else {
    echo "No tasks found.";
}

$conn->close();
?>
  1. 創(chuàng)建一個HTML文件來呈現(xiàn)todo列表的界面，例如：
<!DOCTYPE html>
<html>
<head>
    <title>Todo List</title>
</head>
<body>
    <h1>Todo List</h1>
    
    <form action="" method="post">
        <input type="text" name="task" placeholder="Enter a new task">
        <button type="submit">Add Task</button>
    </form>
    
    <div id="tasks">
        <?php include 'todolist.php'; ?>
    </div>
</body>
</html>

通過以上步驟，你可以創(chuàng)建一個簡單的todo列表應(yīng)用，用戶可以添加新的任務(wù)并將任務(wù)標(biāo)記為已完成。你可以根據(jù)需要擴展這個應(yīng)用，添加更多功能和樣式。

0 踩