定义内容片段模型 content-fragment-models

在本章中,了解如何使用​ 内容片段模型 ​对内容建模并构建架构。 了解可用于将架构定义为模型一部分的不同数据类型。

我们创建了两个简单模型,团队 ​和​ 人员团队 ​数据模型具有名称、简短名称和描述,并引用​ 人员 ​数据模型,该模型具有全名、个人资料详细信息、个人资料图片和职业列表。

此外,还欢迎您按照基本步骤创建自己的模型,并调整相应的步骤,如GraphQL查询和React应用程序代码,或只是按照这些章节中概述的步骤进行操作。

先决条件 prerequisites

这是一个多部分教程,并假定有AEM创作环境可用

目标 objectives

  • 创建内容片段模型。
  • 确定用于构建模型的可用数据类型和验证选项。
  • 了解内容片段模型如何定义​ 两者 ​内容片段的数据架构和创作模板。

创建项目配置

项目配置包含与特定项目关联的所有内容片段模型,并提供组织模型的方法。 在创建内容片段模型​ 之前,必须 ​至少创建一个项目。

  1. 登录到AEM 作者 ​环境(例如https://author-pYYYY-eXXXX.adobeaemcloud.com/

  2. 从AEM开始屏幕中,导航到​ 工具 > 常规 > 配置浏览器

    导航到配置浏览器

  3. 单击右上角的​ 创建

  4. 在生成的对话框中,输入:

    • 标题*:我的项目
    • 名称*:my-project(偏好使用所有小写字母并使用连字符分隔单词。 此字符串会影响客户端应用程序执行请求的唯一GraphQL端点。)
    • 检查​ 内容片段模型
    • 检查​ GraphQL持久查询

    我的项目配置

创建内容片段模型

接下来,为​ 团队 ​和​ 人员 ​创建两个模型。

创建人员模型

创建​ 人员 ​的模型,该模型是表示属于某个团队的人员的数据模型。

  1. 从AEM开始屏幕中,导航到​ 工具 > 常规 > 内容片段模型

    导航到内容片段模型

  2. 导航到​ 我的项目 ​文件夹。

  3. 点按右上角的​ 创建 ​以显示​ 创建模型 ​向导。

  4. 在​ 模型标题 ​字段中,输入​ 人员 ​并点按​ 创建。 在生成的对话框中,点按​ 打开 ​以构建模型。

  5. 将​ 单行文本 ​元素拖放到主面板上。 在​ 属性 ​选项卡上输入以下属性:

    • 字段标签全名
    • 属性名称fullName
    • 检查​ 必需

    全名属性字段

    属性名称 ​定义保留到AEM的属性的名称。 属性名称 ​还将此属性的​ ​名称定义为数据架构的一部分。 此​ ​在通过GraphQL API公开内容片段数据时使用。

  6. 点按​ 数据类型 ​选项卡,并将​ 多行文本 ​字段拖放到​ 全名 ​字段下。 输入以下属性:

    • 字段标签个人简历
    • 属性名称biographyText
    • 默认类型富文本
  7. 单击​ 数据类型 ​选项卡并拖放​ 内容引用 ​字段。 输入以下属性:

    • 字段标签个人资料图片
    • 属性名称profilePicture
    • 根路径/content/dam

    配置​ 根路径 ​时,您可以单击​ 文件夹 ​图标以调出模式窗口来选择路径。 这会限制作者可以使用哪些文件夹填充路径。 /content/dam是存储所有AEM Assets(图像、视频、其他内容片段)的根。

  8. 向​ 图片引用 ​添加验证,以便只有​ 图像 ​的内容类型可用于填充该字段。

    限制到图像

  9. 单击​ 数据类型 ​选项卡,并将​ 枚举 ​数据类型拖放到​ 图片引用 ​字段下。 输入以下属性:

    • 呈现为复选框
    • 字段标签职业
    • 属性名称occupation
  10. 使用​ 添加选项 ​按钮添加多个​ 选项。 对​ 选项标签 ​和​ 选项值 ​使用相同的值:

    艺人影响者摄影师旅行者作者YouTuber

  11. 最终​ 人员 ​模型应如下所示:

    最终人员模型

  12. 单击​ 保存 ​以保存更改。

创建团队模型

为​ 团队 ​创建模型,这是人员团队的数据模型。 团队模型引用“人员”模型来表示团队成员。

  1. 在​ 我的项目 ​文件夹中,点按右上角的​ 创建 ​以显示​ 创建模型 ​向导。

  2. 在​ 模型标题 ​字段中,输入​ 团队 ​并点按​ 创建

    在生成的对话框中点按​ 打开 ​以打开新创建的模型。

  3. 将​ 单行文本 ​元素拖放到主面板上。 在​ 属性 ​选项卡上输入以下属性:

    • 字段标签标题
    • 属性名称title
    • 检查​ 必需
  4. 点按​ 数据类型 ​选项卡,并将​ 单行文本 ​元素拖放到主面板上。 在​ 属性 ​选项卡上输入以下属性:

    • 字段标签短名称
    • 属性名称shortName
    • 检查​ 必需
    • 检查​ 唯一
    • 在下,验证类型 >选择​ 自定义
    • 在下,自定义验证正则表达式 >输入^[a-z0-9\-_]{5,40}$ — 这可以确保只能输入5到40个字符之间的小写字母数字值和破折号。

    shortName属性提供了一种根据缩短路径查询单个团队的方法。 唯一 ​设置确保此模型的每个内容片段的值始终是唯一的。

  5. 点按​ 数据类型 ​选项卡,并将​ 多行文本 ​字段拖放到​ 短名称 ​字段下。 输入以下属性:

    • 字段标签描述
    • 属性名称description
    • 默认类型富文本
  6. 单击​ 数据类型 ​选项卡并拖放​ 片段引用 ​字段。 输入以下属性:

    • 呈现为多个字段
    • 字段标签团队成员
    • 属性名称teamMembers
    • 允许的内容片段模型:使用文件夹图标选择​ 人员 ​模型。
  7. 最终​ 团队 ​模型应如下所示:

    最终团队模型

  8. 单击​ 保存 ​以保存更改。

  9. 您现在应该可以从以下两个模型工作:

    两个模型

Publish项目配置和内容片段模型

审核和验证后,发布Project ConfigurationContent Fragment Model

  1. 从AEM开始屏幕中,导航到​ 工具 > 常规 > 配置浏览器

  2. 点按​ 我的项目 ​旁边的复选框,然后点按​ Publish

    Publish项目配置

  3. 从AEM开始屏幕中,导航到​ 工具 > 常规 > 内容片段模型

  4. 导航到​ 我的项目 ​文件夹。

  5. 点按​ 人员 ​和​ 团队 ​模型,然后点按​ Publish

    Publish内容片段模型

恭喜! congratulations

恭喜,您刚刚创建了您的第一个内容片段模型!

后续步骤 next-steps

在下一章创作内容片段模型中,您将基于内容片段模型创建和编辑新的内容片段。 您还将了解如何创建内容片段的变体。

相关文档

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4