创建和添加模板和组件 creating-and-adding-templates-and-components
AEM Mobile On-Demand提供完全配置的应用程序模板、文章模板和文章组件。
We.Unlimited应用程序是一个示例模板,展示了可完全配置且可管理的AEM Mobile On-Demand应用程序的外壳。
创建应用程序时选择此示例模板会提供一个功能丰富的AEM Mobile功能板。
创建应用程序模板 creating-app-templates
应用程序模板用于创建应用程序,并充当页面模板和组件的集合,这些模板和组件表示应用程序的基线或基础。 模板会标记出一些基本属性,以便以适当的方式引导应用程序。 通常,客户不会创建太多应用程序。
应用程序模板提供了一种简单的方式来使用开发人员创建的现有设计,这些设计用于在AEM中创建新的应用程序。
在基于其他应用程序的模板创建应用程序时,您将获得一个应用程序,该应用程序的起点代表创建该应用程序的应用程序。
基于应用程序模板创建应用程序的步骤:
- 导航到AEM Mobile应用程序目录: <server-url>/aem/apps.html/content/mobileapps
- 选择 创建 > 应用程序,如下所示
使用此模板创建应用程序后,您可以将文章、横幅和收藏集添加到应用程序。 若要重新访问文章、横幅和收藏集的创建过程,请参阅内容管理操作。
创建内容模板 creating-content-templates
每个实体类型都有两个现成的模板。 这四个关键原则分别是:
- 默认模板: 用于创建具有适用默认属性/结构的内容
- 导入的模板: 用于从AEM Mobile导入具有适用的默认属性/结构的内容
文章模板 article-templates
Unlimited文章是一个示例模板,表示典型的AEM Mobile On-Demand文章布局。
-
在 管理文章 中,选择 + 以创建文章。 你可以选择 无限制文章 或 富文本文章。 下图显示的选项允许您从任意这两个文章模板中进行选择。
-
单击 下一步 定义文章元数据,如文章名称/标题、描述、作者、摘要、部门、缩略图图像、文章访问权限等。
-
单击 下一步 填写播发属性。
-
单击 下一步 以输入文章图像或社交媒体图像
-
单击 下一步 以选择此新文章的收藏集链接。
-
单击 下一步 输入社交共享的详细信息。
-
单击 创建 以完成使用该示例创建文章的过程。 单击 完成 或 编辑文章 以编辑此文章的属性。
将组件添加到文章 adding-components-to-article
创建文章后,作者可以通过添加文本和图像等组件来编辑文章的内容。 文章是AEM页面模板的扩展。
选择要编辑的文章,然后单击 编辑 以向该文章中添加组件。
选择左侧面板上的“+”将组件添加到您的文章中。
创建现成模板 creating-out-of-the-box-templates
没有现成的文章模板,但存在自定义模板应扩展的默认模板。请参阅Geometrixx Unlimited应用程序的文章模板示例。
普通AEM模板所需属性以外的关键属性包括:
dps-resourceType="dps:Article"
此属性可确保将AEM页面识别为AEM Mobile目标文章页面。
根据AEM模板,您可以将任何默认属性或子节点添加到模板的 jcr:content。
横幅和收藏集模板 banner-and-collection-templates
创建和添加组件 creating-and-adding-components
组件使用并允许访问构件,构件用于呈现内容。
代码存储库中包含一个简单组件,其源可以在AEM中找到。 随后,还可以在CRXDE Lite中本地打开它。
您可以将组件添加到页面。 任何组件都可以在AEM Mobile应用程序中使用,但在应用时,可能无法正确呈现。
但是,如果没有在AEM中呈现的自定义导出内容同步处理程序,自定义组件可能无法正确导出并上传到AEM Mobile On-demand Services。
一旦组件已包含在AEM页面中,就可以将另一个组件添加到页面或编辑现有组件,以及一些其他构建基块组件。
向页面中添加其他组件:
- 选择该页面,并通过编辑器标题右上角的下拉菜单确保您处于编辑模式
- 使用编辑器标题中最左侧的图标切换侧面板
- 选择 组件 选项卡
- 将其中一个可用组件拖放到页面上
要编辑现有组件:
- 选择该页面,并确保您处于 编辑 模式并选择该组件
- 选择扳手图标以配置组件