Entandoアプリケーションを構成するコンポーネント- CMSコンポーネント

おい、私の仲間の開発者.
ここでは、entandoコンポーネントサブシリーズの2番目のエピソードです.バックエンドサービス、マイクロフロントエンドとコードフラグメントを管理するコンポーネントを発見した後、我々はコンテンツ管理コンポーネントについてもっと学びます.
このブログのポストは、どのようにバンドル内で定義することができますを含む構成要素についての詳細にダイブするシリーズの第二は、どのように彼らはEntandoアプリケーションに展開することができますどのように、それらはEntandoアプリケーションビルダーを介して構成され、どのようにアプリケーションでレンダリングされます.

コンテンツ管理

CMSアセット

CMSの資産は、コンテンツ内の静止資産を参照することができます.

correlationCode: '17'
type: image
name: 113f4437cac3b3f3d4db7229f12287a4_d3.png
description: 113f4437cac3b3f3d4db7229f12287a4_d3.png
group: free
categories: []

Correlation Codeは、資産をコンテンツコンポーネントに使用するときに使用する一意の資産IDです.

資産タイプを入力します.

この資産に使用されるファイル名をnameに指定します.

説明この資産の説明.

グループこのグループの所有者グループ.

カテゴリーカテゴリーカテゴリー資産は属します...

資産はコンテンツ記述子でそれを「相関関係コード」を使用して内容にリンクするために使うことができます.

- code: img
 value: null
 values:
   en:
     correlationCode: '29'
     name: dashboard.png

資産は、アプリのビルダーのメニューコンテンツ＞資産の下で利用可能です

コンテンツタイプ

コンテンツタイプは、コンテンツの種類のデータ構造です.すべてのコンテンツはコンテンツタイプを持たなければなりません.

code: SDN
name: Standard Demo News
status: '0'
attributes:
 - code: title
   type: Text
   names:
     en: title
   roles: []
   disablingCodes: []
   mandatory: true
   listFilter: true
   indexable: true
   validationRules:
     minLength: null
     maxLength: null
[...]

コード固有のcontent typeコードは、大文字で3文字でなければなりません.

コンテンツタイプ名を指定します.

属性将来のコンテンツにアクセスできる属性のリスト.

コンテンツタイプは、コンテンツの種類を編集

コンテンツテンプレート

コンテンツテンプレートは、指定されたコンテンツタイプのレイアウトとスタイルを定義します.つのコンテンツタイプは、同じコンテンツの異なるレイアウトの複数のコンテンツテンプレートを持つことができます.

id: 5
contentType: SDB
description: Banner  dark green background
contentShape: |-
 <div class="main-banner-darkgreen ">
     <div class="row">
         <div class="col-lg-6 col-xs-12">
             <div class="text-wrapper">
                 <h1>$content.title.text</h1>
                 <p>$content.subtitle.text</p>
             </div>
         </div>
         <div class="col-lg-6 col-xs-12 image-center">
             <div class="centered-image">
                 <img src="$content.img.getImagePath('0')" alt="$content.img.text" />
             </div>
         </div>
     </div>
 </div>

idテンプレートのユニークなID.

ContentTypeこのテンプレートを使用するContent - Type Typeコードの一意のID.

このコンテンツタイプの簡単な説明.

ContentShapeコンテンツをレンダリングするために使用するHTMLコード.コンテンツオブジェクトは"$ content "キーワードを使用してアクセスできます.

テンプレートは、アプリケーションのビルダーでコンテンツテンプレートを編集する

内容

コンテンツは、アプリケーションでレンダリングできる情報の一部です.コンテンツは、アプリケーションで配備されている言語の国際化をサポートします.

id: SDB28
typeCode: SDB
description: Banner with dark green background
mainGroup: free
status: PUBLIC
attributes:
 - code: title
   value: null
   values:
     en: Financial Health Dashboard
   elements: []
   compositeelements: []
   listelements: {}
 - code: subtitle
   value: null
   values:
     en: 'Take charge of your finances. Stay informed of your cash and savings, and know where your money is going so you can invest your money where you want it to go. Seed automatically organizes the data from all of your Seed accounts so you can see how much and where your money is being spent.'
   elements: []
   compositeelements: []
   listelements: {}
 - code: descr
   value: null
   values: {}
   elements: []
   compositeelements: []
   listelements: {}
 - code: img
   value: null
   values:
     en:
       correlationCode: '29'
       name: dashboard.png
   elements: []
   compositeelements: []
   listelements: {}
 - code: link
   value: null
   values: {}
   elements: []
   compositeelements: []
   listelements: {}
 - code: accord
   value: null
   values: {}
   elements: []
   compositeelements: []
   listelements: {}

idはユニークなコンテンツIDです.

content typeからのcontent typeコードをタイプします.

このコンテンツの簡単な説明.

この資産の所有者グループ.

コンポーネントがアプリケーションで使用できない場合は未発行の状態です.

属性は、content typeから継承された属性の配列で、内容を設定する必要があります.

コンテンツは、コンテンツを編集することができます

標準的なデモ・バンドルのページでのアクションの内容

カテゴリー

カテゴリーは、カテゴリーをビジネスカテゴリーに分類します.

- code: benefits
 parentCode: home
 titles:
   en: Benefits
   it: Benefits
- code: customer_service
 parentCode: home
 titles:
   en: Customer service
   it: Customer service

コードは、カテゴリー

のユニークなコードです

ParentCodeページ階層の親ページを識別します.

タイトルは、各々の有効な言語

のための値を含む

カテゴリは、アプリケーションビルダーのコンテンツ

次は何

現在、我々はEntandoコンポーネントのためのバンドル定義を発見して、CMS内容をインストールして、次のブログ柱がページ管理、I 18 Nとあなたが束で管理することができるユーザー管理についてであるとわかりました.