繁体   English   中英

条件对象类模板标记 Django

[英]Conditional object class template tagging Django

我正在尝试基于统一模型复制 HTML 卡:

模型.py

class Uniform(models.Model):
    category = models.CharField(choices = CATEGORY_CHOICES, max_length=11)
    description = models.CharField(max_length = 50)
    price = models.FloatField(max_length = 6)
    size = models.CharField(choices=CLOTHES_SIZE, max_length=4)
    image = models.ImageField(upload_to='uniforms/')

    class Meta:
        ordering = ['category']

    def __str__(self):
        return '{}: {} - {} - ${}'.format(self.category, self.description, self.size, self.price)

视图.py

def item_list(request):
    uniform = Uniform.objects.all()
    description = Uniform.objects.order_by().values('description').distinct()
    category = Uniform.objects.order_by().values('category').distinct()
    context = {
    'uniform':uniform,
    'description': description,
    'category': category
    }
    return render(request, 'apparelapp/item_list.html', context)

html

<div class="row wow fadeIn">
    {% for item in description %}
    <div class="col-lg-3 col-md-6 mb-4">

      <div class="card">

        <div class="view overlay">
          <img src="" alt="">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>

        </div>

        <div class="card-body text-center">
          <label>
            <h5>{{ item.description }}</h5>
          </label>
           <h5>

             {% if uniform.description %}
            <strong>
              <label for="">{{ uniform.category }}</label>
            </strong>
          </h5>
            {% endif %}

          <!--<h4 class="font-weight-bold blue-text">
            <strong>${{item.price}}</strong>
            <div class="dropdown">
              {% for size in item.size %}
              <ul>
                {{size}}
              </ul>
              {% endfor %}
            </div>
          </h4> -->
        </div>
      </div>

    </div>
    {% endfor %}

我得到的是项目描述,而不是项目类别:我想说的是,如果显示了制服的描述,请显示制服的类别 - 但它是空白的在此处输入图片说明

我尝试格式化以仅调用统一类别,但后来我将卡片数量增加了 4 倍(例如:一张用于围裙小到围裙超大的卡片)

这是因为您使用错误的变量来访问uniform的类别。

更容易的是迭代你的Uniform项目。 您可以将其所有项目传递给上下文:

视图.py

def item_list(request):
    uniform = Uniform.objects.all()
    context = {'uniform': uniform}
    return render(request, 'apparelapp/item_list.html', context)

HTML

<div class="row wow fadeIn">
    {% for item in uniform %}
        <div class="col-lg-3 col-md-6 mb-4">
            <div class="card">
                <div class="view overlay">
                    <img src="" alt="">
                    <a>
                        <div class="mask rgba-white-slight"></div>
                    </a>
                </div>
                <div class="card-body text-center">
                    <label>
                        <h5>{{ item.description }}</h5>
                    </label>
                    <h5>
                        {% if item.description %}
                        <strong>
                            <label for="">{{ item.category }}</label>
                        </strong>
                    </h5>
                    {% endif %}
                </div>
            </div>
        </div>
    {% endfor %}
</div>

另外,我对您的HTML文件进行了一些格式化。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM