第 9 章 智利:开发人员门户

本节介绍 Liquid 格式化标签以及如何在 3scale 系统中工作,包括标记的不同元素、它们之间的连接以及在开发人员门户中如何使用标签的简短示例。

要了解 Liquids 的基本知识,请参阅 Liquid 参考

9.1. 在 Developer Portal 中使用 Liquids

本节介绍如何在布局和页面中启用刻录标记处理。

9.1.1. 启用 Liquids

所有部分和电子邮件模板都默认启用移动标记处理。在布局上启用它们的方式是选中 system_name 输入字段右侧的复选框。但是,要在页面上启用它们,您必须进入页面的高级选项部分。

开发人员门户配置启用

展开 Advanced options 部分并选中 Liquid enabled 复选框。从现在开始,所有颠覆标记将由内部引擎处理,开发人员门户内置的编辑器还将添加代码高亮显示,以便转录。

9.1.2. 页、部分和布局的不同使用

动作的使用通常因页面、部分和布局稍有不同。在页面中,运动是单一使用的元素;而带有部分和布局的则是开发者门户的可重复使用元素。这意味着,您可以添加一些逻辑标签,并根据用户所在的页面更改布局,而不是应用对不同页面的多个布局或部分。

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>

9.1.3. 与 CSS/JS 一起使用

移动标记不仅可与 HTML 一起使用,还可轻松将其与 CSS 和/或 JavaScript 代码组合,从而进行更多的控制。要启用样式表或 JS 中的指示,请将其创建为页,并按照您为正常页面启用相同步骤的步骤进行操作。完成后,您将能够在 CSS 中添加一些条件标记,或者在 JavaScript 中使用服务器端数据。只需记得将页面的内容类型设置为 CSS 或 JS。