使用 Javascript 实现 Live Django Search [英] Using Javascript to implement Live Django Search

问题描述

我正在使用 Javascript 向我的电子商务项目添加搜索功能，我遵循了一个教程，该教程解释了在搜索栏中编写标题时只会出现具有相同字母的项目.在我的项目中，它适用于基本 HTML，但我试图让它更复杂一些，以包含包含价格等详细信息的完整卡片，而不仅仅是标题.

这是model.py

class Item(models.Model):标题=models.CharField(max_length=100)image = models.ImageField(blank=False,upload_to=upload_design_to)价格 = models.DecimalField(decimal_places=2, max_digits=100)折扣价格=models.DecimalField(decimal_places=2，max_digits=100，空白=真，空=真)时间戳 = 模型.DateTimeField(默认 = 时区.现在)

这是views.py

class ItemListView(ListView):型号 = 物品paginate_by = 12template_name = "store/product_list.html";排序 = ['-时间戳']def get_context_data(self, **kwargs):context = super().get_context_data(**kwargs)上下文[qs_json"] = json.dumps(list(Item.objects.values()),cls=DjangoJSONEncoder)返回上下文

这里是scripts.py

这里是template.html

<!--卡片--><div id="box"class='行卡组'>{% for item in object_list %}<div class="col-4 mb-3"><div class="card h-100"><a href="{{item.get_absolute_url}}"><embed src="{{ item.image.url }}";class="card-img-top";alt=..."/></a><div class="card-body"><h5 class="card-title">{{ item.title }}</h5><p class="card-text">{% if item.description %}{{ 商品描述 }}{％ 万一 ％}</p>

<div class="card-footer"><small class="text-muted">{{ item.timestamp }}</small>

{% 结束为 %}