ディストリビューター・アプリケーションにカスタムレイアウトとカスタムビューを追加する

50以上のフィールドを持つ現在のディストリビューター・アプリケーションのユーザー・インターフェイスは、エントリーの作成と表示にはもはや実行不可能です。 これは、デフォルトの レイアウト と 閲覧数 が、すべてのオブジェクト・フィールドを含み、アルファベット順に表示するためです。 レイアウトはオブジェクト・エントリーを作成・編集するためのUIを提供し、ビューは既存のエントリーを表示・管理するためのUIを提供する。

データ構造のモデリングを進める前に、cURLスクリプトを使用してDistributor Application用のカスタムレイアウトとビューを作成します。

note

その後のレッスンでは、Liferayのページビルダー機能を使って、魅力的でレスポンシブなユーザーインターフェイスをデザインする方法を探ります。 ここでは、カスタムレイアウトとカスタムビューは、開発中のデモンストレーション目的で使用されています。

レイアウトとビューの追加

1. この演習のリソースをダウンロードし、解凍してください 。

   curl https://resources.learn.liferay.com/courses/latest/en/application-development/modeling-data-structures/liferay-t7z2.zip -O
   

   unzip liferay-t7z2.zip
   

   この.zipファイルには、object-admin REST APIを使用してDistributor Applicationオブジェクトにレイアウトとビューを追加するシェルスクリプトが含まれています。

2. liferay-t7z2/curl に移動する。

   cd liferay-t7z2/curl
   

3. このスクリプトを実行してレイアウトを追加する：

   ./ObjectLayout_POST_BasicLayout_ByExternalReferenceCode.sh
   

4. Distributor Application オブジェクトの Layouts タブに Basic Layout が表示されていることを確認します。

   

   レイアウトには2つのタブがあり、フィールドは折りたたみ可能なブロックに整理されている：

   • 最初のタブはエントリー作成時に利用でき、6つのセクションがあります：一般詳細」、「連絡先情報」、「ビジネス詳細」、「ビジネス住所」、「追加ビジネス情報」、「添付ファイル」です。

   • 2つ目のタブは、既存の申請書を編集する場合にのみ利用でき、2つのセクションがあります：銀行詳細」と「信用照会詳細」です。

   

5. ビューを追加する：

   ./ObjectView_POST_BasicView_ByExternalReferenceCode.sh
   

6. Distributor Application オブジェクトの Views タブに Basic View が表示されていることを確認します。

   

   ビューには5つの列があります：ID、申請者名、ビジネス名、作成日、ステータス。

   

カスタムレイアウトとカスタムビューは、ディストリビューターアプリケーションのデフォルトとしてマークされているため、すぐにアクティブになります。

カスタムレイアウトとカスタムビューの使用

ディストリビューター・アプリケーション・オブジェクトにエントリーを作成する練習をし、オブジェクトが新しいレイアウトとビューを使用していることを確認します。

• レイアウト:

  

• 表示:

  

ここまでで、KYCポリシーに従うため、AML法を遵守するため、そして各アプリケーションの将来的な価値を評価するために、Delectable Bonsaiが必要とするすべてのフィールドとピックリストを追加しました。

今、Delectable Bonsaiは評価メモを保存し、特定の用途に関連付ける方法を必要としている。 そのために、アプリケーション評価定義を設定し、オブジェクトのリレーションシップを実装します。

次へ アプリケーション評価オブジェクトの設定

関連コンセプト

• レイアウト
• 閲覧数