图像没有显示在 index.html 上,我正在 Django 中编辑酒店模板,只是基础知识

Posted

技术标签:

【中文标题】图像没有显示在 index.html 上,我正在 Django 中编辑酒店模板,只是基础知识【英文标题】:Images are not getting displayed on index.html , I'm editing a hotel template in Django, just the basics 【发布时间】:2021-12-16 12:51:51 【问题描述】:

我的 views.py 看起来像这样

from django.shortcuts import render

def home(request):
    return render(request,'index.html')

应用定义


INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

静态文件(CSS、javascript、图像)

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

我的 index.html 看起来像这样


<!DOCTYPE html>
% load static %
<html lang="en">
  <head>
    <title>Deluxe - Free Bootstrap 4 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    

    <section class="home-slider owl-carousel">
      <div class="slider-item" style="background-image:url(% static 'images/bg_1.jpg' %);">

        <div class="overlay"></div>
        <div class="container">
          <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-12 ftco-animate text-center">
            <div class="text mb-5 pb-3">

                <h1 class="mb-3">Welcome To Deluxe</h1>
                <h2>Hotels &amp; Resorts</h2>
                <img src="% static 'images/bg_1.jpg' %" />
            </div>
          </div>
        </div>
        </div>
      </div>

我想让图片在服务器运行后显示出来,想摆脱这个疑惑

【问题讨论】:

【参考方案1】:

在setting.py中保持DEBUG为True。

DEBUG = True

或者请控制台日志。

【讨论】:

以上是关于图像没有显示在 index.html 上,我正在 Django 中编辑酒店模板,只是基础知识的主要内容,如果未能解决你的问题,请参考以下文章

CSS 背景图像未显示 CSS HAML

所选图像未显示在画布上

chrome/safari 显示图像周围的边框

我无法让 html 显示此 github zip 中的所有内容

如何在按钮上显示图像? -迅速

如何在同一页面上显示裁剪的图像