python - 使用 标签过滤

Question

我的页面上有一些带有标签的图片，我希望将它们用作按类别过滤。因此，单击其中一张图片后，它将按类别过滤结果。

这就是过滤器，我想连接到其中一张图片:

item_list = item_list.filter(category__pk=1)

html

<div class="col-md-4 overlay zoom">
            <a href="/">
                <div style="position:relative;">
                    <img src="{% static '/img/category_choice/bike1.png' %}" class="img-fluid">
                    <div class="card-img-overlay">
                        <h2 class="card-title"
                            style="text-align: center; color: aliceblue; position: absolute; bottom:5px;">
                            Gravel Bikes
                        </h2>
                    </div>
                </div>
            </a>
        </div>

在 html 文件末尾加上列表

<ul>
        {% for item in items %}
        <li>
            {{ item.title }}
        </li>
        {% endfor %}
    </ul>

View .py

def BikeView(request):
  query = request.GET.get('q')
  if query:
      item_list = Item.objects.all()
      item_list = Item.objects.filter(title__icontains=query)
      context = {
          'items': item_list
      }
      return render(request, "bikes.html", context)
  return render(request, "bikes.html", {})

网址

urlpatterns = [

path('checkout/', CheckoutView.as_view(), name='checkout'),
path('order-summary/', OrderSummaryView.as_view(), name='order-summary'),
path('product/<slug>/', ItemDetailView.as_view(), name='product'),
path('add-to-cart/<slug>/', add_to_cart, name='add-to-cart'),
path('add-coupon/', AddCouponView.as_view(), name='add-coupon'),
path('remove-from-cart/<slug>/', remove_from_cart, name='remove-from-cart'),
path('remove-item-from-cart/<slug>/', remove_single_item_from_cart,
     name='remove-single-item-from-cart'),
path('payment/<payment_option>/', PaymentView.as_view(), name='payment'),
path('request-refund/', RequestRefundView.as_view(), name='request-refund'),
path('bikes/', BikeView, name='bikes'),
path('', HomeView, name='home'),
path('search/', SearchView, name='search'),
path('bike-category/<category_id>', category_view, name='category')
]

浏览次数

def category_view(request, category_id):
  item_list = Item.objects.filter(category__pk=category_id)
  return render(request, "bikes.html", {'item_list': item_list})

Answer 1

让我们来分解一下。这就是我们要做的(尽量不要对您当前拥有的进行太多修改):

1.- 定义一条路由来处理用户单击自行车图像时的请求。为此，我们需要在应用的 urls.py 文件中定义一个新路径:

urlpatterns = [
    # ... the rest of your URLconf goes here ... ,
    path('bike-category/<category_id>', views.category_view, name='category'),
]

2.- 现在，让我们稍微修改一下您的 views.py 文件并创建一个用于显示类别的新 View ，因为据我所知，您当前只有一个用于过滤自行车的 View 根据查询参数(必须发送到代码中的其他位置):

def category_view(request, category_id):  
    item_list = Item.objects.filter(category__pk=category_id)
    return render(request, "bikes.html", {'item_list': item_list})

连接 <a> 的 href 属性标记我们刚刚定义的路线:

<a href="{% url 'category' category_id=1 %}">

请注意，我仅根据您当前的代码进行响应，因此，我无法知道您是否有一组静态类别，或者它们是否是在模板中动态生成的、来自数据库等。