【问题标题】:Django admin css loads perfectly (status: 200) but the output shows pure html with no styles loadedDjango admin css 加载完美(状态:200),但输出显示纯 html,没有加载样式
【发布时间】:2020-06-15 14:46:20
【问题描述】:

我对 Django 很陌生,我一直在按照我找到的网站上的步骤进行操作。 我已经尝试过在其他问题上找到的解决方案,但没有一个适用于我的情况。

Django Admin - Webpage

cmd output

Django Admin - Output no CSS

我的静态设置如下所示:

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)


STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
#STATIC_ROOT = os.path.join(BASE_DIR, 'static')

我安装的应用程序设置如下所示:

DEBUG = True

ALLOWED_HOSTS = []


# Application definition

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

提前致谢!

编辑:

这是我正在加载的 html:

{% load static %}<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Boards</title>
        <link rel="stylesheet" text="text/css" href="{% static 'myproject/css/bootstrap.css' %}">
    </head>
    <body>
        <div class="container">
            <ol class="breadcrumb my-4">
                <li class="breadcrumb item-active">Boards</li>
            </ol>
            <table class="table">
                <thead class="thead-inverse">
                    <tr>
                        <th>Board</th>
                        <th>Posts</th>
                        <th>Topics</th>
                        <th>Last Post</th>
                    </tr>
                </thead>
                <tbody>
                    {% for board in boards %}
                        <tr>
                            <td>
                                {{board.name}}<br>
                                <small class="text muted d-block">{{ board.description }}</small>
                            </td>
                            <td class="align-middle">0</td>
                            <td class="align-middle">0</td>
                            <td></td>
                        </tr>
                        {% endfor %}
                </tbody>
            </table>
        </div>
    </body>
</html>

【问题讨论】:

  • 您可以尝试以下一些解决方案:stackoverflow.com/questions/13446325/…
  • 请详细说明究竟是什么显示为“纯html”?管理页面还是应用页面?整页还是一部分?你能展示一段html并根据它的css吗?
  • 我正在加载我通过网络下载的默认引导 .css 文件。我已经上传了我正在使用的 .html 代码。样式化 .html 显式工作,但当我开始使用 python/django 引用 .css 文件时却没有。我会检查您在 stackoverflow.com/questions/13446325/... 发布的解决方案,看看它是否有效。如果我在该线程上找到解决方案,我会更新这篇文章。谢谢!
  • 管理页面和应用页面。并且整个 html 部分不会加载我从 bootstrap 下载的任何 css 文件。
  • 所以管理页面实际上是由 django-admin css 设计的,对吧?只有引导样式不适用,对吧? Django admin css loads perfectly - 请详细说明这是什么意思? 除了您的(从引导程序下载)之外的任何 css 都已成功加载并应用

标签: django django-admin django-staticfiles


【解决方案1】:

在您的模板中,请像这样加载静态文件

{% load static %}

【讨论】:

  • 我已经在 .html 的开头包含了它。但输出网页仍然没有变化
猜你喜欢
  • 2020-11-16
  • 2017-08-08
  • 1970-01-01
  • 1970-01-01
  • 2021-09-07
  • 1970-01-01
  • 2021-06-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多