如何在独立HTML页面展示用户列表及各自的总发帖数？

云上老周

2026-5-28

解决方法：在独立HTML页面展示用户列表及帖子总数

嘿，我来帮你搞定这个需求！要实现在独立HTML页面展示用户列表，同时显示每位用户的帖子总数，咱们分后端视图处理和前端模板渲染两步来做，结合你给出的models.py代码，具体操作如下：

第一步：修正Model里的小问题

首先注意到你models.py中Post的author字段写的是User.request，这明显是笔误，应该改成User，不然会触发错误，修正后的字段代码：

author = models.ForeignKey(User, on_delete=models.CASCADE)

第二步：编写后端视图

这里有两种实现方式，推荐用批量查询统计的方式，效率更高，避免多次数据库请求：

方式一：基于类的ListView（推荐）

用annotate批量给每个用户添加帖子统计字段，一次数据库查询搞定：

from django.views.generic.list import ListView
from django.contrib.auth.models import User
from django.db.models import Count
from .models import Post

class UserListView(ListView):
    model = User
    template_name = 'user_list.html'  # 指定要渲染的模板
    context_object_name = 'users'  # 模板中用来调用用户列表的变量名

    def get_queryset(self):
        # 给每个用户对象添加post_count字段，统计其发布的帖子数量
        queryset = super().get_queryset()
        queryset = queryset.annotate(post_count=Count('post'))
        return queryset

方式二：基于函数的视图

如果习惯用函数视图，也可以这样写（不过效率不如上面的批量统计）：

from django.shortcuts import render
from django.contrib.auth.models import User
from .models import Post

def user_list_with_post_count(request):
    # 获取所有用户（可根据需求过滤，比如只显示活跃用户）
    users = User.objects.all()
    # 循环给每个用户添加帖子数量属性
    for user in users:
        user.post_count = Post.count_posts_of(user)  # 调用你Model里定义的统计方法
    return render(request, 'user_list.html', {'users': users})

第三步：配置URL路由

在你的项目或app的urls.py中添加路由，关联上面的视图：

from django.urls import path
from .views import UserListView, user_list_with_post_count

urlpatterns = [
    # 类视图路由（推荐）
    path('users/', UserListView.as_view(), name='user_list'),
    # 或者函数视图路由
    # path('users/', user_list_with_post_count, name='user_list'),
]

第四步：编写独立HTML模板（user_list.html）

创建一个完整的HTML页面，渲染用户列表和对应的帖子数量：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户列表及帖子统计</title>
    <!-- 加一点简单样式，让页面更美观 -->
    <style>
        body {
            max-width: 800px;
            margin: 20px auto;
            padding: 0 20px;
            font-family: Arial, sans-serif;
        }
        .user-card {
            padding: 15px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 10px;
        }
        .user-name {
            font-size: 1.1em;
            font-weight: bold;
            color: #2c3e50;
        }
        .post-count {
            color: #7f8c8d;
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <h1>网站用户列表</h1>
    
    {% if users %}
        <div class="user-container">
            {% for user in users %}
                <div class="user-card">
                    <span class="user-name">{{ user.username }}</span>
                    <span class="post-count">已发布 {{ user.post_count }} 篇帖子</span>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p>暂无用户数据</p>
    {% endif %}
</body>
</html>

额外说明：使用你Model里的`count_posts_of`方法

如果你想直接用你在models.py中定义的count_posts_of方法，需要把它注册成模板过滤器，步骤如下：

在你的app目录下创建templatetags文件夹（记得加__init__.py空文件）
创建post_tags.py文件，内容如下：

from django import template
from ..models import Post

register = template.Library()

@register.filter
def count_posts_of(user):
    return Post.objects.filter(author=user).count()

在模板中加载过滤器并使用：

{% load post_tags %}
<!-- 然后在循环里这样写 -->
<span class="post-count">已发布 {{ user|count_posts_of }} 篇帖子</span>

不过还是推荐用annotate的方式，因为批量查询的效率远高于循环调用方法。

内容的提问来源于stack exchange，提问作者user2

如何在独立HTML页面展示用户列表及各自的总发帖数？

第一步：修正Model里的小问题 #

第二步：编写后端视图 #

方式一：基于类的ListView（推荐） #

方式二：基于函数的视图 #

第三步：配置URL路由 #

第四步：编写独立HTML模板（user_list.html） #

额外说明：使用你Model里的count_posts_of方法 #