在内容运营中，文章的浏览量和评论数量是衡量内容受欢迎程度和用户参与度的重要指标。它们不仅能为读者提供参考，也能帮助运营者洞察内容表现。AnQiCMS作为一个功能强大的内容管理系统，自然也提供了简便的方式来展示这些实时数据，让您的网站内容更具互动性和透明度。

在AnQiCMS中，无论是文章、产品还是其他内容类型，都被系统统一称为“文档”（archive）。文章的浏览量（Views）和评论数量（CommentCount）这些数据，都直接作为文档自身的属性，我们可以通过模板标签轻松调用它们。下面，我们就来详细看看如何在网站的前端页面上显示这些数据。

在文档详情页显示浏览量和评论数量

当读者访问某个文档的详情页面时，我们通常希望在文章标题下方或侧边栏显示这些实时数据。AnQiCMS为此提供了archiveDetail标签，它可以获取当前文档的详细信息。

要显示文档的浏览量，您可以使用以下模板代码：

{# 显示当前文档的浏览量 #}
<div>浏览量：{% archiveDetail with name="Views" %} 次</div>

如果您想将浏览量赋值给一个变量再使用，可以这样：

{% archiveDetail currentViews with name="Views" %}
<div>文章浏览量：{{ currentViews }} 次</div>

类似地，要显示文档的评论数量，可以使用CommentCount属性：

{# 显示当前文档的评论数量 #}
<div>评论数：{% archiveDetail with name="CommentCount" %} 条</div>

或者同样赋值给变量再使用：

{% archiveDetail currentComments with name="CommentCount" %}
<div>文章评论数：{{ currentComments }} 条</div>

一个常见的详情页展示方式可能如下，将浏览量和评论数与发布时间、标签等信息一同呈现：

<article>
    <h1>{% archiveDetail with name="Title" %}</h1>
    <div class="meta-info">
        <span>发布时间：{% archiveDetail with name="CreatedTime" format="2006-01-02" %}</span>
        <span>浏览量：{% archiveDetail with name="Views" %} 次</span>
        <span>评论数：{% archiveDetail with name="CommentCount" %} 条</span>
        {# 您还可以加上其他信息，比如文章标签 #}
        {% tagList tags with limit="5" %}
        {% for item in tags %}
        <a href="{{item.Link}}">{{item.Title}}</a>
        {% endfor %}
        {% endtagList %}
    </div>
    <div class="article-content">
        {# 文章内容通常需要使用 |safe 过滤器以避免HTML转义 #}
        {%- archiveDetail articleContent with name="Content" %}
        {{articleContent|safe}}
    </div>
</article>

在文档列表页显示浏览量和评论数量

在文章列表页，如首页、分类页或搜索结果页，我们经常需要在每篇文章的摘要旁边显示其浏览量和评论数量，以便读者快速了解热门内容。这时就需要用到archiveList标签来循环展示文档。

在archiveList标签的循环体内，item变量代表了当前循环到的每一篇文档。因此，我们可以直接通过item.Views和item.CommentCount来访问其浏览量和评论数。

以下是在循环中调用这些属性的示例：

{# 在循环体 item 中调用浏览量 #}
<span>浏览量：{{ item.Views }} 次</span>
{# 在循环体 item 中调用评论数 #}
<span>评论数：{{ item.CommentCount }} 条</span>

一个典型的列表页展示代码片段可能像这样：

<ul class="article-list">
    {% archiveList archives with type="page" limit="10" %}
        {% for item in archives %}
        <li>
            <h3><a href="{{item.Link}}">{{item.Title}}</a></h3>
            <div class="list-meta">
                <span>发布于：{{stampToDate(item.CreatedTime, "2006-01-02")}}</span>
                <span>阅读：{{item.Views}} 次</span>
                <span>评论：{{item.CommentCount}} 条</span>
            </div>
            <p>{{item.Description}}</p>
            <a href="{{item.Link}}" class="read-more">阅读全文</a>
        </li>
        {% empty %}
        <li>
            目前暂无内容。
        </li>
        {% endfor %}
    </ul>
    {# 如果是分页列表，别忘了添加分页标签 #}
    {% pagination pages with show="5" %}
        {# 分页链接的代码... #}
    {% endpagination %}
{% endarchiveList %}

小贴士

  • 自动统计：这些浏览量和评论数量的数值由AnQiCMS系统自动管理和更新。当有用户访问页面或提交评论时（通常指通过审核的评论），系统会自动进行统计，无需您手动操作。
  • 样式优化：记得在CSS中为这些元素添加合适的样式，让它们与网站整体设计和谐统一，提升用户体验。
  • 内容策略：利用好这些数据，您可以更好地评估内容效果，例如将浏览量高的文章置顶或推荐，将评论活跃的主题进行二次创作或互动，从而优化您的内容策略。

通过上述方法，您可以轻松地在AnQiCMS网站的各个页面上展示文章的浏览量和评论数量，为您的读者提供更多有价值的信息，同时也为您的内容运营提供直观