`navList`标签如何在AnQiCMS网站上构建并显示多级导航菜单？
📅
👁️ 68
网站导航是用户访问网站时的重要向导，它不仅帮助用户快速找到所需信息，更是网站结构清晰、用户体验友好的体现。在AnQiCMS中，构建灵活多样的导航菜单是一项相对简单且高效的任务，这主要得益于其强大的navList标签。无论是简单的单层菜单，还是复杂的二级下拉菜单，navList标签都能提供强大的支持。
navList标签：导航构建的核心利器
navList标签是AnQiCMS模板系统中专门用于获取和展示导航菜单数据的核心标签。它负责从后台提取配置好的导航信息，并以结构化的方式提供给前端模板进行渲染。
基本用法和参数：
使用navList标签非常直观，其基本结构如下：
{% navList navs %}
{# 在这里循环遍历导航项 #}
{% endnavList %}
在这里，navs是一个你可以自定义的变量名，它将承载所有从后台获取到的导航数据。{% navList %}和{% endnavList %}标签对标识了导航数据的获取范围。
navList标签还支持以下参数，以满足不同的导航调用需求：
typeId： 这个参数允许你指定要调用的导航类别。AnQiCMS后台支持创建多个导航类别（例如，你可以设置一个“顶部导航”用于主菜单，一个“页脚导航”用于底部链接）。通过设置不同的typeId，你就可以在网站的不同位置展示独立的导航菜单。默认情况下，typeId为1，对应后台的“默认导航”。siteId： 如果你的AnQiCMS系统管理着多个站点，并且你希望在当前模板中调用其他站点定义的导航数据，可以使用siteId参数来指定目标站点的ID。
导航数据结构：
navs变量是一个数组，其中每个元素（我们通常在循环中将其命名为item）代表一个导航项。每个导航项都包含以下关键信息：
Title： 导航链接在前端显示的文本，如“首页”、“产品中心”。Link： 导航项点击后跳转的目标URL地址。IsCurrent： 一个布尔值（true或false），指示当前导航项是否与用户正在访问的页面URL匹配。这个字段非常有用，常用于为当前页面对应的导航项添加高亮样式。PageId： 如果该导航项链接的是AnQiCMS内部的某个分类或单页面，PageId会存储该分类或页面的ID。这为后续结合其他标签实现更复杂的功能（如在导航下拉菜单中显示分类下的文章）提供了便利。NavList： 这正是实现多级导航的核心所在！ 如果当前导航项拥有子菜单，NavList字段将是一个新的数组，其中包含了所有的子导航项。子导航项的数据结构与父级导航项完全相同，这意味着你可以通过嵌套循环来轻松构建多级菜单。
后台配置：构建导航的骨架
在AnQiCMS中，navList标签虽然功能强大，但其数据来源依赖于后台的精心配置。以下是构建导航骨架的关键步骤：
- 进入导航设置： 登录AnQiCMS后台，