我的 Django 网站上的图像未加载

Question

我的菜单模板上有图片，点击后我想重定向到 Django 中的另一个模板

**Below is my code for the menu template:**

 {%for count in item%}
        <div class="col-md-6 col-lg-4 menu-wrap">
            <div class="heading-menu text-center ftco-animate">
                <h3>{{count.supper}}</h3>
                </div>
            <div class="menus d-flex ftco-animate">
          <div class="menu-img img" style="background-image: url({{count.pic.url}});"></div>
          <div class="text">
            <div class="d-flex">
                <div class="one-half">
                  <h3>{{count.name}}</h3>
                </div>
                <div class="one-forth">
                  <span class="price">${{count.price}}</span>
                </div>

我怎样才能做到这一点？ 可以应用 onclick 事件吗？

Model.py 代码：

从 django.db 导入模型 从 django.contrib.postgres.fields 导入 ArrayField

class Breakfast(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")


class Lunch(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")

Answer 1

直接放图片而不是背景

<div class="menu-img img">
  <a href="{% url 'whatdoyouwant' %}">
    <img src="{{count.pic.url}}"></img>
  </a>
</div>