掲載誌情報
掲載誌 Web Creators 2002/03
タイトル ColdFusion入門/ショッピングサイト構築 第3回
第1回 第2回 第3回 第4回

1. 処理の流れを確認する
   
  まず始めに
    前回はデータベースとは?からモックアップデザインにプログラミングを組み込んで、商品の一覧表示をするところまでを学んだ。今回の目標は、商品を検索して検索条件に該当する商品の一覧表示を行ない、更に一覧表示から選択した商品の詳細情報表示をするところまでの流れを学ぶこととする。
  検索処理の流れを確認する
     
    サンプルプログラムを確認
    検索処理の流れを確認するために、まずはshoppingフォルダ内のサンプルプログラムを実際に動かしてみよう。今回の商品検索、検索結果一覧および商品詳細情報に関連するファイルはC:\Inetpub\wwwroot\shopping
以下のindex.cfm、searchlist.cfmおよびdetail.cfmとなる。
トップページ画面:http://localhost/shopping/index.cfm
(検索のためのキーワードを入力するエリアを含む画面となる。)
検索結果一覧画面:http://localhost/shopping/searchlist.cfm (トップページ画面の検索フィールドに入力されたキーワードに該当する商品の一覧を表示する画面となる。)
商品詳細閲覧画面:http://localhost/shopping/detail.cfm
(検索結果一覧画面で選択した商品の詳細情報を表示する画面となる。)
ブラウザでトップページ画面のindex.cfmを開いて、実際に商品を検索しながら、処理の流れとコーディング方法を確認していくことにする。
今回使用するテーブルも第2回同様、カテゴリマスタ「M_Category」と商品マスタ「M_Item」である。テーブルの詳細は第2回を参照していただきたい。
スクリーン

  NEXT
PAGETOP
CLOSE