Owl Carousel 没有在 Django 服务器中显示图像

Posted 2023-02-24

【中文标题】Owl Carousel 没有在 Django 服务器中显示图像

【英文标题】：Owl Carousel not showing images in Django server

【发布时间】：2021-02-01 05:10:44

【问题描述】：

好吧，正如标题中所解释的，当我用纯css和html设计网站时，它完美地显示了图像，这是调用必要文件后的相关代码，结果是IN PURE FRONTEND：

<!-- ================= main slide ================= -->

<div class="owl-init slider-main owl-carousel" data-items="1" data-margin="1" data-nav="true" data-dots="false">
<div class="item-slide">
    <img src="img/banners/CDMX.jpg">

</div>
<div class="item-slide">
    <img src="img/banners/GDL.jpg">
</div>
<div class="item-slide">
    <img src="img/banners/MTY.png">
</div>
</div>

<!-- ============== main slidesow .end // ============= -->
</div> <!-- col.// -->

结果：

然而，这是扩展 base.html 文件并确保正确调用所有 css 和 js 文件后 index.html 中的代码：

<!-- ================= ciudades slide ================= -->

<div class="owl-init slider-main owl-carousel"  data-margin="1" data-nav="true" data-dots="false">
    <div class="item-slide owl-item">
        <img src="% static 'core/img/banners/MTY.png' %">
    </div>

    <div class="item-slide owl-item">
        <img src="% static 'core/img/banners/GDL.jpg' % ">
    </div>
    
    <div class="item-slide owl-item ">
        <img src="% static 'core/img/banners/CDMX.jpg' %">
    </div>
</div>

<!-- ============== main slidesow .end // ============= -->
    </div> <!-- col.// -->

这个结果：

在浏览器中分析html结果时显示如下结果：

<!-- ================= ciudades slide ================= -->

<div class="owl-init slider-main owl-carousel"  data-margin="1" data-nav="true" data-dots="false">
    <div class="item-slide owl-item">
        <img src="/static/core/img/banners/MTY.png">
    </div>

    <div class="item-slide owl-item">
        <img src="/static/core/img/banners/GDL.jpg ">
    </div>
    
    <div class="item-slide owl-item">
        <img src="/static/core/img/banners/CDMX.jpg">
    </div>
</div>

<!-- ============== main slidesow .end // ============= -->
    </div> <!-- col.// -->

我将插入日志图像，以便您看到问题不是我正在使用的源/路径：

如果需要任何额外的代码或信息，我会不断检查，非常感谢大家...

【参考方案1】：

在settings.py中创建静态文件设置

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),]

将此代码放入urls.py

if settings.DEBUG:
urlpatterns = urlpatterns + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

【讨论】：

我不想把所有的代码都粘贴到这里，所以也许我没有把这些都清除掉，但我已经这样做了，虽然我没有 STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'),] 部分，所以我添加了它，但它仍然无法正常工作。不过非常感谢您的回答。