2

我有以下问题：

现在我有一个带有 3 个图像的工作静态引导轮播。主要思想是添加一个允许通过网站管理面板更改这些图像的应用程序。我现在有：

模型.py

class BGImagesModel(models.Model):
    image1 = models.ImageField(upload_to='images/%Y/%m/%d')
    image2 = models.ImageField(upload_to='images/%Y/%m/%d')
    image3 = models.ImageField(upload_to='images/%Y/%m/%d')

管理员.py

class BGImagesAdmin(admin.ModelAdmin):
    list_display = ['image1', 'image2', 'image3']

admin.site.register(BGImagesModel, BGImagesAdmin)

网址.py

urlpatterns = [
    url(r"^$", "bg_images.views.images", name="images"),
]

视图.py

def images(request):
    context = {'context_images': BGImagesModel.objects.all()}
    return render(request, 'index.html', context)

.html 文件如下。图像有 3 个主要 div：第一个，我尝试通过管理面板添加图像，只是不产生任何图像。结果是——空的。第二个和第三个（图像是硬编码的）完美地完成了他们的工作。

索引.html

        <div class="carousel-inner">

            <!-- The first background image via admin panel-->
            <div class="active item one">
                {% for image in context_images %}
                <div class="fill">
                    <div>
                        <img src="{{ image.image1.url }}" />
                    </div>
                </div>
                {% endfor %}
            </div>

            <!-- The second background image using inline CSS -->
            <div class="item two">
                <div class="fill" style="background-image:url({% static 'img/2nd.jpg' %});"></div>
            </div>

            <!-- The third background image using inline CSS -->
            <div class="item three">
                <div class="fill" style="background-image:url({% static 'img/3rd.jpg' %});"></div>
            </div>

        </div>

我试图在互联网上寻找类似主题的答案，但没有设法做到这一点。

关于问题的另一次：尝试通过网站管理面板将图像添加到引导轮播失败。出现一张空白幻灯片。

我会非常感谢你的帮助！

更新

如果我改变我的index.html像：

<!-- The first background image via admin panel-->
<div class="active item one">
    <div class="fill">
        <div>
            <img src="{{ context_images.image1.url }}" />
        </div>
    </div>
 </div>

然后我也得到一个空白页面，但在窗口的左上角有一个损坏的图像图标。使用 Firebug 可以得到以下结果：

<div>
    <img src="">
</div>

中没有查询集<img src="">。可能是什么原因？

4

0 回答 0