legacy-knowledge-base
公開されました Jul. 2, 2025

Liferay 7.3 の App Builder によるローコード アプリケーションの作成

投稿者

Kanchan Bisht

knowledge-article-header-disclaimer-how-to

knowledge-article-header-disclaimer

legacy-article

learn-legacy-article-disclaimer-text

問題

  • 標準 'App Builder' アプリケーションを使用して、コードを 1 行も書かずに、専用のユーザー インターフェイスとデータ分離を備えた機能的なビジネス アプリケーションを作成する方法。

環境

  • Liferay DXP 7.3

解像度

  • アプリ ビルダーで作成されたすべてのアプリは、アプリ ビルダー UI で定義された 3 つのコンポーネントで構成されます。
    • オブジェクト、フォーム ビュー、およびテーブル ビュー
  • オブジェクトに基づいてアプリケーションを作成するには、次の 4 つの手順を実行します。
    • オブジェクトを作成する
    • 少なくとも 1 つのフォーム ビューを作成する
    • 少なくとも 1 つのテーブル ビューを作成する
    • アプリケーションをデプロイします。
  • ここでは、App Builder を使用して 2 つの簡単なフィードバック/レビュー アプリケーションを作成し、カスタム オブジェクト「従業員フィードバック リクエスト」に基づいて作成した手順を示します。
    • カスタム オブジェクトの作成
      • アプリケーション → アプリケーションビルダー → オブジェクト
      • 追加ボタン(追加)をクリックします。
      • 名前を入力してください: 「従業員フィードバック リクエスト」
    • フォームビューの作成
      • アプリケーション → アプリケーションビルダー → オブジェクト
      • [フォーム ビュー] タブから、[追加] ボタンをクリックします。 フォームビルダーが表示されます。
      • フォーム ビューに「従業員フィードバック フォーム」という名前を付けます。
      • スクリーンショットのレイアウトを使用して、以下を追加します。
        Name という名前の必須テキスト フィールド
        連絡先番号とラベル付けされた必須の番号フィールド。
        DOB というラベルの付いた必須の日付フィールド
        部門とラベル付けされたリストフィールドからの必須の選択
        複数行を許可するフィードバックというラベルの必須テキスト フィールド
      • フォーム ビューを保存するEmployeeFeedbackForm.png
    • テーブルビューの作成
      • 「従業員フィードバック リクエスト」オブジェクトを開く
      • [テーブル ビュー] タブから、[追加] ボタンをクリックします。 テーブルビルダーが表示されます。
      • テーブルビューに「Employee Submission Records」という名前を付けます
      • Feedback フィールドと DOB フィールドを除くすべての使用可能なフィールドをテーブル キャンバスにドラッグします。
      • テーブル ビューを保存するEmployeeSubmissionRecords.png
      • 別のテーブル ビューを作成します。
        テーブル ビューに「マネージャー レビュー フォーム」という名前を付けます。
        名前、部門、およびフィードバック フィールドをテーブル キャンバスにドラッグします。
        テーブルビューを保存するManagerReviewForm.png
    • アプリケーションのデプロイ
      • いくつかの展開オプションがあります。 ウィジェットスタンドアロン、および 製品 メニュー
      • Employee Feedback Request には、展開する 2 つのアプリがあります。従業員の詳細をフィードバックとともに追加し、それらのデータをページに入力するためのウィジェット アプリケーションと、従業員のフィードバックが表示される製品メニューの Manager Review アプリケーションです。
      • Employee Feedback Request を開きます (Applications → App Builder → Objects)。
      • [アプリ] タブから、[追加] ボタン (追加) をクリックします。
      • アプリに Employee Records という名前を付けます
      • フォーム ビュー、テーブル ビューを選択し、アプリの展開オプションを構成します。
      • Employee Records アプリケーションの場合は、[ウィジェット] を選択して [デプロイ] をクリックします。 Employee Records ウィジェット アプリケーションをページに展開してすぐに利用できるようになりましたEmployeeViewPage.png
      • 同じ手順に従って、Manager Records という名前の 2 つ目のアプリを作成します。今回は、アプリを製品メニューにデプロイすることを選択します (アプリケーション メニューに追加するには、デフォルトの選択のままにしておきます)。
      • アプリケーション メニューのマネージャー レコード エントリは次のとおりです。ManagerRecords.jpgManagerRecordView.png
did-this-article-resolve-your-issue

legacy-knowledge-base