如何在模板中按动态Category筛选Spending对象？

嘿，这个问题其实比你想的简单——Object.objects.filter()完全能搞定动态分类的筛选！动态生成的分类完全不用担心，因为我们可以实时从数据库拉取所有分类选项，再根据用户的选择动态过滤支出。我来一步步给你拆解实现步骤：

1. 视图层：处理动态筛选逻辑 #

首先在视图里，我们需要做两件事：

• 拉取所有分类，传给模板让用户选择
• 从请求中获取用户选中的分类参数，用它过滤支出记录

函数视图示例 #

from django.shortcuts import render
from .models import Category, Spending

def spending_list(request):
    # 拉取所有分类，用于模板的筛选选项
    categories = Category.objects.all()
    # 从GET请求参数中获取选中的分类ID（用户选了分类才会有这个参数）
    selected_category_id = request.GET.get('category')
    
    # 根据是否有选中分类，过滤支出记录
    if selected_category_id:
        spendings = Spending.objects.filter(category_id=selected_category_id)
    else:
        # 没有选中的话，返回所有支出
        spendings = Spending.objects.all()
    
    # 把需要的变量传给模板
    context = {
        'categories': categories,
        'spendings': spendings,
        'selected_category_id': selected_category_id  # 用来标记当前选中的分类
    }
    return render(request, 'spendings/list.html', context)

类视图（ListView）示例 #

如果你用Django的类视图，也可以重写get_queryset和get_context_data来实现：

from django.views.generic import ListView
from .models import Spending, Category

class SpendingListView(ListView):
    model = Spending
    template_name = 'spendings/list.html'
    context_object_name = 'spendings'

    def get_queryset(self):
        # 先获取默认的查询集
        queryset = super().get_queryset()
        # 从GET参数中获取选中的分类slug（用slug比ID更友好）
        category_slug = self.request.GET.get('category')
        if category_slug:
            # 用slug过滤支出
            queryset = queryset.filter(category__slug=category_slug)
        return queryset

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 把所有分类和选中的slug传给模板
        context['categories'] = Category.objects.all()
        context['selected_category_slug'] = self.request.GET.get('category')
        return context

2. 模板层：构建筛选界面和展示结果 #

模板里需要做两个部分：一个让用户选择分类的筛选控件，以及展示筛选后的支出记录。这里用GET表单的方式，这样筛选后的URL会带着参数，方便用户刷新或分享链接。

<!-- 分类筛选下拉菜单 -->
<form method="GET" action="{% url 'spending_list' %}">
    <select name="category" onchange="this.form.submit()">
        <!-- 默认选项：显示所有分类 -->
        <option value="" {% if not selected_category_id %}selected{% endif %}>所有分类</option>
        {% for category in categories %}
            <option value="{{ category.id }}" {% if selected_category_id == category.id|stringformat:"i" %}selected{% endif %}>
                {{ category.name }}
            </option>
        {% endfor %}
    </select>
    <!-- 也可以加个提交按钮，不过用onchange自动提交更流畅 -->
    <!-- <button type="submit">筛选</button> -->
</form>

<!-- 展示筛选后的支出记录 -->
<h3>支出明细</h3>
{% if spendings %}
    <ul class="spending-list">
        {% for spending in spendings %}
            <li>
                {{ spending.date|date:"Y-m-d" }} - 
                <span class="amount">¥{{ spending.amount }}</span> - 
                <span class="category">{{ spending.category.name }}</span>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="empty-message">暂无该分类的支出记录</p>
{% endif %}

额外优化建议 #

• 用分类的slug代替ID作为筛选参数：这样URL会更友好（比如?category=food而不是?category=1），只需要把视图里的category_id改成category__slug，模板里的value="{{ category.id }}"改成value="{{ category.slug }}"即可。
• 可以给筛选表单加样式，让它更美观，比如用CSS把下拉菜单改成按钮组或者标签云的形式。
• 如果需要支持多分类筛选，可以把select改成多选框，然后在视图里用category_id__in=selected_ids来过滤。

这种方案完全适配动态生成的分类——不管用户创建多少新分类，Category.objects.all()都会实时拉取最新的分类列表，筛选逻辑也会自动适配新分类，完全不用修改代码~

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