5.3.3. CSVエクスポート¶

5.3.3.2.1. 「CSVエクスポート」機能の追加手順¶

1. 「既存アプリケーションの更新」画面への遷移

   「アプリケーション管理」画面の「テンプレートからリソースを追加する」をクリックします。
   
   
   

   「業務テンプレート一覧」が表示されるので、「CSVエクスポート」テンプレートを選択します。
   
   
   
2. IDの決定に利用する文字列の設定

   「既存アプリケーションの更新」画面が表示されたら、「IDの決定に利用する文字列」を設定します。

   「IDの決定に利用する文字列」は、各処理やIDなどに利用されます。
   

   コラム

   「既存アプリケーションの更新」画面では、既存アプリケーションの基本情報が自動入力されます。

   なお、アプリケーションIDとアプリケーション名は変更できません。
   
   
3. 利用するデータベース種別とテーブルの名称の設定

   次に、利用するデータベース種別とテーブルの名称を設定します。

   なお、「CSVエクスポート」テンプレートでは、既存のテーブルを利用します。
   
   
   
4. 既存アプリケーションの更新

   アプリケーションの基本情報とテーブル情報を設定した後、「既存アプリケーションの更新」ボタンをクリックしてください。

   入力項目に不備が無ければ、自動で既存アプリケーションの更新が行われます。
   
   
   
5. 既存アプリケーションの更新結果

   アプリケーションの更新が完了すると、ステータスが「COMPLETE」と表示されます。
   

5.3.3.2.2. IM-BloomMaker資材の編集¶

1. 新規アクションの追加
   1. Export CSV アクション

      アクション名には「Export CSV」と入力してください。

      「IM-LogicDesigner」から「IM-LogicDesigner フロールーティング○にリクエストを送信する」アクションアイテムを配置して、以下のように設定してください。

      項目	指定する値	備考
      ルーティング	accel-studio-app/{IDの決定に利用する文字列}/export-csv	「CSVエクスポート処理」で検索してください。
      セキュアトークンを送信する	チェックを入れない

      
      アクションアイテムの設定後、「決定」をクリックしてアクションを保存してください。
   
   
2. コンテナページの追加

   新規にコンテナページを追加し、「フレックスコンテナ」のエレメント固有の「name」には「Button Area」と入力してください。
   
   
   
3. 既存エレメントのコピー

   コンテナ「Table Operation」の「フレックスコンテナ」を選択した状態で、「コピー」をクリックしてください。
   
   
   

   その後、先ほど作成したコンテナ「Button Area」に、コピーしたエレメントを貼り付けてください。
   
   
   
4. コピーしたエレメントの編集

   右の「フレックスアイテム」内の「ボタン要素」のエレメント固有には以下を設定してください。

   プロパティ	指定する値	備考
   textContent	CSV Export
   leftIconClass	空欄	元々設定されていた「fas fa-plus」を削除してください。

   
   
   

   「ボタン要素」のイベントの「クリック時」には先ほど作成した「Export CSV」を設定してください。
   
   
   

   「ボタン」のイベントの「クリック時」に設定されている「Transition to Register Screen」アクションを「なし」に変更してください。
   
   
   
5. 追加したコンテナページの配置

   「パーツ」から「コンテナページ埋め込み」エレメントをコンテナ「Overall」に配置してください。

   「コンテナ埋め込みページ」のエレメント固有の「page」には、作成した「Button Area」を指定してください。
   
   
   
6. 編集内容の保存

   最後に編集内容の保存を行います。画面左上の「上書き保存」をクリックしてください。
   

5.3.3.2.3. 「CSVエクスポート」機能の使用例¶

5.3.3.2.3.1. 一覧画面¶

「一覧画面」では、CSVファイルをエクスポートできます。

「CSV Export」ボタンをクリックすると、CSVファイルがダウンロードされます。

5.3.3.3.1. CSVエクスポート処理¶

accel-studio-app/{IDの決定に利用する文字列}/export-csv

GET

{
  "body": ""
}