PHPでフォトウォール機能を実装

ソーシャルネットワークの発展に伴い、フォトウォールは非常に人気のある機能になりました。フォト ウォールでは、ページ上に滝の流れの形で写真をアップロードおよび閲覧できるため、公式 Web サイト、個人のアルバム、ブログなど、大量の写真を表示するシナリオに非常に適しています。今回はPHPを使ってフォトウォール機能を実装してみます。

1. テクノロジーの選択を決定する

フォト ウォール機能を実装する前に、いくつかの準備作業を行う必要があります。まず、フォト ウォールを実装するためにどのテクノロジーを使用するかを決定する必要があります。一般的なものは 2 つあります:

• jQuery プラグインを使用します: Masonry、Isotope など、ウォーターフォール フロー レイアウトを簡単に実装できます。
• PHP を使用してウォーターフォール フローを作成します。PHP ループと条件ステートメントを使用して、画像の位置を手動で計算します。

この記事では、2 番目の方法である PHP 手書きウォーターフォール フローを使用してフォト ウォール機能を実装します。

2. データベース設計

フォトウォール機能を実装する前に、写真情報を保存するデータベースを設計する必要があります。各写真の ID、ファイル名、写真のタイトル、アップロード時間、その他の情報を保存する必要があります。具体的なデータベース構造は次のとおりです。

CREATE TABLE photos (
id int(11) NOT NULL AUTO_INCREMENT,
file_name varchar(255) NOT NULL,
title varchar(255) NOT NULL,
created_at datetime NOT NULL,
主キー (id )
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3. 写真のアップロード

フォト ウォール機能を実装する前に、関数も実装する必要があります。写真をアップロードして、ユーザーが写真をアップロードしてデータベースに保存できるようにします。この機能は、PHP のファイル アップロード機能を使用して実現できます。具体的な手順は次のとおりです。

• まず、ユーザーが写真をアップロードできるように、ファイル アップロード フォームをページに追加する必要があります。
• ユーザーが写真をアップロードした後、バックグラウンドで写真を受信し、サーバー上の指定されたフォルダーに保存する必要があります。保存されたファイル名はタイムスタンプを使用して識別できます。
• サーバーに保存した後、写真情報をデータベースに挿入する必要があります。

以下は、写真をアップロードするための簡単な PHP コードの例です。

$upload_dir = './uploads/';

if ($_FILES) {