コンテンツをモデリングする

最終更新日: 2021.03.09

このページはチュートリアルの一部であり、最初から最後まで順番に実行する必要があります。最初のページに移動します：Xperienceのインターフェース

以下について説明します

Xperienceのページタイプ
ホームページのページタイプの作成
医療センターページのページタイプの作成
ページタイプとコンテンツツリーベースのルーティング

このチュートリアルのステップ1とステップ2では、開発環境の設定を行いました。それでは、チュートリアルサイトの構築を始めましょう。

ウェブサイトは2つのページとシンプルなナビゲーションメニューで構成されています。ホームページは、ヘッダー、テキストの見出し、テキストそのものにコンテンツを構成します。メディカルセンターのページには、ヘッダーのテキストフィールドとHTMLを使ってフォーマットできるコンテンツフィールドがあります。コンテンツ編集者がメニューを完全に制御できるように、ページタイプはナビゲーション機能を使用します。

このチュートリアルのステップでは、サイトのコンテンツを保存するページのページタイプを作成します。

Xperienceのページタイプ

ページタイプは、データ構造とその他の構成オプションを定義し、それらは、任意の数の個々のページで再利用可能です。ページは、各サイトの階層的なコンテンツツリー内に編成されています。ページは、ライブサイトで利用可能な実際のページを表したり、（他のページで使用される）データコンテナとして機能したり、サイトのコンテンツツリーを整理するために使用されるフォルダとして機能したりします。

ページのデータの保存について

ホームページのページタイプの作成

ブラウザの Xperience管理インターフェイスに戻ります (http://localhost/Xperience13_Admin の下で実行されています)。
Page typesアプリケーションで、「New page type」ボタンをクリックしてウィザードを開始します。
ウィザードのStep1で、以下の値を入力します。
- Page type display name: Home (MEDIO Clinic)
- Namespace: MEDIO
- Name: Home
[Next]ボタンをクリックします。
Step2で、Page builder、URL、Navigation itemの機能を選択します。
[Next]ボタンをクリックします。
ステップ3では、デフォルトのデータベーステーブルの値のままにして、[Next]ボタンをクリックします。
ステップ4では、新規フィールドボタンをクリックして、ページヘッダー用のフィールドを作成します。
以下の値を入力します。
- Field name: HomeHeader
- Data type: Text
- Size: 1000
- Field caption: Header
- Form control: Text area
[Save]ボタンをクリックします。
新規フィールドボタンをクリックして、以下の値を持つページ見出しの2番目のフィールドを作成します。
- Field name: HomeTextHeading
- Data type: Text
- Size: 200
- Field caption: Text heading
- Form control: Text box
[Save]ボタンをクリックします。
ページテキストの3番目のフィールドを以下の値で作成します。
- Field name: HomeText
- Data type: Long text
- Field caption: Text
- Form control: Text area
[Save]ボタンをクリックします。
[Next]ボタンをクリックします。
ステップ5では、何も変更せずに、[Next]ボタンをクリックします。
ステップ6では、[Finish]をクリックして、新しいページタイプのウィザードを完了します。

ページタイプのラッパークラスの準備

新しいページとそのコンテンツを追加する前に、Core アプリケーションでこのページタイプを使用できることを確認しておきましょう。Xperience では、ユーザーインターフェイスから直接ページタイプのコードを生成することができます。

ホーム（メディオクリニック）ページタイプのコードを生成するには、[コード] タブに切り替えます。
保存パス（デフォルトでは、パスは ~/Old_App_Code/CMSClasses に設定されています）を確認して、コードを保存をクリックします。

コード・ジェネレーターは、アイテムとプロバイダのラッパー・クラスであるHomeとHomeProviderを作成します。私たちが興味を持っているのは Item ラッパークラス - Home だけです。このクラスには、ページタイプを作成する際に定義したページタイプフィールド（HomeHeader, HomeTextHeading, HomeText）にマッチするプロパティと、システム内のすべてのページで共有される他のプロパティが含まれています。これにより、ページによって保存されているすべてのデータへの強力な型付けされたアクセスが可能になります。

チュートリアルの後半では、Webサイトのコンテンツを表示するためにHomeクラスを使用します。しかし、その前に、チュートリアルウェブサイトを構築するために必要なすべてのページタイプの作成を終わらせましょう。

医療センターページのページタイプの作成

ページタイプアプリケーションで、[新規ページタイプ] ボタンをクリックしてウィザードを開始します。
ウィザードのステップ1では、以下の値を入力します。
- Page type display name: Medical center (MEDIO Clinic)
- Namespace: MEDIO
- Name: MedicalCenter
ステップ2では、ページタイプのURLとナビゲーション項目の機能を選択します。
ステップ3では、デフォルトのデータベーステーブルの値を残して、[次へ]をクリックします。
ステップ4では、次の値を持つ2つのフィールドを作成します。

a.医療センターのヘッダーのフィールド
- Field name: MedicalCenterHeader
- Data type: Text
- Size: 200
- Field caption: Header
- Form control: Text box
b.医療センターテキストのフィールド
- Field name: MedicalCenterText
- Data type: Long text
- Field caption: Text
- Form control: Rich text editor
ページタイプウィザードを終了し、残りの手順はデフォルト値のままにしておきます。
[Save]ボタンをクリックします。
[Code]タブに切り替えます。
Save pathが ~/Old_App_Code/CMSClasses に設定されていることを確認し、ページタイプのコードを保存します。

ページタイプとコンテンツツリーベースのルーティング

前のステップでコンテンツツリーベースのルーティングを有効にし、作成したページタイプの URL 機能を有効にしたので、ページタイプに基づくすべてのページは、サイトのコンテンツツリー内の位置を反映した URL の下で自動的にアクセスできるようになります。私たちは、ページのコンテンツをフォーマットするためにビュー(.cshtml)ファイルを提供する必要があるだけです。

例えば、ホーム（ホーム（メディオクリニック）のページタイプに基づいて）というページを作成し、Xperience のウェブサイトのルートの下に配置したとします。作成されたページは、接続された MVC アプリケーションの <domain>/home の下に自動的にアクセスできるようになります。

このアプローチの真のメリットは、ライブサイトの MVC アプリケーションを設計してみてから実感することになるでしょう。

前のページ： コアアプリケーションの構成— 次のページ： ページの作成

完成したページ： 10の4

原文：https://docs.xperience.io/13tutorial/asp-net-core-development-tutorial/modeling-content

Document