安企CMS在网站运营中扮演着内容管理的核心角色，而导航系统则是用户探索网站内容的指南针。一个设计合理、调用便捷的导航不仅能提升用户体验，更是搜索引擎优化的关键一环。今天，我们就来深入探讨在AnQiCMS中，如何灵活地将分类页面和单页面链接巧妙地融入到网站的导航列表之中。

导航配置：从后台到前端的桥梁

AnQiCMS的导航系统设计得非常直观且强大，它将导航的配置与前端模板的调用紧密结合。在后台管理界面的“后台设置”->“网站导航设置”中，您会发现一个高度灵活的导航管理模块。这里，您可以创建不同的“导航类别”，例如“顶部导航”、“页脚导航”或者“侧边栏导航”，以满足网站不同区域的展示需求。

在每个导航类别下，您可以添加具体的导航链接。AnQiCMS提供了多种“链接类型”供您选择：

  • 内置链接： 包含首页、特定内容模型（如文章、产品）的首页等，这些链接由系统预设。
  • 分类页面链接： 这是我们今天重点关注的类型之一。您可以直接选择已创建的文章分类或产品分类，系统会自动获取并管理该分类的链接。
  • 单页面链接： 同样，您可以选择已创建的“关于我们”、“联系我们”等独立单页面，系统也会自动处理其链接。
  • 外部链接： 允许您添加任意内外部网址，为导航系统带来了极大的扩展性。

当您在后台选择了“分类页面链接”或“单页面链接”时，AnQiCMS会自动识别并将其对应的真实URL地址绑定到这个导航项上。这意味着，您无需手动输入复杂的分类或单页面地址，系统会为您打理好一切。这种设计极大地降低了运营人员的工作量，并确保了链接的准确性。

模板中的导航列表调用：navList 标签的魔法

一旦后台导航项配置完毕，如何在前端模板中将这些链接呈现出来呢？AnQiCMS为此提供了一个核心的模板标签——navList。这个标签能够帮助我们获取后台设置好的导航数据，并以结构化的方式供模板循环渲染。

使用navList标签时，通常会像这样定义一个变量来存储导航数据：{% navList navs %}。这里的navs就是我们接下来要操作的导航项集合。如果您在后台创建了多个导航类别（如“顶部导航”的ID是1，“页脚导航”的ID是2），您可以通过typeId参数来指定调用哪个类别的导航，例如{% navList navs with typeId=1 %}。

获取到navs数据后，我们就可以通过循环遍历来显示每一个导航项了。在循环中，每个导航项都会被一个item变量代表，而item.Link和item.Title正是我们所需的核心信息。item.Link直接包含了后台配置好的分类页面、单页面或外部链接的URL，而item.Title则是导航项的显示名称。

以下是一个典型的AnQiCMS导航列表模板调用示例，它演示了如何处理多级导航，并自然地包含分类页面或单页面的链接：

{% navList navItems with typeId=1 %} {# 假设typeId=1是您的主导航 #}
<nav class="main-navigation">
    <ul class="nav-menu">
        {% for item in navItems %}
            <li class="nav-item {% if item.IsCurrent %}active{% endif %}">
                <a href="{{ item.Link }}" title="{{ item.Title }}">{{ item.Title }}</a>
                {% if item.NavList %} {# 检查是否有子导航 #}
                    <ul class="sub-menu">
                        {% for subItem in item.NavList %}
                            <li class="sub-item {% if subItem.IsCurrent %}active{% endif %}">
                                <a href="{{ subItem.Link }}" title="{{ subItem.Title }}">{{ subItem.Title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
</nav>
{% endnavList %}

在这段代码中：

  1. {% navList navItems with typeId=1 %} 调用了ID为1的导航类别，并将所有导航项存储在navItems变量中。
  2. {% for item in navItems %} 循环遍历每一个主导航项。
  3. {{ item.Link }} 直接输出该导航项在后台配置的URL。无论是分类页面、单页面还是其他链接类型，item.Link都会为您提供正确的地址。
  4. {{ item.Title }} 输出导航项的显示文本。
  5. {% if item.IsCurrent %} 用于判断当前导航项是否是当前页面的链接，方便添加高亮样式。
  6. {% if item.NavList %} 检查当前导航项是否有子导航。如果有，它会再次通过for循环渲染子导航列表，处理方式与主导航项类似。

值得一提的是，如果您需要在导航中展示的不仅仅是链接和标题，还想获取更多关于某个分类或单页面的详情（比如它的简介、缩略图等），AnQiCMS也提供了强大的扩展能力。当您在后台选择“分类页面链接”或“单页面链接”时，该导航项的item变量中还会包含一个item.PageId属性。这个PageId存储了所链接分类或单页面的ID。您可以结合categoryDetail或pageDetail标签，根据item.PageId来获取这些额外信息，进而创建更加丰富和动态的导航内容。不过，对于仅仅“调用链接”这一核心需求，直接使用item.Link就足够了。

总结

AnQiCMS通过其智能的后台配置和强大的模板标签体系，使得在导航列表中调用分类页面或单页面的链接变得异常简单且高效。运营人员只需在后台指定链接类型和目标内容，前端模板则通过navList标签及其属性，即可将这些预设的链接流畅地呈现在网站上。这种无缝衔接的设计，确保了网站导航的灵活性、可维护性和良好的用户体验，让您的网站内容能够更好地被用户发现和浏览。

常见问题 (FAQ)

Q1：我能否在导航列表中，让某个导航项不仅仅是链接到一个分类页面，而是展示该分类下最新的几篇文章标题？ A1： 可以的。您可以在导航项的子菜单或特定区域内，利用item.PageId（如果该导航项链接的是一个分类）作为archiveList标签的categoryId参数来调用该分类下的最新文章。然后，您可以通过一个内部的for循环来展示这些文章的标题和链接。这通常会涉及到更复杂的模板结构，但AnQiCMS提供了足够的灵活性来实现。

**Q2：如果我改变了一个分类的URL别名