如何在轮播中显示所有这些图像

Question

我知道初学者可能会提出愚蠢的问题，但这就是解决问题的方式。 我可以在轮播中列出所有这些图像吗？或图片库。我怎样才能最简单地列出这些图像？

你有什么建议？

我不想使用外键，因为我不能（我还不能理解视图中的保存过程）在视图中保存单独的模型。 非常感谢

class MyFamily(models.Model):
    author = models.ForeignKey(Profile, on_delete=models.CASCADE)
    date = models.DateField(auto_now_add=True)
    update = models.DateField(auto_now=True)
    title = models.CharField(max_length=100)
    explanatipon = models.TextField(blank=True)
    photo1 = models.ImageField(upload_to='posts/photos/')
    photo2 = models.ImageField(upload_to='posts/photos/')
    photo3 = models.ImageField(upload_to='posts/photos/')
    photo4 = models.ImageField(upload_to='posts/photos/')
    photo5 = models.ImageField(upload_to='posts/photos/')
    active = models.BooleanField(default=True)

    def __str__(self):
        return str(self.title)[:30]

我试图让它像@willem-van-onsem 提到的那样，但没有成功。我需要帮助

我做了什么：

模特简介：

class Profile(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    bio = models.TextField()
    updated = models.DateTimeField(auto_now=True)
    created = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return str(self.user.username)

模型我的家人：

class MyFamily(models.Model):
    author = models.ForeignKey(Profile, on_delete=models.CASCADE)
    date = models.DateField(auto_now_add=True)
    update = models.DateField(auto_now=True)
    title = models.CharField(max_length=100)
    explanatipon = models.TextField(blank=True)
    photo1 = models.ImageField(upload_to='posts/photos/')
    photo2 = models.ImageField(upload_to='posts/photos/')
    photo3 = models.ImageField(upload_to='posts/photos/')
    photo4 = models.ImageField(upload_to='posts/photos/')
    photo5 = models.ImageField(upload_to='posts/photos/')
    active = models.BooleanField(default=True)

    @property
    def photos(self):
        photos = [self.photo1, self.photo2, self.photo3, self.photo4, self.photo5]
        return [photo for photo in photos if photo is not None]

    def __str__(self):
        return str(self.title)[:30]

视图：

def photo(request):
    myfamily = MyFamily.objects.filter(active=True)

    context = {
        'myfamily':myfamily
    }
    return render(request, 'posts/create-form.html')

Answer 1

您可以在列表中返回照片：

class MyFamily(models.Model):
    # …

    @property
    def photos(self):
        photos = [self.photo1, self.photo2, self.photo3, self.photo4, self.photo5]
        return [photo for photo in photos if photo is not None]

如果您构造一个视图，其中将MyFamily 对象作为myfamily 传递给模板渲染引擎，我们可以为Bootstrap carousel 生成HTML：

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    {% for photo in myfamily.photos %}
    <div class="carousel-item {% if forloop.first %}active{% endif %}">
      <img class="d-block w-100" src="{{ photo.url }}" alt="First slide">
    </div>
    {% endfor %}
  </div>
</div>

话虽如此，我认为建模可能会通过额外的模型得到改进。现在一个只能上传五个对象。通常，在这种情况下，定义一个额外的模型 (MyFamilyPhoto) 与 ForeignKey 到 MyFamily，以允许为每个 MyFamily 生成任意数量的 MyFamilyPhotos。对于任意 MyFamily 对象，您需要向 url 添加一个参数。在视图中，您可以通过以下方式获取用户的myfamily：

from django.contrib.auth.decorators import login_required

@login_required
def photo(request):
    myfamily = MyFamily.objects.get(active=True, author__user=request.user)
    context = {
        'myfamily': myfamily
    }
    return render(request, 'posts/create-form.html')

---

注意：您可以使用 @login_required decorator [Django-doc].