PHP スクリプト言語を使用すると、Web 開発者は、サイト訪問者に一連の動的データ セットを表示する Web サイトを作成できます。たとえば、PHP を使用して MySQL データベースから製品データを取得し、そのデータをオンライン製品カタログの形式で Web に表示できます。開発者は、Cascading Style Sheet ルールを使用してオンライン カタログのスタイルを設定できます。 MySQL、PHP、および CSS はすべてオープン ソース テクノロジーであり、開発者は無料で使用できます。

ステップ 1

phpAdmin ユーティリティを起動し、製品データをホストする新しい MySQL テーブルを作成します。テーブルに「製品」という名前を付け、製品カタログに表示する各アイテムのテーブルにフィールドを配置します。たとえば、次の SQL コマンドの例を注意深く調べてください。このコマンドは、phpAdmin ユーティリティの SQL コマンド ラインに入力できます。このコマンドは、新しい製品テーブルを開始し、ID、説明、upcNumber、名前、価格、画像、およびタイムスタンプ フィールドを作成します。

CREATE TABLE yourDatabase .products ( idINT( 100 ) NOT NULL AUTO_INCREMENT PRIMARY KEY , 説明VARCHAR( 3000 ) NOT NULL , upcNumber VARCHAR( 100 ) NOT NULL 、 name VARCHAR( 100 ) NOT NULL 、 price VARCHAR( 100 ) NOT NULL 、 picture VARCHAR( 100 ) NOT NULL 、 timestamp TIMESTAMP( 200 ) NOT NULL デフォルト CURRENT_TIMESTAMP ) エンジン =MYISAM

ステップ 2

新しいデータ フィールドに製品情報を入力します。各製品の情報を対応するフィールドに配置します。これは、phpAdmin ユーティリティの [挿入] ボタンをクリックすることで実行できます。たとえば、製品名を製品フィールドに、製品の UPC 番号を upcNumber フィールドに、各製品の画像のファイル名を画像フィールドに配置する必要があります。

ステップ 3

PHP を使用してカタログからデータを取得します。 PHP はデータベースから各製品の説明を取得し、サイトの訪問者が参照できる場所にデータを表示します。このコード例では、PHP は mysql_query 関数を使用してデータベースにクエリを実行し、各製品のデータを配列に配置し、配列をループして、各製品データ項目を対応する変数に割り当てます。

$data =mysql_query("SELECT * FROM products ORDER BY id desc") または die(mysql_error('No Records Found'));

while($info =mysql_fetch_array( $data ))

{ $name =$info['名前']; $description =$info['説明']; $upcNumber =$info['upcNumber']; $imageFile =$info['画像']; $price =$info['price'];

} ?>

ステップ 4

CSS ルールを使用して PHP 出力を印刷およびスタイル設定します。この例では、インライン CSS ルールを使用して、サイト訪問者に対する各製品の画像表示のスタイルを設定します。画像は左にフロートされ、製品名は H1 タグ内に配置され、UPC 番号は H4 タグ内に表示され、製品の価格は H5 見出しとして表示され、製品の説明は段落タグに表示されます。 .

ステップ 5

各製品の配列ループ内にスタイル付き出力を配置します。これにより、データベースから取得された製品ごとに 1 つのオカレンスが表示されます。完成した PHP コードは次のようになります。

$data =mysql_query("SELECT * FROM products ORDER BY id desc") または die(mysql_error('No Records Found'));

while($info =mysql_fetch_array( $data ))

{ $name =$info['名前']; $description =$info['説明']; $upcNumber =$info['upcNumber']; $imageFile =$info['画像']; $price =$info['price']; ?>