# Dynamic display

默认系统是通过生成全静态页面来显示内容的,这样的好处有很多,比如加载速度快、安全性高、服务器负载小、便于 SEO 优化等等。

但是有些情况下,我们希望能够实时显示数据,而不是每次需要生成页面后才能显示最新的数据,这种情况下我们就需要采用动态显示方式显示内容了。

我们可以通过属性来切换动态显示,也可以通过动态标签来切换动态显示,下面分别进行说明。

# 通过属性 isDynamic 切换动态显示

大部分标签都拥有 isDynamic 属性,用于设置是否将此标签动态显示。

<stl:contents isDynamic="true">
  <stl:a></stl:a>
</stl:contents>

# 通过 <stl:dynamic> 元素切换动态显示

如果需要动态显示的标签比较多,可以使用 <stl:dynamic>将这些代码嵌套进来实现动态显示。请参考:<stl:dynamic> 容器元素

<stl:dynamic>
  <stl:channel type="title"></stl:channel>
  <stl:contents>
    <stl:a></stl:a>
  </stl:contents>
</stl:dynamic>

# Js 脚本事件

Js 脚本事件只能通过定义 <stl:dynamic> 元素的属性来支持。

<stl:dynamic> 标签是由 Ajax 来实现的,页面通过 Js 发起动态请求,服务器返回请求结果并显示在页面中。

动态内容由于通过 Ajax 加载,会有一定的延迟,我们可以通过定义 Ajax 事件来进行精确控制。

请参考:Js 脚本事件

Last Updated: 5/22/2020, 12:24:32 PM