目次
相册列表
上传新相册
上传新照片
ホームページ バックエンド開発 PHPチュートリアル PHPを使って簡単なオンラインフォトアルバム機能を開発する方法

PHPを使って簡単なオンラインフォトアルバム機能を開発する方法

Sep 21, 2023 am 08:21 AM
PHP開発オンラインギャラリー PHPのフォトアルバム機能 オンラインフォトアルバム機能開発

PHPを使って簡単なオンラインフォトアルバム機能を開発する方法

PHP を使用して簡単なオンライン フォト アルバム機能を開発する方法

フォト アルバムは、オンラインで写真を表示するための一般的な機能です。閲覧、共有、ダウンロードに役立ちます。写真を簡単に。この記事では、PHP を使用して簡単なオンライン フォト アルバムを開発する方法を紹介し、具体的なコード例を示します。

1. 開発環境を構築する
まず、開発環境を構築する必要があります。 Apache サーバー、MySQL データベース、PHP インタープリターが組み込まれた XAMPP、WAMP、MAMP などの統合開発環境 (IDE) のインストールを選択できます。

2. データベースの作成
次に、アルバム データを保存するデータベースを作成する必要があります。 phpMyAdmin またはその他のデータベース管理ツールを使用して新しいデータベースを作成し、「photo_album」(または他の任意の名前) という名前を付けることができます。

このデータベースでは、アルバム情報を格納するテーブルと写真情報を格納するテーブルの 2 つのテーブルを作成できます。ここでは、アルバムと写真という 2 つのテーブルを作成します。

  1. アルバム テーブル
    アルバム テーブルは、アルバム ID、アルバム名、作成時刻などのフィールドを含む、アルバムの基本情報を保存するために使用されます。次の SQL ステートメントを使用してテーブルを作成できます:

CREATE TABLE albums(
id INT(11) PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

  1. photos table
    photos テーブルは、写真 ID、写真名、ファイル名、アルバム ID、アップロードなどの特定の写真情報を各アルバムに保存するために使用されます。時間とその他のフィールド。次の SQL ステートメントを使用してテーブルを作成できます:

CREATE TABLE photos(
id INT(11) PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
ファイル名 VARCHAR(255) NOT NULL,
album_id INT(11) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (album_id) REFERENCES albums(id) ON DELETE CASCADE
);

3. アルバム ページの作成
次に、アルバム リストを表示し、新しいアルバムをアップロードするための「index.php」という名前のファイルを作成します。次のコードを使用できます:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

// 查询相册列表
$query = "SELECT * FROM albums";

$result = mysqli_query($conn, $query);
?>

<!DOCTYPE html>
<html>
<head>
  <title>相册列表</title>
  <style>
    .album {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>

<h1 id="相册列表">相册列表</h1>

<?php while ($row = mysqli_fetch_assoc($result)): ?>
  <div class="album">
    <h2><?php echo $row['name']; ?></h2>
    <p>创建时间:<?php echo $row['created_at']; ?></p>
    <p><a href="view_album.php?id=<?php echo $row['id']; ?>">查看相册</a></p>
  </div>
<?php endwhile; ?>

<h2 id="上传新相册">上传新相册</h2>
<form action="upload_album.php" method="post">
  <label for="name">相册名称:</label>
  <input type="text" name="name" id="name" required>
  <input type="submit" value="上传">
</form>

</body>
</html>
ログイン後にコピー

4. アルバム詳細ページの作成
「view_album.php」という名前のファイルを作成して、指定したアルバム内の写真を表示します。次のコードを使用できます:

<?php
// 导入数据库连接配置文件
require_once 'config.php';

// 获取相册ID
$albumId = $_GET['id'];

// 查询相册名称
$query = "SELECT name FROM albums WHERE id = $albumId";
$result = mysqli_query($conn, $query);
$albumName = mysqli_fetch_assoc($result)['name'];

// 查询相册中的照片列表
$query = "SELECT * FROM photos WHERE album_id = $albumId";

$result = mysqli_query($conn, $query);
?>

<!DOCTYPE html>
<html>
<head>
  <title>相册详情 - <?php echo $albumName; ?></title>
  <style>
    .photo {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>

<h1><?php echo $albumName; ?></h1>

<?php while ($row = mysqli_fetch_assoc($result)): ?>
  <div class="photo">
    <h2><?php echo $row['name']; ?></h2>
    <p>上传时间:<?php echo $row['created_at']; ?></p>
    <img  src="uploads/<?php echo $row['filename']; ? alt="PHPを使って簡単なオンラインフォトアルバム機能を開発する方法" >" alt="<?php echo $row['name']; ?>" width="200">
  </div>
<?php endwhile; ?>

<h2 id="上传新照片">上传新照片</h2>
<form action="upload_photo.php" method="post" enctype="multipart/form-data">
  <input type="hidden" name="album_id" value="<?php echo $albumId; ?>">
  <label for="name">照片名称:</label>
  <input type="text" name="name" id="name" required>
  <br>
  <label for="file">照片文件:</label>
  <input type="file" name="file" id="file" required>
  <br>
  <input type="submit" value="上传">
</form>

</body>
</html>
ログイン後にコピー

5. アルバムと写真をアップロードする
次に、アルバムと写真をアップロードするコードを記述する必要があります。 「upload_album.php」という名前のファイルを作成して、アルバムのアップロードのロジックを処理できます。コードは次のとおりです。

<?php
// 导入数据库连接配置文件
require_once 'config.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $name = $_POST['name'];

  // 插入相册信息
  $query = "INSERT INTO albums(name) VALUES ('$name')";
  mysqli_query($conn, $query);

  // 重定向到相册首页
  header('Location: index.php');
}
ログイン後にコピー

同様に、写真をアップロードするロジックを処理するために「upload_photo.php」という名前のファイルを作成できます。コードは次のとおりです。

<?php
// 导入数据库连接配置文件
require_once 'config.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $name = $_POST['name'];
  $albumId = $_POST['album_id'];
  $filename = $_FILES['file']['name'];

  // 上传照片文件到服务器
  move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $filename);

  // 插入照片信息
  $query = "INSERT INTO photos(name, filename, album_id) VALUES ('$name', '$filename', $albumId)";
  mysqli_query($conn, $query);

  // 重定向到相册详情页面
  header("Location: view_album.php?id=$albumId");
}
ログイン後にコピー

6. 完成
これで、簡単なオンライン フォト アルバム機能が開発されました。ブラウザで「index.php」ページにアクセスすると、アルバム リストが表示されます。クリックしてアルバムに入り、写真を表示したり、新しい写真をアップロードしたりできます。この記事が、PHP を使用したフォト アルバム機能の開発に役立つことを願っています。

以上がPHPを使って簡単なオンラインフォトアルバム機能を開発する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。 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でそれを軽減できますか? セッションのハイジャックはどのように機能し、どのようにPHPでそれを軽減できますか? Apr 06, 2025 am 12:02 AM

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

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

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

システムの再起動後にUnixSocketの権限を自動的に設定する方法は? システムの再起動後にUnixSocketの権限を自動的に設定する方法は? Mar 31, 2025 pm 11:54 PM

システムが再起動した後、UnixSocketの権限を自動的に設定する方法。システムが再起動するたびに、UnixSocketの許可を変更するために次のコマンドを実行する必要があります:sudo ...

phpstormでCLIモードをデバッグする方法は? phpstormでCLIモードをデバッグする方法は? Apr 01, 2025 pm 02:57 PM

phpstormでCLIモードをデバッグする方法は? PHPStormで開発するときは、PHPをコマンドラインインターフェイス(CLI)モードでデバッグする必要がある場合があります。

PHPでの後期静的結合を説明します(静的::)。 PHPでの後期静的結合を説明します(静的::)。 Apr 03, 2025 am 12:04 AM

静的結合(静的::) PHPで後期静的結合(LSB)を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1)解析プロセスは実行時に実行されます。2)継承関係のコールクラスを検索します。3)パフォーマンスオーバーヘッドをもたらす可能性があります。

PHPのCurlライブラリを使用してJSONデータを含むPOSTリクエストを送信する方法は? PHPのCurlライブラリを使用してJSONデータを含むPOSTリクエストを送信する方法は? Apr 01, 2025 pm 03:12 PM

PHP開発でPHPのCurlライブラリを使用してJSONデータを送信すると、外部APIと対話する必要があることがよくあります。一般的な方法の1つは、Curlライブラリを使用して投稿を送信することです。

See all articles