PHP 初學(xué)者：構(gòu)建您的第一個(gè)數(shù)據(jù)庫驅(qū)動(dòng)的 Web 應(yīng)用程序
Jan 06, 2025 am 01:23 AM
如果您剛剛開始使用 PHP，您可以承擔(dān)的最令人興奮的項(xiàng)目之一就是構(gòu)建數(shù)據(jù)庫驅(qū)動(dòng)的 Web 應(yīng)用程序。這是了解后端如何工作、與數(shù)據(jù)庫交互并向用戶提供動(dòng)態(tài)內(nèi)容的好方法。
在本教程中，我們將使用 PHP 和 MySQL 構(gòu)建一個(gè)簡單的 待辦事項(xiàng)列表應(yīng)用程序。最后，您將擁有一個(gè)可以運(yùn)行的應(yīng)用程序，用戶可以在其中添加、查看和刪除任務(wù)。
先決條件
在我們深入之前，請(qǐng)確保您已經(jīng)：
- PHP（7.4 或更高版本）
- MySQL（或 MariaDB）
- 像 XAMPP 或 Laragon 這樣的本地服務(wù)器
- 類似 VS Code 的代碼編輯器
第 1 步：設(shè)置您的環(huán)境
- 安裝本地服務(wù)器（例如 XAMPP）。
- 啟動(dòng) Apache 和 MySQL 服務(wù)。
- 導(dǎo)航到您的 Web 根目錄（XAMPP 的 htdocs）并創(chuàng)建一個(gè)名為 todo_app 的新文件夾。
第 2 步：創(chuàng)建數(shù)據(jù)庫
- 打開 phpMyAdmin。
- 創(chuàng)建一個(gè)名為 todo_app 的新數(shù)據(jù)庫。
- 運(yùn)行以下 SQL 查詢來創(chuàng)建任務(wù)表：
sql
CREATE TABLE tasks (
id INT AUTO_INCREMENT PRIMARY KEY,
task VARCHAR(255) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
第 3 步：構(gòu)建 HTML 前端
在 todo_app 文件夾中創(chuàng)建 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 步：處理刪除任務(wù)
創(chuàng)建一個(gè)名為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（可選）
在同一文件夾中創(chuàng)建 styles.css 文件來設(shè)置應(yīng)用程序的樣式：
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 步：運(yùn)行您的應(yīng)用程序
- 打開瀏覽器并轉(zhuǎn)到http://localhost/todo_app/index.php。
- 添加一些任務(wù)、查看它們并刪除它們。 ？
恭喜！您剛剛使用 PHP 和 MySQL 構(gòu)建了第一個(gè)數(shù)據(jù)庫驅(qū)動(dòng)的 Web 應(yīng)用程序。這個(gè)簡單的項(xiàng)目為創(chuàng)建更復(fù)雜的應(yīng)用程序奠定了基礎(chǔ)。嘗試添加任務(wù)優(yōu)先級(jí)或用戶身份驗(yàn)證等功能。
如果您喜歡本教程，請(qǐng)發(fā)表評(píng)論或與其他開發(fā)人員分享。快樂編碼！ ？
以上是PHP 初學(xué)者：構(gòu)建您的第一個(gè)數(shù)據(jù)庫驅(qū)動(dòng)的 Web 應(yīng)用程序的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
PHP中的對(duì)象關(guān)聯(lián)映射（ORM）性能調(diào)整
Jul 29, 2025 am 05:00 AM
避免N 1查詢問題，通過提前加載關(guān)聯(lián)數(shù)據(jù)來減少數(shù)據(jù)庫查詢次數(shù)；2.僅選擇所需字段，避免加載完整實(shí)體以節(jié)省內(nèi)存和帶寬；3.合理使用緩存策略，如Doctrine的二級(jí)緩存或Redis緩存高頻查詢結(jié)果；4.優(yōu)化實(shí)體生命周期，定期調(diào)用clear()釋放內(nèi)存以防止內(nèi)存溢出；5.確保數(shù)據(jù)庫索引存在并分析生成的SQL語句以避免低效查詢；6.在無需跟蹤變更的場(chǎng)景下禁用自動(dòng)變更跟蹤，改用數(shù)組或輕量模式提升性能。正確使用ORM需結(jié)合SQL監(jiān)控、緩存、批量處理和適當(dāng)優(yōu)化，在保持開發(fā)效率的同時(shí)確保應(yīng)用性能。
在PHP中構(gòu)建不變的物體，并具有可讀的屬性
Jul 30, 2025 am 05:40 AM
ReadonlypropertiesinPHP8.2canonlybeassignedonceintheconstructororatdeclarationandcannotbemodifiedafterward,enforcingimmutabilityatthelanguagelevel.2.Toachievedeepimmutability,wrapmutabletypeslikearraysinArrayObjectorusecustomimmutablecollectionssucha
處理加密貨幣計(jì)算：為什么BCMATH在PHP中至關(guān)重要
Aug 01, 2025 am 07:48 AM
bcmathisesene forAccratecryptoCurrencyCalcalsionSinphpBecausefloing-pointarithmeticIntroducesunAcceptablebablerOundingErrors.1.floation-pointnumberslike0.1 0.2yieldimimpreciseresults（e.g.，e.g.，0.30000000000000000000004）
字符串作為價(jià)值對(duì)象：一種現(xiàn)代的特定領(lǐng)域字符串類型的方法
Aug 01, 2025 am 07:48 AM
Rawstringsindomain-drivenapplicationsshouldbereplacedwithvalueobjectstopreventbugsandimprovetypesafety;1.Usingrawstringsleadstoprimitiveobsession,whereinterchangeablestringtypescancausesubtlebugslikeargumentswapping;2.ValueobjectssuchasEmailAddressen
了解PHP引擎中的恒定表達(dá)評(píng)估
Jul 29, 2025 am 05:02 AM
PhpeValuatesConstantExpressatAtcompiletimetoetimetoemetotocreveranceandearlyerrordetection.1.ConstantExpressepressevaluationMeanScomputingValuesDuruesduresduresduring-CompiLation -whenalloperandSareSareSareConconstantSareConconstantsLikeLiterals，classConstants，classConstants，classConstants，orpredefendinedconcontantstants.2.phpp'2.php’2.php’2.2.php’2.php’2.php’2.php’2.php’2.php’sse
使用PHP進(jìn)行數(shù)據(jù)刮擦和Web自動(dòng)化
Aug 01, 2025 am 07:45 AM
使用guazzleforbusthttprequestswithheadersand andtimeouts.2.parsehtmleffitedlywithsymfonydomcrawlerusingcssselectors.3.handlejavascript-heavysitesby-heavysitesbyintegrationpuppeepetementegratingpuppeeteviaphpage（）
在PHP中導(dǎo)航浮點(diǎn)不準(zhǔn)確的陷阱
Jul 29, 2025 am 05:01 AM
浮點(diǎn)數(shù)不精確是PHP中常見問題，答案在于其使用IEEE754雙精度格式導(dǎo)致十進(jìn)制小數(shù)無法精確表示；1.0.1或0.2等數(shù)在二進(jìn)制中為無限循環(huán)小數(shù)，計(jì)算機(jī)需截?cái)嘣斐烧`差；2.比較浮點(diǎn)數(shù)時(shí)應(yīng)使用容差而非==，如abs($a-$b)
解開性能：關(guān)于PHP開關(guān)與IF-Else的真相
Aug 02, 2025 pm 04:34 PM
Switchcanbeslightlyfasterthanif-elsewhencomparingasinglevariableagainstmultiplescalarvalues,especiallywithmanycasesorcontiguousintegersduetopossiblejumptableoptimization;2.If-elseisevaluatedsequentiallyandbettersuitedforcomplexconditionsinvolvingdiff
