网站导航是用户访问网站时的重要向导,它不仅帮助用户快速找到所需信息,更是网站结构清晰、用户体验友好的体现。在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 一个布尔值(truefalse),指示当前导航项是否与用户正在访问的页面URL匹配。这个字段非常有用,常用于为当前页面对应的导航项添加高亮样式。
  • PageId 如果该导航项链接的是AnQiCMS内部的某个分类或单页面,PageId会存储该分类或页面的ID。这为后续结合其他标签实现更复杂的功能(如在导航下拉菜单中显示分类下的文章)提供了便利。
  • NavList 这正是实现多级导航的核心所在! 如果当前导航项拥有子菜单,NavList字段将是一个新的数组,其中包含了所有的子导航项。子导航项的数据结构与父级导航项完全相同,这意味着你可以通过嵌套循环来轻松构建多级菜单。

后台配置:构建导航的骨架

在AnQiCMS中,navList标签虽然功能强大,但其数据来源依赖于后台的精心配置。以下是构建导航骨架的关键步骤:

  1. 进入导航设置: 登录AnQiCMS后台,