`tag-system`标签中如何根据`BaseUrl`或`MobileUrl`的设置来条件生成URL？

精准触达：安企CMS中如何根据BaseUrl或MobileUrl条件生成URL？

在当今多屏互联的时代，为用户提供流畅且适配设备的内容体验，是网站运营成功的关键。无论是PC端还是移动端，我们都希望用户能访问到最适合其设备的页面。安企CMS，这款基于Go语言开发的企业级内容管理系统，凭借其高效、灵活的特性，为内容运营者提供了强大的工具来应对这一挑战。今天，作为资深的网站运营专家，我将带您深入探讨安企CMS的模板标签体系，特别是如何巧妙运用system标签中的BaseUrl和MobileUrl设置，来条件性地生成适配不同场景的URL。

安企CMS的多设备支持策略

首先，让我们简要回顾一下安企CMS在多设备支持方面的设计理念。系统提供了多种网站模式，包括“自适应”、“代码适配”以及“PC+mobile独立站点”模式。

  • 自适应模式：一套代码适应所有屏幕，URL保持一致。
  • 代码适配模式：根据设备类型加载不同样式或JS逻辑，URL通常也保持一致。
  • PC+mobile独立站点模式：这是本次讨论的核心场景，意味着您的PC站和移动站可能拥有完全独立的域名或子域名（例如，www.yourdomain.com用于PC，m.yourdomain.com用于移动）。在这种模式下，精确控制模板中链接的生成方式就显得尤为重要。

安企CMS的强大之处在于，它将这些运营层面的配置，通过简洁的模板标签暴露给前端开发者，使得网站运营者可以轻松地在模板层面实现复杂的逻辑控制。

理解核心工具：system标签、BaseUrl和MobileUrl

在安企CMS的模板体系中，system标签是获取系统全局配置信息的万能钥匙。通过它，我们可以轻松获取网站名称、Logo、备案号等基础信息。而对于我们今天的主题——条件生成URL，system标签中的BaseUrl和MobileUrl属性则扮演着核心角色。

  • BaseUrl：这个属性对应的是您在安企CMS后台“全局功能设置”中配置的“网站首页地址”，通常是您PC端网站的主域名。当您的网站没有独立的移动端域名时，它也通常作为所有链接的基础URL。

    • 获取方式示例：{% system with name="BaseUrl" %}

  • MobileUrl：这个属性则对应“全局功能设置”中的“移动端地址”。只有当您的网站采用“PC+mobile独立站点”模式，并且您为移动端配置了独立的域名时，MobileUrl才会有一个非空的值。它代表了您的移动站点的基础URL。

    • 获取方式示例：{% system with name="MobileUrl" %}

理解这两个变量的值，是实现条件生成URL的第一步。

条件生成URL：实现原理与实践

在实际的模板开发中，我们最常遇到的需求是：如果配置了独立的移动端地址，那么在某个场景下（比如PC站点的导航栏中提供“访问手机版”链接，或者在某些特定模板中希望链接到移动版页面），我们就应该使用MobileUrl；否则，就使用BaseUrl或保持相对路径。

安企CMS的模板引擎支持类似Django的if逻辑判断标签，这正是我们实现条件性URL生成的利器。它的基本语法是{% if 条件 %} ... {% else %} ... {% endif %}。

现在，让我们通过具体的场景来演示如何运用这一机制：

场景一：生成可切换的站点链接（PC版到移动版，反之亦然）

假设您正在开发PC端的模板，并希望在页眉或页脚提供一个“访问手机版”的链接。这个链接只有在配置了独立的MobileUrl时才显示，并且正确指向移动站。

{# 首先，获取MobileUrl和BaseUrl的值，并赋给临时变量以便后续判断和使用 #}
{%- system mobileUrl with name="MobileUrl" %}
{%- system baseUrl with name="BaseUrl" %}

{# 判断是否存在独立的移动端地址 #}
{% if mobileUrl %}
    <div class="site-switcher">
        <a href="{{ mobileUrl }}" rel="nofollow">访问手机版</a>
    </div>
{% else %}
    {# 如果没有独立的移动端地址，可能采用自适应设计，或者不提供切换链接 #}
    <div class="site-switcher">
        <span>当前为{{ baseUrl }}，已支持自适应浏览</span>
    </div>
{% endif %}

同样，如果您正在设计移动端模板，并希望提供一个返回PC端的链接，也可以采用类似逻辑：

{%- system mobileUrl with name="MobileUrl" %}
{%- system baseUrl with name="BaseUrl" %}

{% if baseUrl %}
    <div class="site-switcher">
        {# 假设当前在移动端模板，需要链接到PC版 #}
        <a href="{{ baseUrl }}" rel="nofollow">访问电脑版</a>
    </div>
{% endif %}

这样的代码结构清晰地表达了“如果存在移动域名，就显示并链接到它”的逻辑，极大地提升了模板的健壮性和灵活性。

场景二：动态调整图片等资源的URL前缀

虽然图片等静态资源通常会通过TemplateUrl标签来获取基础路径，但在某些特殊情况下，您可能希望图片的链接也能根据BaseUrl或MobileUrl动态调整，例如，在不同域名下CDN配置不同。

{# 假设我们有一个图片路径是相对于根目录的，例如 "https://www.anqicms.com/uploads/image.jpg" #}
{%- system mobileUrl with name="MobileUrl" %}
{%- system baseUrl with name="BaseUrl" %}
{% set relativeImagePath = "https://www.anqicms.com/uploads/2023/example.webp" %}

<img src="{% if mobileUrl and currentDevice == 'mobile' %}{{ mobileUrl }}{% else %}{{ baseUrl }}{% endif %}{{ relativeImagePath }}" alt="动态图片" />

请注意，上述示例中的currentDevice == 'mobile'是一个假设的变量，安企CMS原生system标签并不会提供当前访问设备的信息。通常，设备判断是在HTTP请求层面由服务器或Nginx完成，然后由AnQiCMS加载对应的PC或移动模板。这里是为了演示更复杂的条件逻辑。在PC+mobile独立站点模式下，您通常已经在移动模板中使用MobileUrl，在PC模板中使用BaseUrl，无需额外判断当前设备。

更常见的场景是，无论当前是PC还是