初心者のための PHP: 初めてのデータベース駆動型 Web アプリの構築-PHPチュートリアル-php.cn

ホームページ

バックエンド開発

PHPチュートリアル

初心者のための PHP: 初めてのデータベース駆動型 Web アプリの構築

Susan Sarandon

Jan 06, 2025 am 01:23 AM

PHP を始めたばかりの場合、取り組むことができる最もエキサイティングなプロジェクトの 1 つは、データベース駆動型の Web アプリを構築することです。これは、バックエンドがどのように機能し、データベースと対話し、動的コンテンツをユーザーに提供するかを理解するための優れた方法です。

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

このチュートリアルでは、PHP と MySQL を使用して簡単な To-Do リストアプリ を構築します。最終的には、ユーザーがタスクを追加、表示、削除できるアプリケーションが完成します。

前提条件

本題に入る前に、次のものがあることを確認してください。

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 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7720

Java チュートリアル

1641

CakePHP チュートリアル

1396

Laravel チュートリアル

1289

PHP チュートリアル

1233

Related knowledge

Alipay PHP SDK転送エラー：「クラスの看板を宣言できない」という問題を解決する方法は？ Apr 01, 2025 am 07:21 AM

Alipay Php ...

JSON Web Tokens（JWT）とPHP APIでのユースケースを説明してください。 Apr 05, 2025 am 12:04 AM

JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

セッションのハイジャックはどのように機能し、どのようにPHPでそれを軽減できますか？ Apr 06, 2025 am 12:02 AM

セッションハイジャックは、次の手順で達成できます。1。セッションIDを取得します。2。セッションIDを使用します。3。セッションをアクティブに保ちます。 PHPでのセッションハイジャックを防ぐための方法には次のものが含まれます。1。セッション_regenerate_id（）関数を使用して、セッションIDを再生します。2。データベースを介してストアセッションデータを3。

確固たる原則と、それらがPHP開発にどのように適用されるかを説明してください。 Apr 03, 2025 am 12:04 AM

PHP開発における固体原理の適用には、次のものが含まれます。1。単一責任原則（SRP）：各クラスは1つの機能のみを担当します。 2。オープンおよびクローズ原理（OCP）：変更は、変更ではなく拡張によって達成されます。 3。Lischの代替原則（LSP）：サブクラスは、プログラムの精度に影響を与えることなく、基本クラスを置き換えることができます。 4。インターフェイス分離原理（ISP）：依存関係や未使用の方法を避けるために、細粒インターフェイスを使用します。 5。依存関係の反転原理（DIP）：高レベルのモジュールと低レベルのモジュールは抽象化に依存し、依存関係噴射を通じて実装されます。