ページタイプの作成
最終更新日:
このページはチュートリアルの一部であり、最初から最後まで順番に実行する必要があります。最初のページに移動します:Xperienceのインターフェース
以下について説明します:
-
Xperienceのページタイプ
-
ホームページのページタイプの作成
-
医療センターページのページタイプの作成
-
ページタイプとコンテンツツリーベースのルーティング
このチュートリアルのステップ1とステップ2では、開発環境の設定を行いました。それでは、チュートリアルサイトの構築を始めましょう。
ウェブサイトは2つのページとシンプルなナビゲーションメニューで構成されています。ホームページは、ヘッダー、テキストの見出し、テキストそのものにコンテンツを構成します。メディカルセンターのページには、ヘッダーのテキストフィールドとHTMLを使ってフォーマットできるコンテンツフィールドがあります。コンテンツ編集者がメニューを完全に制御できるように、ページタイプはナビゲーション機能を使用します。
このチュートリアルのステップでは、サイトのコンテンツを保存するページのページタイプを作成します。
Xperienceのページタイプ
ページタイプは、データ構造とその他の構成オプションを定義し、それらは、任意の数の個々のページで再利用可能です。ページは、各サイトの階層的なコンテンツツリー内に編成されています。ページは、ライブサイトで利用可能な実際のページを表したり、(他のページで使用される)データコンテナとして機能したり、サイトのコンテンツツリーを整理するために使用されるフォルダとして機能したりします。
ページデータはどのように保存されますか?
ページタイプは、データ構造を定義するためにフィールドを使用します。コンテンツ エディタは、これらのフィールドを使用してウェブサイトのコンテンツを編集します。各ページタイプには、定義されたフィールドの値を格納する別のデータベーステーブルがあり、さらに2つの一般的なテーブルを使用して追加のページ情報を格納します。
例えば、チュートリアルウェブサイトのホームページタイプには3つのフィールドがあります。最初の2つのテキストフィールドはページのヘッダーと見出しを保持し、3つ目のフィールドはテキストエリアになります。この新しいページタイプに基づくページは、その内容がMEDIO_Homeデータベーステーブルに保存されます。一般的なページプロパティなどの追加データはCMS_Documentテーブルに格納され、コンテンツツリー階層におけるページの位置に関連するデータはCMS_Treeテーブルに格納されます。
ホームページのページタイプの作成
-
ブラウザの Xperience 管理インターフェイスに戻ります (http://localhost/Xperience13_Admin の下で実行されています)。
-
Step1では、以下の値を欄に入力します。
-
Nextボタンをクリックします。
-
Nextボタンをクリックします。
-
Step3では、デフォルトのデータベース・テーブル値のまま操作せずNextボタンクリックします。
-
Step4では、クリックし新しいフィールドのフィールドを作成するには、ボタンをページヘッダー。
-
次の値を入力します。
-
Saveボタンをクリックします。
-
新規フィールドボタンをクリックして、以下の値を持つページ見出しの2番目のフィールドを作成します。
-
Field name: HomeTextHeading
-
Data type: Text
-
Size: 200
-
Field caption: Text heading
-
Form control: Text box
-
-
Saveボタンをクリックします。
-
次の値を使用して、ページテキストの3番目のフィールドを作成します。
-
Saveボタンをクリックします。
-
Nextボタンクリックします。
-
Step5ではなにも変更せずNextボタンをクリックします。
-
ステップ6で、Finishボタンをクリックして、新しいページタイプのウィザードを完了します。
ページタイプのラッパークラスの準備
新しいページとそのコンテンツを追加する前に、MVC アプリケーションでこのページタイプを使用できることを確認しておきましょう。Xperience では、ユーザーインターフェイスから直接ページタイプのコードを生成することができます。
-
ホーム(メディオクリニック)ページタイプのコードを生成するには、コードタブに切り替えます。
-
保存パスを確認して(デフォルトでは、パスは ~/Old_App_Code/CMSClasses に設定されています)、コードの保存をクリックします。
コード・ジェネレーターは、アイテムとプロバイダのラッパー・クラスであるHomeとHomeProviderを作成します。私たちが興味を持っているのは Item ラッパークラスであるHomeだけです。このクラスには、ページタイプを作成する際に定義したページタイプフィールド(HomeHeader, HomeTextHeading, HomeText)にマッチするプロパティと、システム内のすべてのページで共有される他のプロパティが含まれています。これにより、ページによって保存されているすべてのデータへの強力な型付けされたアクセスが可能になります。
チュートリアルの後半では、Webサイトのコンテンツを表示するためにHomeクラスを使用します。しかし、その前に、チュートリアルウェブサイトを構築するために必要なすべてのページタイプの作成を終わらせましょう。
医療センターページのページタイプの作成
-
ページタイプアプリケーションで、New page typeボタンをクリックしてウィザードを開始します。
-
ステップ1では、以下の値を入力します。
-
Page type display name: Medical center (MEDIO Clinic)
-
Namespace: MEDIO
-
Name: MedicalCenter
-
-
ステップ2では、ページタイプのURLとナビゲーション項目の機能を選択します。
-
ステップ3では、デフォルトのデータベーステーブルの値を残して、Nextボタンをクリックします。
-
ステップ4では、次の値を持つ2つのフィールドを作成します。
-
Medical centerヘッダーのフィールド
-
Field name: MedicalCenterHeader
-
Data type: Text
-
Size: 200
-
Field caption: Header
-
Form control: Text box
-
-
-
残りの手順をデフォルト値のままにして、ページタイプウィザードを終了します。
-
Saveボタンをクリックします。
-
Codeタブに切り替え ます。
-
Save pathが〜/ Old_App_Code / CMSClassesに設定されていることを確認し、ページタイプのコードを保存します。
ページタイプとコンテンツツリーベースのルーティング
前のステップでコンテンツツリーベースのルーティングを有効にし、作成したページタイプの URL 機能を有効にしたので、ページタイプに基づくすべてのページは、サイトのコンテンツツリー内の位置を反映した URL の下で自動的にアクセスできるようになります。私たちは、ページのコンテンツをフォーマットするためにビュー(.cshtml)ファイルを提供する必要があるだけです。
例えば、ホーム(ホーム(メディオクリニック)のページタイプに基づいて)というページを作成し、Xperience のウェブサイトのルートの下に配置したとします。作成されたページは、接続された MVC アプリケーションの <domain>/home の下に自動的にアクセスできるようになります。
このアプローチの真のメリットは、ライブサイトの MVC アプリケーションを設計してみてから実感することになるでしょう。
前のページ: MVCアプリケーションの構成 — 次のページ: サイトへのページの追加
完成したページ: 10の4
原文:https://docs.xperience.io/13tutorial/asp-net-mvc-5-development-tutorial/creating-page-types