ウェブブラウザに入力した値でデータベースを検索し、結果をウェブブラウザで確認したい

キーワード:HTML,HTTPトリガー,データベース
シナリオ一覧に戻る

概要

ウェブブラウザに入力した値でデータベースを検索し、結果をウェブブラウザで確認したい場合、HTTPトリガーを使用してスクリプトを実行します。
HTMLのname属性とスクリプト変数名を一致させることで、ウェブブラウザに入力した値をスクリプトに受け渡すことが可能です。

サンプルプロジェクトの説明

スクリプト変数に受け渡された会社コードを使用して、受注テーブル・企業マスタテーブル・製品マスタテーブルを検索します。
取得したデータをもとにHTMLを生成し、戻り値としてウェブブラウザに渡すため、スクリプト変数に格納します。

処理の流れ

サンプルプロジェクトの処理の流れは以下の通りです。
  1. 「検索系SQL実行処理」で会社コードを使用して受注テーブル・企業マスタテーブル・製品マスタテーブルから売り上げ情報を取得します。
  2. 「HTMLデータ生成処理」で、取得した売り上げ情報をもとにHTMLを生成します。
  3. 「変数代入処理」で生成したHTMLをスクリプト変数に格納します。
実行結果のイメージについては、以下を参照してください。

ポイントとなる機能

名前 説明 ツールパレット上の場所
HTMLデータ生成処理 Velocityを用いてメモリ上にHTMLデータを生成します。 「ファイル」-「HTML」-「HTMLデータ生成」

処理のポイント

サンプルプロジェクトの使用方法

上記処理を実装したサンプルプロジェクトを用意しています。サンプルプロジェクトを使用する場合の手順は、以下の通りです。

サンプルプロジェクトファイル名 rl_reference_041-043.zip
  1. サンプルプロジェクトの展開
    サンプルプロジェクトファイル「rl_reference_041-043.zip」を展開します。

  2. プロジェクトのアップロード
    「rl_reference_041-043.zip」を展開後に作成される「rl_reference_041-043プロジェクト」ディレクトリがプロジェクトファイルとなります。
    DataSpider Studioを起動し、マイプロジェクトの画面から[ファイル]-[ローカルからアップロード]で展開したディレクトリ「rl_reference_041-043プロジェクト」をアップロードしてください。
    本シナリオに該当するスクリプトは、「rl_reference_041-043プロジェクト」のスクリプト「rl_reference_043」です 。

  3. サンプルデータの準備
    「rl_reference_041-043.zip」を展開後に作成される「samples」ディレクトリがサンプルデータとなります。
    $DATASPIDER_HOME/server/samplesディレクトリに上書きしてください。

  4. サンプルデータベースの準備
    共通サンプルDBの「sample.zip」を展開し、「Sample.mdb」をODBCのデータソースに登録します。

  5. グローバルリソースの設定
    コントロールパネルの[グローバルリソースの設定]から、[新しいグローバルリソースの追加]を選択し、Accessのグローバルリソースを追加します。
    グローバルリソースの設定方法については、「グローバルリソースのプロパティ」を参照してください。

  6. プロジェクトをサービスとして登録
    スクリプトをHTTPトリガーから実行するため、プロジェクトをサービスとして登録します。
    デザイナから[ファイル]-[プロジェクトをサービスとして登録]を選択して登録します。
    サービス名は、「root@rl_reference_041-043プロジェクト」を設定します。

  7. HTTPトリガーの作成
    マイトリガーの画面から[ファイル]-[新規トリガー作成]を選択し、HTTPトリガーを作成します。
    HTMLトリガーは、以下のように設定します。

    HTTPトリガーの設定



    処理のポイント
    • HTTPトリガー実行のURLは、[実行パス]に「/sample_03」を設定してるため以下となります。
      http://<DataSpiderServer稼働OSのホスト名またはIPアドレス>:<ポート番号>/dataspider/trigger/sample_03
    • HTTPトリガー実行のURLにアクセスすると、スクリプトが実行されます。

    実行内容の設定



    処理のポイント
    • [スクリプト出力]の設定で、「HTML出力」の[値]にトリガー変数「trigger.outputData」を設定します。
      上記によって、スクリプト出力変数の値がウェブブラウザに渡されます。

  8. HTTPトリガー実行のURL変更
    サンプルプロジェクトのサンプルデータ「menu.html」に記述されている「form」タグのaction属性を、設定したHTTPトリガー実行のURLに変更します。

    <form method="POST" action="http://<DataSpiderServer稼働OSのホスト名またはIPアドレス>:<DataSpiderServerのポート番号>/dataspider/trigger/sample_03" target="contents">

スクリプトの作成手順

プロセスフローおよびデータフローは、「サンプルプロジェクトの説明」のスクリプト画像を参照して適宜設定してください。
  1. 検索条件・HTML出力データとして使用するスクリプト変数を作成します。

  2. デザイナのツールパレット「データベース」-「Access」-「検索系SQL実行」から、検索系SQL実行処理をスクリプトキャンバスに配置します。

  3. デザイナのツールパレット「ファイル」-「HTML」-「HTMLデータ生成」から、HTMLデータ生成処理をスクリプトキャンバスに配置します。

  4. HTMLビルダーを開き、検索系SQL実行処理で取得した結果をもとにHTMLを生成するため、Velocityテンプレートを編集します。

  5. デザイナのツールパレット「基本」-「処理」-「変数代入」から、変数代入処理をスクリプトキャンバスに配置します。

  6. 変数代入処理のMapperエディタを開き、生成したHTMLをスクリプト変数に代入する処理を作成します。

  7. スクリプトを保存し、プロジェクトをサービス登録後、HTTPトリガーを有効にします。
    サンプルプロジェクトのサンプルデータ「index.html」から会社コードを選択し、「検索」ボタンを押下します。
    生成したHTMLが表示されれば成功です。