Web UI フレームワーク Designer Workbench を使用した画面の作成と変更

このフラグは、オーバーレイ (Extensibility Workbench のみが作成) を含まない Designer Workbench で行われた任意の変更をピックアップするためにも 使用されます。

Web UI Nature フラグを取得するには、 MTCE ツールをダウンロードしてセットアップする必要があります。

• URL にアクセスする場合:

  アプリケーションを開き、以下の URL を入力して Designer Workbench を開きます。

  http://< ip address>:< port>/< コンテキスト・ルート・パス>/designer/workbench.html

• オフライン・ファイルにアクセスする場合:

  Designer Workbench が ローカル・ファイル・システム内にインストールされている場合は、workbench.html ファイルを 見つけて開くことによって、直接開くことができます。 これにより、サーバーを実行せずに 画面を設計することができます。

  workbench.html ファイルを開くには、 2 つのオプションがあります。

  • 展開された STK WAR フォルダーから workbench.html を起動できます。

    <stk_war>\designer\workbench.html

  • <インストール> /repository/eardata/platform_uifwk_ide/war/designer フォルダー全体、および <インストール> /repository/eardata/platform フォルダーの内容を単一のローカル・フォルダーに入れてから、 < 新規フォルダー (new_folder>)/designer/workbench.html からワークベンチを起動することができます。

• ウィジェットを追加するには、「パレット」タブをクリックします。 ウィジェットを選択します。 キャンバス上で、 ウィジェットを表示したい場所をクリックします。
• ツリー表示を使用して、キャンバス上でウィジェットを配置する方法についての ディレクトリー・スタイルの概要を表示します。 また、ツリー表示を使用して、 アイテムの削除またはアイテムの再配置をします (例えば、1 つの列をあるグリッドから別のグリッドに移動したり、 またはボタンをあるパネルから別のパネルに移動したりします)。
• プロパティー・ビューを使用して、コントロール・プロパティーを変更します。
• (オプション) マッシュアップを作成するには、「データ」タブをクリックします。 出力データ・ソースを 構成します。 次に、「マッシュアップ」ボタンをクリックして、 mashup xml ファイルを作成します。このファイルには、出力データ・ソースへの参照が 含まれます。
• (オプション) 「コード・テンプレート生成プログラム (Code Template Generator)」ウィンドウを使用して、「コードの更新 (Code Update)」ページに貼り付けてアプリケーション内で更新するか、または (変更が永続的な場合) アプリケーションの mashup.xml または Struts ファイルなどの関連ファイルに 保存できるコードを生成します。 「コード・テンプレート生成プログラム (Code Template Generator)」 ウィンドウにアクセスするには、「その他」ボタンの近くにある 「コードの生成 (Generate Code)」ボタンを使用します。