キテレツ荘 » 【夏休み企画】検索システムつくってみようぜ！②

休みボケの月曜日ですが、皆様いかがお過ごしでしょうか。

superflyの「恋する瞳は美しい」をやたらリピートしているかしこです。

さてさて、テンションが続く内に連投しときます。
【２、初期解説とデータ読み込み】

・ｈｔｍｌの補助的解説

・htmlのｐｈｐ化

・データの読み込みと確認方法

この2つで参ります。

実際の完成形はこちら⇒「キテ荘的検索ってみよ」

スターターキットはこちら。

・ｈｔｍｌの補助的解説

カテゴリーとカテゴリー詳細の連動はJavaScriptでおこなっております。

元ネタはこちら。

ポイントはｈｔｍｌの94行目、「 new Option(newOptions[i],newValues[i],false,false); 」

ここに第3引数をflaseです。

これはphp化した際にtrueを設定するためにあえて宣言しています。詳細はその時に解説します。

あとは皆さんチャラっと流せますよｗ

・htmlのｐｈｐ化

大層な事をいっていますが新規でphpファイルを作成して便宜上index.phpとします。

さて、sakuraサーバーのPHPのデフォルトcharsetはEUC-JPということなので、エンコードEUC-JPとしてペーストしてください。

以上

・データの読み込みと確認方法

今回の本題、スターターキットに同梱されているdata.phpを読み込んで検索するアイテムを読み込めるようにします。

data.phpにはあらかじめ商品データを$listという変数に連想配列で格納してあります。興味があれば覗いてみてください。

では、1行目にｐｈｐの宣言をしてdata.phpをincludeします。

======================================

<?

include ‘data.php’;

?>

======================================

はい、これで読み込み完了です。

？、実感がない。

はい、そうですか・・・ではではinclude’data.php’;の一行下に次のコードを。

======================================

print_r($list);

======================================

これは予めdata.phpで設定してある変数$listを確認するための一行です。

これで、配列の中身が一目瞭然となります。

ということで本日はここまでです。

今日のデータはこちらからダウンロードできます。

さてさて、次回は検索をGetで送信するようにしていきましょう。

【予定】

・３、Getによるform内のphp化

・４、条件による検索結果数の表示

・５、条件による検索結果の表示（完成）