intra-mart Accel Platform ローコード開発チュートリアルガイド 第15版 2024-04-01

4.3.2. テンプレートからアプリケーションのベースを作る

アプリケーション作成のテンプレートを利用し、これから作成していくアプリケーションの元となるアプリケーションを生成します。
本章では、「シンプルなワークフロー」テンプレートを利用し、登録、更新などの処理をもったアプリケーションを生成します。

4.3.2.1. 「シンプルなワークフロー」のテンプレートを利用したアプリケーションの生成

「サイトマップ」→「Accel Studio」→「アプリケーション作成」→「業務テンプレート一覧」の順に遷移します。
「ベーステンプレート」から「シンプルなワークフロー」テンプレートを選択します。
../../../_images/template_select_workflow.png

「シンプルなワークフロー」テンプレートを利用すると、扱うデータの定義に合わせたデータベースのテーブル、画面、処理を自動で生成できます。
また、申請対象者を設定することで、対象者の「申請一覧」画面に作成したアプリケーションを表示できます。
「シンプルなワークフロー」テンプレートを使用することで、自動生成される画面、処理は以下の通りです。
  • 画面
    • ワークフロー画面
  • 処理
    • WF完了案件削除処理
    • WF過去案件削除処理
    • WF未完了案件削除処理
    • WFアクション処理
    • ユーザデータ削除処理
    • ユーザデータ取得処理

コラム

アプリケーションを作成する際、入力項目について不明点あれば各項目名の横にある as_template_help にカーソルを合わせてください。
アプリケーション利用時にどのように利用される項目であるか、設定を変えるとどのような変化があるかの説明が表示されます。
../../../_images/workflow_template1.png

4.3.2.1.1. アプリケーション情報の設定

アプリケーション情報を設定します。
アプリケーションID、アプリケーション名、説明に以下の入力値を設定してください。
※アプリケーション情報に関しては、各項目に任意の入力値を設定してもかまいません。本チュートリアルは、下記の通りのアプリケーションID、アプリケーション名を入力した前提で進めます。
※「IDの決定に利用する文字列」はアプリケーションIDを入力すると自動的に入力されます。本チュートリアルでは自動入力された文字列をそのまま用いて進めます。
ラベル 入力値
アプリケーションID tutorial_daily_report_app
アプリケーション名 【チュートリアル】日報アプリケーション
説明 シンプルなワークフローテンプレートを利用して作成する日報アプリケーションです。
../../../_images/workflow_template2.png

4.3.2.1.2. 扱うデータの定義設定

次に、アプリケーションで利用するデータの定義を設定します。
ここで設定した定義を元に、データベースのテーブル、画面、処理が作成されます。
ワークフローテンプレートのデータ定義は「IM-Repository」のデータリポジトリ機能を利用して作成します。
IM-Repository資材の設定には簡易と詳細の2つの設定方法が用意されています。
本チュートリアルでの設定は詳細に設定するため、「詳細に設定する」へチェックを入れます。

エンティティについての情報を設定します。
エンティティID、エンティティ名、登録先エンティティカテゴリ、エンティティに紐づくテーブル名に以下の値を設定してください。
ラベル 入力値 備考
エンティティID tutorial_daily_report_app_entity  
エンティティ名 【チュートリアル_エンティティ】日報アプリケーション  
登録先エンティティカテゴリ 【チュートリアル】エンティティ 任意のカテゴリで構いません。本チュートリアルでは新規作成しています。
データベース種別 TENANT  
エンティティに紐づくテーブル名 tutorial_daily_report_app  
上記の設定で、エンティティに紐づく「tutorial_daily_report_app」というテーブルが作成できます。
「IM-Repository」の機能により、エンティティの変更に合わせ、データベースのテーブルおよびテーブルを利用する登録、更新処理も変更されます。
「エンティティ情報」の「+エンティティ項目を追加」 - 「辞書項目を新規作成」を選択してください。
../../../_images/workflow_template7.png
「辞書項目新規作成」ダイアログで、基本設定を入力しましょう。
まずは、日報の「タイトル」を設定します。以下の表および画面を参考に設定してください。
ラベル 入力値 備考
登録先辞書項目カテゴリ 【チュートリアル】ワークフロー辞書 任意のカテゴリで構いません。本チュートリアルでは新規作成しています。本章で作成する辞書項目は全てこのカテゴリに設定してください。
辞書項目ID tutorial_workflow_title  
辞書項目名 タイトル 画面に表示される項目名にも利用されます。
データ型 TEXT  
変数名 title 画面や処理で利用する変数に利用されます。

../../../_images/workflow_template8.png

「登録先辞書項目カテゴリ」は画面や処理では利用しないため、任意のカテゴリを設定してください。本チュートリアルでは、「【チュートリアル】ワークフロー辞書」というカテゴリを作成しています。本章で作成する辞書項目はすべてこのカテゴリに設定してください。
「辞書項目ID」も画面や処理では利用しませんが「IM-Repository」内で一意に設定します。重複に注意してください。
次に「データ」の項目を設定します。「データ」の項目では、エンティティの紐づけの設定を行います。本チュートリアルでは、Database設定のみを行います。
「物理名」に「title」、「最大桁数」に「1000」と設定してください。
../../../_images/workflow_template9.png
設定がすべて完了したら「設定」ボタンをクリックしてください。 エンティティ情報に設定した辞書項目が1行追加されます。
「タイトル」の設定の最後に、追加したデータの設定を行いましょう。
「表示形式」を「テキストボックス」と設定してください。「必須」にチェックを入れてください。
../../../_images/workflow_template10.png
これで、「タイトル」の設定は完了です。同様の手順で、以下の表に合わせてデータを作成しましょう。
なお、本チュートリアルでは辞書項目に設定する「変数名」とデータの「物理名」には同様の値を設定しています。
辞書項目ID 辞書項目名 データ型 変数名 / 物理名 最大桁数 表示形式 主キー 必須
tutorial_workflow_title タイトル TEXT title 1000 テキストボックス  
tutorial_workflow_daily_report 日報 TEXT daily_report 20000 複数行テキストボックス  
tutorial_workflow_submission_date 提出日 DATE submission_date   日付    
tutorial_workflow_applicant 申請者 TEXT applicant 1000 テキストボックス    
tutorial_workflow_approval_comment 承認コメント TEXT approval_comment 20000 複数行テキストボックス    
tutorial_workflow_approver 承認者 TEXT approver 1000 テキストボックス    
../../../_images/workflow_template11.png

4.3.2.1.3. ワークフロー情報の入力

次に、アプリケーションで利用するデータの定義を設定します。
「新規にルートを作成する」を選択してください。

まず、「利用開始日」に現在日を入力します。

次に処理対象者を指定します。
「処理対象者の設定」の「処理対象者を指定する」にチェックを入れます。
「申請対象者の指定方法」のプルダウンから「ユーザ」を選択します。「+追加」をクリックするとユーザ検索ダイアログが表示されるので、青柳辰巳ユーザを選択し、「決定」をクリックして追加します。
同じく、「承認対象者の指定方法」のプルダウンから「ユーザ」を選択します。「+追加」をクリックするとユーザ検索ダイアログが表示されるので、上田辰男ユーザを選択し、「決定」をクリックして追加します。
../../../_images/workflow_template4.png
ワークフロー情報の入力まで完了したらテンプレートを利用したアプリケーション新規作成の準備が完了です。「アプリケーション作成」をクリックし、確認ダイアログの「ビルド」をクリックします。
../../../_images/workflow_template5.png

テンプレートからデータベース、画面、処理が自動で生成されます。
画面のステータス項目がCOMPLETEであれば、テンプレートからの自動作成は完了です。
../../../_images/workflow_template6.png

次のページでは、自動作成した処理の修正を行います。