Web UI フレームワークのコード・テンプレート生成プログラム

Designer Workbench の上部ツールバーの「コードの生成 (Generate Code)」オプションから コード・テンプレート生成プログラムにアクセスします。

生成プログラムには、 以下のセクションがあります。

  • 使用可能なテンプレート

    使用可能なすべてのテンプレートがツリー表示に 表示されます。 デフォルト・テンプレートおよびカスタム・テンプレートが含まれています。 デフォルト・テンプレートは、JSB (JavaScript Builder)、マッシュアップ、Struts アクション、リソース、リソース許可、およびメニューで使用可能です。

    uifwk クランプのみ 使用するアプリケーションは、既存の Designer Workbench で使用できる デフォルトの JSB テンプレートのみを持ちます。

    デフォルト・テンプレートの コピーからカスタム・テンプレートを作成します。

  • テンプレートの詳細

    変更可能な変数テキスト (「テンプレート入力変数 (Template Input Variables)」セクション) およびテンプレートから生成される コード (「生成済みコード (Generated Code)」セクション) が含まれます。 「テンプレート入力変数 (Template Input Variables)」セクション内の フィールドは、テンプレートのタイプにより異なります。

「コード・テンプレート生成プログラム」ウィンドウ

例えば、デフォルト JSB テンプレートを右クリックしてから、 「選択対象から作成 (Create from selected)」をクリックすることで、 デフォルト・テンプレートから新規 JSB テンプレートを作成できます。 これにより、 「新規テンプレート作成 (Create New Template)」ウィンドウが表示されます。 次に、 「新規テンプレート作成 (Create New Template)」ウィンドウの「ユーザー定義変数 (User Defined Variables)」セクションを使用して、 expr タイプおよび className の値を使用する、新しい target_name 変数を追加します。 同じコード・テンプレートを 使用する場合、この変数が className 変数の値を 取得するようになるため、ターゲット名 (Target Name) の入力を削除できます。 保存されると、このカスタム JSB テンプレートには、デフォルト JSB テンプレートに 表示される 6 つの入力フィールドの代わりに、「コード・テンプレート生成プログラム (Code Template Generator)」 ウィンドウの 5 つの入力フィールドが含まれます。 また、 テンプレートを変更して className 変数を target_name 変数の代わりに使用可能であり、 その結果は同じです。

デフォルト・テンプレートを変更することはできませんが、その内容をコピーして カスタム・テンプレートを作成できます。 別のカスタム・テンプレートを作成するために、カスタム・テンプレートを 編集したり、その内容をコピーしたりできます。

「テンプレート入力変数 (Template Input Variables)」セクションに表示されるフィールドは、 変更するコンポーネントにより異なります。 このセクションに入力する値は、 生成される XML コードに割り当てられます。 これらの値は、画面の json ファイルにも保管されます。

例えば、JSB テンプレートを示す上の図で、stk は プロジェクト名変数の値です。プロジェクト名変数は、コード・テンプレートで使用される proj_name 変数 (JSB プロジェクト) のラベルです。 stk の値は、 それに対応する変数 (proj_name) に割り当てられ、生成されるコード内で 置換されます。

「テンプレート入力変数 (Template Input Variables)」セクション内の値は、 「コードの生成 (Generate Code)」ボタンをクリック後に「生成済みコード (Generated Code)」セクションに表示されます。 ユーザーは、生成されるコードを直接変更することができますが、このセッション中に、 「コードの生成 (Generate Code)」ボタンを再度クリックすると、 それらの変更は失われます。 「生成済みコード (Generated Code)」フィールド内のテキストは、 ディスク上のファイルには保存されません。 生成されたコードは別のファイルに コピーできます。

「OK」ボタンをクリックすると、 画面の変更のすべてが画面の json ファイルに保存されてから、 コード・テンプレート生成プログラムが終了します。 つまり、すべてのテンプレートのすべての変数値 が保存されます。 「キャンセル」ボタンをクリックすると、 変更が画面の json ファイルに保存されずに コード・テンプレート生成プログラムが終了します。