如何在AnQiCMS模板中，为不同的分页类型（文章、产品、标签）应用不同的`show`参数？

在安企CMS（AnQiCMS）的模板开发中，实现为不同内容类型（如文章、产品、标签）的分页应用不同的显示参数，是提升用户体验和网站专业度的重要一环。作为一位资深的网站运营专家，我深知精细化的内容展示能有效引导用户，今天我们就来深入探讨如何在AnQiCMS中，巧妙运用pagination标签的show参数，达成这一目标。

精细化掌控分页显示：AnQiCMS 如何为不同内容类型定制show参数

在网站运营中，我们常常会发现，用户浏览“文章”列表时，可能倾向于看到更多的页码导航以便快速跳转；而在浏览“产品”列表时，由于产品图片占据了较大空间，页码导航的数量可能需要少一些，避免视觉上的拥挤；对于“标签”聚合页，页码数量的设置可能又有所不同。AnQiCMS作为一个灵活且高度可定制的内容管理系统，充分考虑了这些运营需求，通过其强大的模板标签体系，我们可以轻松实现这些精细化的控制。

核心在于AnQiCMS的模板标签pagination。这个标签专门用于生成分页导航，而它最重要的参数之一就是show。show参数允许我们指定在分页导航中，最多显示多少个中间页码链接。例如，show="5"意味着分页条会显示当前页以及前后共5个页码链接（如果总页数足够）。理解了这一点，我们就可以通过在不同类型的内容列表模板中分别设置show参数，实现个性化的分页显示。

AnQiCMS 的分页机制概览

在深入定制之前，我们首先需要了解AnQiCMS的分页工作原理。无论是文章列表、产品列表还是标签相关内容列表，AnQiCMS通常会先通过特定的列表标签（如archiveList用于文章和产品，tagDataList用于标签关联内容）来查询并获取数据。在使用这些列表标签时，如果我们将type参数设置为"page"，那么这些标签在返回内容列表的同时，还会生成一个包含所有分页信息的pages对象。随后，我们的pagination标签就会接收并解析这个pages对象，从而渲染出完整的分页导航。

这意味着，pagination标签本身是通用的，它并不关心自己正在为文章、产品还是标签生成分页，它只负责根据传入的pages对象和自身配置的show参数来渲染页面。因此，要为不同内容类型应用不同的show参数，我们只需要在各自对应的模板文件中，找到并配置pagination标签即可。

为文章列表定制分页显示

想象一下，您的网站有大量的技术文章，用户可能需要频繁地在不同页码间切换以查找所需信息。这时，我们可能希望文章列表页的分页导航能显示更多的页码。

假设您的文章列表模板文件位于 template/default/archive/list.html 或 template/default/article/list.html（具体路径取决于您的模板结构和模型设置），您可以在其中这样配置：

{# template/default/archive/list.html (或对应的文章模型列表模板) #}

{# 使用 archiveList 标签获取文章列表数据，并启用分页模式 #}
{% archiveList articles with type="page" moduleId="1" limit="10" %}
    {# 这里是遍历 articles 变量，显示每篇文章的标题、简介等内容的代码 #}
    {% for item in articles %}
        <div class="article-item">
            <h3><a href="{{ item.Link }}">{{ item.Title }}</a></h3>
            <p>{{ item.Description }}</p>
            <span>发布日期: {{ stampToDate(item.CreatedTime, "2006-01-02") }}</span>
        </div>
    {% empty %}
        <p>暂时没有更多文章。</p>
    {% endfor %}
{% endarchiveList %}

{# 在这里配置文章列表的分页导航，我们希望显示7个页码链接 #}
<div class="pagination-area">
    {% pagination pages with show="7" %}
        {# 这里是分页链接的详细结构，例如首页、上一页、中间页码、下一页、末页等 #}
        <a class="first-page {% if pages.FirstPage.IsCurrent %}active{% endif %}" href="{{ pages.FirstPage.Link }}">首页</a>
        {% if pages.PrevPage %}<a class="prev-page" href="{{ pages.PrevPage.Link }}">上一页</a>{% endif %}
        {% for item in pages.Pages %}
            <a class="page-number {% if item.IsCurrent %}active{% endif %}" href="{{ item.Link }}">{{ item.Name }}</a>
        {% endfor %}
        {% if pages.NextPage %}<a class="next-page" href="{{ pages.NextPage.Link }}">下一页</a>{% endif %}
        <a class="last-page {% if pages.LastPage.IsCurrent %}active{% endif %}" href="{{ pages.LastPage.Link }}">末页</a>
    {% endpagination %}
</div>

通过将show="7"设置在文章列表模板的分页标签中，您的读者在浏览文章时就能看到一个更宽敞的页码导航，便于快速浏览大量内容。

为产品列表定制分页显示

相比于文章，产品列表页通常以图片和简要信息为主，版面可能比较紧凑。为了保持页面的整洁和焦点集中在产品本身，我们可能希望分页导航的页码数量少一些。

假设您的产品列表模板文件位于 template/default/product/list.html 或 template/default/archive/list.html（当 moduleId 对应产品模型时），您可以在其中这样配置：

{# template/default/product/list.html (或对应的产品模型列表模板) #}

{# 使用 archiveList 标签获取产品列表数据，并启用分页模式 #}
{% archiveList products with type="page" moduleId="2" limit="8" %}
    {# 这里是遍历 products 变量，显示每个产品的图片、名称、价格等内容的代码 #}
    {% for item in products %}
        <div class="product-item">
            <img src="{{ item.Thumb }}" alt="{{ item.Title }}">
            <h4><a href="{{ item.Link }}">{{ item.Title }}</a></h4>
            <p>价格: {{ item.Price }}</p>
        </div>
    {% empty %}
        <p>暂时没有更多产品。</p>
    {% endfor %}
{% endarchiveList %}

{# 在这里配置产品列表的分页导航，我们希望只显示3个页码链接，更简洁 #}
<div class="pagination-area">
    {% pagination pages with show="3" %}
        {# 这里同样是分页链接的详细结构 #}
        <a class="first-page {% if pages.FirstPage.IsCurrent %}active{% endif %}" href="{{ pages.FirstPage.Link }}">首页</a>
        {% if pages.PrevPage %}<a class="prev-page" href="{{ pages.PrevPage.Link }}">上一页</a>{% endif %}
        {% for item in pages.Pages %}
            <a class="page-number {% if item.IsCurrent %}active{% endif %}" href="{{ item.Link }}">{{ item.Name }}</a>
        {% endfor %}
        {% if pages.NextPage %}<a class="next-page" href="{{ pages.NextPage.Link }}">下一页</a>{% endif %}
        <a class="last-page {% if pages.LastPage.IsCurrent %}active{% endif %}" href="{{ pages.LastPage.Link }}">末页</a>
    {% endpagination %}
</div>

在这里，我们将show参数设置为"3"，使得产品列表页的分页导航更加紧凑，与产品的