无法从 django 的数据库中渲染轮播中的图像？

Question

我正在尝试将图像从我的数据库渲染到 Django 中的轮播。我有一个模型，其中包含用于存储图像 url 的 url 字段，但是当我在（template.html）我的轮播 img src 中使用它们时，即使我在数据库中存储了三个图像 url，它也只呈现第一张图像而不是其他图像。为了更好地理解这里是我的代码。

models.py

from django.db import models

# Create your models here.
class CaraouselData(models.Model):
    title = models.CharField(max_length=100, null=False)
    description = models.TextField(max_length=200, null=True)
    image = models.URLField(null = False, default=True)

    def __str__(self):
        return self.title

views.py

def home(request):
    caraousel_data = CaraouselData.objects.all()
    return render(request, 'index.html', context={
        'caraousel_data': caraousel_data,
    })

template.js

{% block content %}

{#    Caraousel Data Section#}
    <div class="container-fluid p-0">
        <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
          {# images fetching from models #}
        <div class="carousel-inner">
            {% for item in caraousel_data %}
          <div class="carousel-item {% if forloop.counter0 == 0 %} active" {% endif %}>
            <img src="{{ item.image }}" width="600" height="670" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5>{{ item.title }}</h5>
              <p>{{ item.description }}</p>
            </div>
          </div>
        {% endfor %}
{% endblock %}

Answer 1

我想你还没有安装枕头库。? 要处理图像，您必须先安装它们。