サイト内検索  

データベース連動・データページを作る(Excel編その2)

Excel編その1でデータソースを作成しました。今度は、Excelの列と対応させて、データページを作成していきます。

Excelの列と対応させる

テーブル選択画面

シートが1枚しかなければそのシートにあるテーブルが使われます。「次へ」ボタンをクリックしてください。

データ抽出条件の設定画面

データの抽出条件を指定します。

特定のデータだけを抽出したい場合に利用します。抽出条件と値を入れたら、「追加」ボタンをクリックします。抽出条件が決まったら、「次へ」ボタンをクリックします。

抽出条件として利用できるモノ
抽出条件 意味 備考
= 等しい 文字列もOK
> より大きい 数字のみ
< より小さい 数字のみ
>= 以上 数字のみ
<= 以下 数字のみ
<> 等しくない 文字列もOK
Like 〜を含める 文字列もOK
Is Null 空である セルが対象
Is Not Null 空でない セルが対象

今回は抽出条件を指定しませんので、何もせずに「次へ」ボタンをクリックします。

ソート条件の設定画面

ソート条件を指定します。

指定する場合は、指定したいフィールド名を選択して、順序(昇順/降順)を選択して、「追加」ボタンをクリックです。ソート条件が決まったら、「次へ」をクリックします。

今回は、ソート条件を指定しませんので、何もせずに「次へ」ボタンをクリックします。

作成ページの指定

作成ページの設定画面

今回は、一覧ページ/詳細ページ両方作成しますので、「両方」を選択してください。

一覧ページ、詳細ページごとにテンプレートファイルを選択します。

最大レコード数も一覧ページ、詳細ページごとに入力します。

今回は、一覧ページを20、詳細ページは1にします。元となるExcelデータでのデータ数は50個ですので、作成されるページは、一覧ページが3ページ、詳細ページが50ページです。

「次へ」ボタンをクリックしましょう。

一覧ページのフィールド割り当て画面

ここでは一覧ページのフィールド割り当てを行います。

キーワードをクリックし、その後、追加したいフィールド名をクリックして、「割り当て」ボタンをクリックします。

一覧ページのフィールド割り当て画面(割り当て後)

名前の部分を、詳細ページへのリンクにしたいので、お名前のフィールドが選択されている状態で、「詳細」ボタンをクリックします。その後、「リンク」タブをクリックします。

フィールドの詳細設定画面(リンクタブ)

「詳細ページへのリンクを挿入」を選択し、「OK」ボタンをクリックします。一覧ページのフィールド割り当て画面に戻りますので、その後、「次へ」ボタンをクリックします。

詳細ページのフィールド割り当て画面

今度は、詳細ページのフィールド割り当てを行います。方法は、先ほどの一覧ページと同じようにします。

詳細ページのフィールド割り当て画面(割り当て後)

ただし、詳細ページでは画像が含まれています。データを見るとファイル名が指定されているわけではありません。

そこで、データと画像ファイルの対応を行います。画像を表示させたいキーワードが選択されている状態で、「詳細」ボタンをクリックします。

フィールドの詳細設定画面(置き換えタブ)

「置き換え条件」タブでExcelデータの内容を実際にWebページ上で表示する内容に置換します。

置換条件について
置換条件 説明
= 等しい
> より大きい
< より小さい
>= 以上
<= 以下

今回は画像ですので、条件は「=」、値は置き換えたい値です。「画像ファイル」が選択されている状態で、「参照」ボタンから画像を選択します。

「追加」ボタンで条件を追加します。

今回は、6種類の画像に置き換えますので、同様の動作を繰り返します。

フィールドの詳細設定画面(置き換えタブ)、置き換え条件設定後

置き換え条件がすべて設定できたら、「OK」ボタンをクリックします。詳細ページのフィールド割り当て画面に戻りますので、「次へ」ボタンをクリックします。

配置方法の選択画面

レコードの並び方とレコードの区切り方を選択します。

今回は、「縦並び」、「行区切り」を選択します。

選択したら、「次へ」ボタンをクリックします。

完了時の動作設定画面

「作成されたページを開く」にチェックが入っていると、「完了」ボタンをクリックしたときに作成されたページが開きます。

データページ作成完了画面

これでデータページが完成しました。

一覧ページおよび詳細ページのテンプレートファイルとして選択したファイルは__HPB_Recycledフォルダに移動されています。データの更新やテンプレートの編集に必要になりますので、削除しないようにしてください。

今回作成した一覧ページを見てみる

今回作成した詳細ページを見てみる