简介

已完成

Liquid 是一种开源模板语言,可用于将动态内容添加到网页。 可以在 Microsoft Power Pages 中能够输入 HTML 或文本内容(包括网页、内容片段和 Web 模板中的内容)的任意位置使用 Liquid 代码。

Liquid 提供各种语言构造,可以帮助您生成内容、应用转换和控制实现流。 凭借使用 FetchXML 查询语言访问 Microsoft Dataverse 数据或直接按标识符检索表行的功能,Liquid 成为了生成数据驱动型网页的主要选择。 它还包括许多专门用于创建可重用 Web 模板的特殊标记(或处理说明)。 以下各节介绍如何在 Microsoft Power Pages 网站中使用模板。

模板

在 Power Pages 中,网页行不会定义呈现的页面在网站上的外观。 但是它链接到页面模板行,后者定义了布局和行为。

可在 Power Pages 网站中使用的两种模板类型为:

  • 重写 - 这些模板使用服务器端处理来实现某些组件和特殊页面(例如错误页面、登录页面等)所需的专门行为。

  • Web 模板 - 链接的布局模板定义如何呈现页面内容以供输出。

重写模板提供有限的自定义。 Liquid 模板语言可用作内容的一部分,也可以在内容片段内使用,但页面布局和行为已预定义。

相反,Web 模板选项完全基于模板,并且使用 Liquid 来定义内容的呈现方式。 模板是灵活的。 一个模板可以包含其他模板,用于内容的各个部分。 模板还可以基于其他模板,从而扩展了基础功能。 Web 模板的真正强大之处在于能够包含 Liquid 代码,这增加了静态内容处理能力,包括对 Dataverse 数据的访问。

提示

Web 模板还可以包含 HTML、级联样式表 (CSS) 和 JavaScript。

可以使用 Web 模板来定义整个网页、页面的一部分或常见元素(例如站点页眉和页脚)。 此方法可在整个网站中形成一致的外观和行为,并有助于您更轻松地修改外观和呈现的数据。 以下示例显示了典型的简单模板的外观:

<div class="container">
  <div class="page-heading">
    {% include 'Breadcrumbs' %}
    {% include 'Page Header' %}
  </div>
  <div class="row">
    <div class="col-md-12">
    {% block main %}
      {% include 'Page Copy' %}

      {% if page.adx_entitylist %}
        {% include 'entity_list' key:page.adx_entitylist.id %}
      {% endif %}
    
      {% if page.adx_entityform %}
        {% entityform id: page.adx_entityform.id %}
      {% endif %}

    {% endblock %}
    </div>
  </div>
</div>

此简单模板包含其他模板用于呈现公用位和片段。 它定义了可通过派生模板呈现的内容块,并使用相关的列表窗体行来呈现 Dataverse 数据。

Web 模板作为网站页眉和页脚

Web 模板可用于替代 Power Pages 网站使用的全局页眉和页脚。 要完成本任务,请将网站的页眉模板页脚模板列设置为您选择的 Web 模板。

Web 模板页眉和页脚的屏幕截图。

如果替代页眉模板列,选定模板将负责为通常由默认页眉模板处理的站点界面元素呈现主导航、登录/注销链接、搜索界面等内容。

提示

如未在网站行中指定页眉或页脚模板,将呈现默认内容。 要完全删除页眉或页脚,请指定空白模板。