门户 Web 模板简介

已完成

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

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

模板

在 Power Apps 门户中,网页并不定义页面在门户上呈现时的外观。 而是,它链接到 页面模板 行,后者定义了布局和行为。

可在 Power Apps 门户中使用的两种模板类型为:

  • 重写 - 这些模板使用服务器端处理来实现某些组件和特殊页面所需的专门行为,例如错误页面、登录等。
  • 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 Apps 门户使用的全局页眉和页脚。 要完成本任务,请将网站的 页眉模板页脚模板 列设置为您选择的 Web 模板。

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

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

提示

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