PHP を始めたばかりの場(chǎng)合、取り組むことができる最もエキサイティングなプロジェクトの 1 つは、データベース駆動(dòng)型の Web アプリを構(gòu)築することです。これは、バックエンドがどのように機(jī)能し、データベースと対話し、動(dòng)的コンテンツをユーザーに提供するかを理解するための優(yōu)れた方法です。
このチュートリアルでは、PHP と MySQL を使用して簡(jiǎn)単な To-Do リスト アプリ を構(gòu)築します。最終的には、ユーザーがタスクを追加、表示、削除できるアプリケーションが完成します。
前提條件
本題に入る前に、次のものがあることを確認(rèn)してください。
- PHP (バージョン 7.4 以降)
- MySQL (または MariaDB)
- XAMPP や Laragon などのローカルサーバー
- VS Code のようなコード エディター
ステップ 1: 環(huán)境をセットアップする
- ローカルサーバー (XAMPP など) をインストールします。
- Apache サービスと MySQL サービスを開(kāi)始します。
- Web ルート ディレクトリ (XAMPP の場(chǎng)合は htdocs) に移動(dòng)し、todo_app という名前の新しいフォルダーを作成します。
ステップ 2: データベースを作成する
- phpMyAdmin を開(kāi)きます。
- todo_app という名前の新しいデータベースを作成します。
- 次の SQL クエリを?qū)g行してタスク テーブルを作成します。
sql
CREATE TABLE tasks (
id INT AUTO_INCREMENT PRIMARY KEY,
task VARCHAR(255) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
ステップ 3: HTML フロントエンドを構(gòu)築する
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 ファイルを作成して、アプリのスタイルを設(shè)定します。
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: アプリケーションを?qū)g行する
- ブラウザを開(kāi)いて、http://localhost/todo_app/index.phpに移動(dòng)します。
- いくつかのタスクを追加、表示、削除します。 ?
おめでとうございます! PHP と MySQL を使用して、最初のデータベース駆動(dòng)型 Web アプリを構(gòu)築しました。この単純なプロジェクトは、より複雑なアプリケーションを作成するための基礎(chǔ)を築きます。タスクの優(yōu)先順位付けやユーザー認(rèn)証などの機(jī)能を追加してみてください。
このチュートリアルが気に入ったら、コメントを殘すか、他の開(kāi)発者と共有してください。コーディングを楽しんでください! ?
以上が初心者のための PHP: 初めてのデータベース駆動(dòng)型 Web アプリの構(gòu)築の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫(huà)像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫(xiě)真を作成する AI 搭載アプリ
AI Clothes Remover
寫(xiě)真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類(lèi)リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8521
17
1747
16
1600
56
1541
28
1400
31
PHPベースのAPIをバージョン化するためのベストプラクティスは何ですか？
Jun 14, 2025 am 12:27 AM
Toversionaphp Basedificefectivivivity、useurl Basedversioning forclarity-andeaseaseasedease、depateversionedcodetoavoidconflicts、deprecateoldversions withclearcommunication、andconsider-customheadersally whendary.starttheversionionintheurl（e.g。、/api/v
PHPに認(rèn)証と承認(rèn)を?qū)g裝するにはどうすればよいですか？
Jun 20, 2025 am 01:03 AM
tosecurelyhandLeauthenticationAndauthorizationInizationInization、followTheSteps：1.LwayShashPasswordswithPassword_hash（）andverifyusingpassword_verify（）、usepreparedStatementStatementStatementStatementStatementStain、andstoreUserdatain $ _SessionAfterlogin.2.implementRementRementRementRementRementRementRementRole
PHPにおける手続き型とオブジェクト指向のプログラミングパラダイムの違いは何ですか？
Jun 14, 2025 am 12:25 AM
ProceduralAndObject-OrientedProgramming（OOP）InphpdifferSifically-datability、andDatahandling.1.proceduralprogramsessusessuseSideSized funized、surtableforsmallscript.2.ooporganizescodeIntoclassesandobjects、ModelingReal-worden
PHPの弱い參照（WeakMap）とは何ですか？
Jun 14, 2025 am 12:25 AM
phpdoesnothaveabuiltinweakmapbutofferswutreferenceforsimilarfunctionality.1.weakreferenceallowsholdingReferences withoutpreventinggarbagecollectrection.2.itisusfulfurcaching、eventlisteners、およびmetadatawithectingovecting objectinimulatea
PHPでファイルアップロードを安全に処理するにはどうすればよいですか？
Jun 19, 2025 am 01:05 AM
PHPでファイルアップロードを安全に処理するために、コアはファイルタイプを確認(rèn)し、ファイルの名前を変更し、権限を制限することです。 1。Finfo_File（）を使用して実際のMIMEタイプを確認(rèn)し、Image/JPEGなどの特定のタイプのみが許可されます。 2。uniqid（）を使用してランダムファイル名を生成し、非webルートディレクトリに保存します。 3. PHP.iniおよびHTMLフォームを介してファイルサイズを制限し、ディレクトリ権限を0755に設(shè)定します。 4. Clamavを使用してマルウェアをスキャンしてセキュリティを強(qiáng)化します。これらの手順は、セキュリティの脆弱性を効果的に防止し、ファイルのアップロードプロセスが安全で信頼性が高いことを確認(rèn)します。
PHPのNOSQLデータベース（Mongodb、Redisなど）とどのように対話できますか？
Jun 19, 2025 am 01:07 AM
はい、PHPは、特定の拡張機(jī)能またはライブラリを使用して、MongoDBやRedisなどのNOSQLデータベースと対話できます。まず、MongoDBPHPドライバー（PECLまたはComposerを介してインストール）を使用して、クライアントインスタンスを作成し、データベースとコレクションを操作し、挿入、クエリ、集約、その他の操作をサポートします。第二に、PredisライブラリまたはPhpredis拡張機(jī)能を使用してRedisに接続し、キー価値設(shè)定と取得を?qū)g行し、高性能シナリオにPhpredisを推奨しますが、Predisは迅速な展開(kāi)に便利です。どちらも生産環(huán)境に適しており、十分に文書(shū)化されています。
PHPの==（ゆるい比較）と===（厳密な比較）の違いは何ですか？
Jun 19, 2025 am 01:07 AM
PHPでは、==と==の主な違いは、タイプチェックの厳格さです。 ==タイプ変換は比較の前に実行されます。たとえば、5 == "5"はtrueを返します。===リクエストは、trueが返される前に値とタイプが同じであることを要求します。たとえば、5 === "5"はfalseを返します。使用シナリオでは、===はより安全で、最初に使用する必要があります。==は、タイプ変換が必要な場(chǎng)合にのみ使用されます。
PHP（、 - 、 *、 /、％）で算術(shù)操作を?qū)g行するにはどうすればよいですか？
Jun 19, 2025 pm 05:13 PM
PHPで基本的な數(shù)學(xué)操作を使用する方法は次のとおりです。1。追加標(biāo)識(shí)は、整數(shù)と浮動(dòng)小數(shù)點(diǎn)數(shù)をサポートし、変數(shù)にも使用できます。文字列番號(hào)は自動(dòng)的に変換されますが、依存関係には推奨されません。 2。減算標(biāo)識(shí)の使用 - 標(biāo)識(shí)、変數(shù)は同じであり、タイプ変換も適用されます。 3.乗算サインは、數(shù)字や類(lèi)似の文字列に適した標(biāo)識(shí)を使用します。 4.分割はゼロで割らないようにする必要がある分割 /標(biāo)識(shí)を使用し、結(jié)果は浮動(dòng)小數(shù)點(diǎn)數(shù)である可能性があることに注意してください。 5.モジュラス標(biāo)識(shí)を採(cǎi)取することは、奇妙な數(shù)と偶數(shù)を判斷するために使用でき、負(fù)の數(shù)を処理する場(chǎng)合、殘りの兆候は配當(dāng)と一致しています。これらの演算子を正しく使用するための鍵は、データ型が明確であり、境界の狀況がうまく処理されるようにすることです。
