构建简单待办事项列表
使用 PHP 和 HTML 创建基本的待办事项列表应用
构建简单待办事项列表 是 CoddyKit 上的免费 PHP Academy 课时。 这是第 1 节课，共 2 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 PHP Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 PHP Academy 课程共包含 2 节课。
待办事项列表项目简介
构建简单的待办事项列表
欢迎学习如何构建简单的待办事项列表！在这个项目中，您将学习如何创建 PHP 应用程序来添加、显示和删除任务。让我们开始吧！
设置项目
设置项目
开始之前，请确保您具备以下内容：
- 一个网络服务器，例如 XAMPP 或 WAMP。
- 一个文本编辑器或集成开发环境（例如 VS 的代码编辑器）。
- 项目目录中名为
todo.php的文件。
要点：此项目将使用 PHP 会话暂时存储任务。
创建基本 HTML 结构
创建基本 HTML 结构
首先为待办事项列表应用程序创建页面布局。示例：
提示：使用 ul 元素显示任务列表。
<!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</title>
</head>
<body>
<h1>To-Do List</h1>
<form action="todo.php" method="post">
<input type="text" name="task" placeholder="Enter a new task" required>
<button type="submit" name="add">Add Task</button>
</form>
<ul>
<!-- Task list will appear here -->
</ul>
</body>
</html>
启动 PHP 会话
启动 PHP 会话
使用 PHP 会话在不同请求之间存储任务。将以下代码添加到 todo.php 文件的顶部：
要点：会话可以让您在不同页面之间浏览时保留数据。
<?php
session_start();
if (!isset($_SESSION['tasks'])) {
$_SESSION['tasks'] = [];
}
?>
将任务添加到列表
向列表中添加任务
处理表单提交，将新任务添加到会话中。示例：
提示：使用 trim() 移除用户输入中不必要的空格。
<?php
if (isset($_POST['add'])) {
$task = trim($_POST['task']);
if (!empty($task)) {
$_SESSION['tasks'][] = $task;
}
}
?>
显示任务列表
显示任务列表
使用循环显示存储在会话中的任务。示例：
要点：每个任务都包含一个删除按钮，可将其从列表中移除。
<ul>
<?php
if (!empty($_SESSION['tasks'])) {
foreach ($_SESSION['tasks'] as $key => $task) {
echo "<li>$task <form style='display:inline;' method='post'><button type='submit' name='delete' value='$key'>Delete</button></form></li>";
}
} else {
echo "<li>No tasks added yet.</li>";
}
?>
</ul>
删除任务
删除任务
处理删除按钮的提交，以移除任务。示例：
提示：重新索引可确保删除后任务索引保持一致。
<?php
if (isset($_POST['delete'])) {
$key = $_POST['delete'];
unset($_SESSION['tasks'][$key]);
$_SESSION['tasks'] = array_values($_SESSION['tasks']); // Re-index the array
}
?>
改进应用程序
改进应用程序
您可以添加以下改进：
- 使用 CSS 设置应用程序的样式，以获得更好的用户界面。
- 使用 JavaScript 在删除任务前添加确认对话框。
- 将任务存储在数据库中，以实现持久化数据存储。
要点：改进可以让您的应用程序更易于使用且功能更完善。
做得好！
做得好！
恭喜您！您已经使用 PHP 构建了一个简单的待办事项列表应用程序。您学习了如何使用会话存储任务、处理表单数据，以及动态显示和删除任务。在下一课中，我们将构建另一个有趣的项目，进一步提升您的 PHP 技能。让我们继续编写代码吧！
常见问题解答
「构建简单待办事项列表」课时是免费的吗？
是的 — 「构建简单待办事项列表」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 PHP Academy 课程的其余内容，请升级到 CoddyKit PRO。 PHP Academy 课程共包含 2 节课。
「构建简单待办事项列表」这节课中我会学到什么？
使用 PHP 和 HTML 创建基本的待办事项列表应用 你通过在浏览器中直接运行的动手代码来练习 PHP Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 PHP Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 PHP Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 2 节。
「构建简单待办事项列表」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 PHP Academy 课中编写并运行代码吗？
能。每节 PHP Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 构建简单待办事项列表
- 创建联系表单