php - Web ギャラリーを作成する適切な方法は何ですか?

Question

私は Web 開発の初心者ですが、Web 開発に関しては html と php を使用してきましたが、商用目的で Web サイト全体を構築したことはありません。プロジェクトのために学校に通っている間、私はhtmlとphpだけを扱っていました。

ちなみに私は大学院生で、経験はほとんどありません。

写真とデザインを表す Web ページを作成したいのですが、次の問題に直面しました。テキストとしてのリンクまたは次のボタンと別のボタンに移動するためのボタンのいずれかを含む単一の HTML ページが必要です。前の写真用。

画像を変更する段階になったとき、特定の画像に切り替える JavaScript を作成しましたが、これは私が望んでいるものではありません。動的にしたいのですが、すべてを読み取るコードを記述する方法はありますか?私のウェブサイトが存在するサーバー内の写真の名前を配列などに入れ、それらを前後にループします。

javascript はユーザー側用であり、php はサーバー側用であることはわかっています。また、説明した方法で javascript にディレクトリへのアクセスを許可することはお勧めできません。

したがって、このタスクを適切な方法で達成するには、いくつかの助けやアイデアが必要です.

前もって感謝します。

Answer 1

あなたの目標は何ですか？Web 開発を学ぶためですか、それとも写真を自慢できる Web サイトを作成するためですか?

後者の場合は、ワードプレスサイトをセットアップし、フォト ギャラリー プラグインをインストールすることをお勧めします。

すべてを自分で行いたい場合は、現在のサイトでライトボックスのような JavaScript ライブラリを使用します (類似したものは他にもたくさんあります)。画像情報を mySql データベースに保存し、PHP を使用して画像パスをサイトにプルし、選択した js ライブラリを使用して、ギャラリーの実際の機能に関して車輪を再発明する必要がないようにします。

Answer 2

MySQL データベースを使用して、ファイル名を含む各画像に関する情報を保存できます。

フロントエンドで、データベースにファイル名を照会し、標準の HTML を使用して、データベースに保存されているファイル名を使用して src を作成します。どこかのディレクトリに保存されているファイル自体を意味します。

このようにすると、必要なだけ多くの情報、少ない情報、または特定の情報についてデータベースにクエリを実行できるため、将来的に非常に堅牢なシステムを構築できます。このデータベース クエリから、クエリに一致するすべてのファイル名を返し、それらをループして JavaScript フロントエンドに表示できます。