はじめに
本連載では、PHPまたはプログラミング初心者の方を対象に、PHPを用いたWebアプリケーションの作成方法を説明していきます。今回は、応用編ECサイトの商品一覧画面を作成します。PHPの環境構築に関しては第2回を参照ください。
対象読者
- プログラミングが初めてでこれから学習する予定の方
- プログラミングの経験はあるがPHPが初めての方を対象としています。
これまでの連載
初級編
- 第1回「プログラムってなんだろう?PHPってどういうもの?」
- 第2回「XAMPPをインストールして開発環境を整えよう!」
- 第3回「変数の扱い方を習得しよう!」
- 第4回「条件分岐と繰り返しを使いこなそう!」
- 第5回「入力フォームを使ってデータを送受信しよう!」
- 第6回「データベースの基礎を理解しよう!」
- 第7回「PHPを使ってデータベースを操作しよう!」
応用編
動作確認環境
PHPが動作する環境が必要となります。以下に、今回のアプリケーション作成/動作確認に用いた環境を示します(インストールにあたっては最新安定版の使用を推奨します)。本記事は、Internet Explorer 7にてブラウザの動作確認を行っています。
- Windows XP SP3
- PHP 5.2.6
- Apache 2.2.9
- MySQL 5.0.67
- phpMyAdmin 2.11.9.2
また、上記のサーバ環境を一括でインストールできるパッケージ「XAMPP」がありますので、こちらもご活用ください。インストール方法は第2回を参照ください。
なお、本連載ではWindows版XAMPPをインストールした前提で、「Cドライブ」→「xampp」→「htdocs」がApacheの監視フォルダ(ドキュメントルート)であるものとして説明をします。本稿のサンプルソースは、「XAMPP」コントロールパネルより「Apache」および「MySQL」を開始したうえでご利用ください。
事前準備
今回のECサイトのデータベース構造に関しては、第8回をご覧ください。また、第8回の手順に沿ってデータベースを作成し、第8回のサンプルソースに同梱されているec_html
フォルダを、フォルダごとC:\xampp\htdocs
以下にコピーしておいてください。m_items
に入っている実際のデータもphpmyadminで確認しておきましょう。
今回の作成範囲
はじめに、今回の作成範囲に関して説明をします。まず、http://localhost/ec_html/item_list.phpにアクセスしてみましょう。
今回は、このECサイトのTOPページでもある「商品一覧画面」(item_list.php
)を対象にプログラムを実装します。画像内のピンク色で囲まれた部分が作成範囲となります。
この画面は、現段階ではプログラム言語を一切用いず、ダミーの商品情報を表示しているだけなので、今回は以下の機能を実装します。
- 機能(1):
item_list.php
に初回アクセス時、データベースの全商品を表示する。 - 機能(2):
item_list.php
の左メニューの「検索」ボタンがクリックされた時、絞込み検索を行う。
なお、検索対象のデータベーステーブルはm_items
となります。