CSS 未在 Django 项目中加载?

2024-05-16

我是 Django 新手,但负责该项目的前端工作。我一直在研究如何准确加载 css 文件,但我发现这些方法不起作用。这是 .html 文件布局:

{% load static %}
<html>
<head>
    <title class="title"> NHSEE Homepage </title>
    <!--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> -->
    <link rel="stylesheet" href="{% static 'css/homepage.css' %}">
</head>
<body>
<div class="container">
    <h1> NHSEE </h1>
    <a class="btn btn-1" href="/judges">Judges</a>
    <br>
    <a href="{% url 'students' %}">Students</a>
    <br>
    <a class="btn btn-1" href={% url 'scoring-sheet' %}>Scoring Sheet</a>
    <br>
    <a href="/students">Students</a>
    <br>
    <a href="/projects">Projects</a>
</div>

Here is the layout of the files (not sure if its where I'm putting the files that causing the issue) enter image description here Any help is greatly appreciated. Its very frustrating as I've done frontend work professionally before and can't get a stupid css file to show up.

EDIT: The settings.py file enter image description here


所以,首先你需要有STATICFILES_DIRS在你的settings.py:

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'assets')]

然后继续移动你的所有assets(css、js、fonts...)到名为的目录assets beside manage.py(不在您的应用程序内)

举个例子,假设你有assets/css/home_page.css;你应该使用{% static 'css/home_page.css' %}在您的模板中访问它(省略assets目录)。

这就是基本思想,您可以根据需要命名这些目录。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 未在 Django 项目中加载? 的相关文章

随机推荐

  • 有条件地在 Visual Studio 中嵌入资源 (C#)

    有没有办法有条件地将资源嵌入到 NET 项目中 IE 如果我定义了 INCLUDETHIS 那么我想要将某个大文件嵌入到 dll 中 否则我不希望它嵌入 我知道我可以做两个项目来做到这一点 但我希望在一个项目中完成这一切 使用该文件的代码很
  • Django HTTPS 和 HTTP 会话

    我使用 Django 1 1 1 和 ssl 重定向中间件 通过 HTTPS 创建的会话数据 身份验证等 在站点的 HTTP 部分中不可用 无需将整个站点设置为 HTTPS 即可使其可用的最佳方法是什么 这是设计使然 您无法轻易更改 当通过
  • 如何总结此R问题中的销售数量、售出酒类数量和花费金额

    我使用以下代码在 R 上上传我的数据 if file exists ames liquor rds url lt https github com ds202 at ISU materials blob master 03 tidyvers
  • java.time.format.DateTimeParseException:无法在索引 3 处解析文本

    我正在使用 Java 8 解析日期并查找两个日期之间的差异 这是我的片段 String date1 01 JAN 2017 String date2 02 FEB 2017 DateTimeFormatter df DateTimeForm
  • Azure Data Lake Store 的一致性

    Azure Data Lake Store 的一致性保证是什么 有人找到描述它的技术文档吗 我特别感兴趣的是目录移动是否是原子的 目录列表是否一致以及文件写入后读取是否一致 在 Azure Data Lake Store 中 文件具有写后读
  • 如何将标准库与C++模块一起使用? (例如:“导入 std.io”)

    中给出的基本示例如何在 Clang 中使用 C 模块 https stackoverflow com questions 33307657 how do i use c modules in clang对我有用 但不导入标准库 例如通过im
  • JavaFX 中 WebView 的性能

    我有一个 HTML5 UI 和一个 Java 后端 并且希望避免在纯 java 中重建 HTML ui 所以我的想法是运行本地 Web 服务器并使用 WebView 在 本机 窗口中呈现它 解决方案似乎是使用可以嵌入到 swing 中的 J
  • 在具有子项的“contenteditable”div 中设置插入符位置

    我有一个这样的 HTML 结构 div This is some plain boring content div 我还有这个函数 允许我将插入符位置设置到 div 中我想要的任何位置 Move caret to a specific po
  • asp.net MVC4 中的条件验证

    我希望能够根据从哪个控制器调用视图来启动一些验证函数 我将在 ViewState 或其他内容中设置一个变量 这将帮助我知道从哪个控制器调用该视图 换句话说 如果设置了某个变量 我希望需要验证 这是当我将 Jquery 放入代码中时我在 MV
  • 如何定位整个 JSF 页面被 p:blockUI / pe:blockUI 阻止?

    该示例演示了阻塞
  • 在 Laravel 中按数据透视表 create_at 排序

    在我的数据库中 我有以下表格 courses id 名称 创建时间 更新时间 students id 名称 创建时间 更新时间 课程 学生 id course id student id created at updated at 我正在尝
  • 不支持 URI 前缀

    我正在尝试使用以下方法加载和播放波形文件 SoundPlayer simpleSound new SoundPlayer pack application MyAssembly component Sounds 10meters wav s
  • VS2010中如何切换头文件和实现?

    Visual Studio 2010 中是否有允许在标头 C C h 文件 和实现 C C cpp 文件 之间切换的键盘快捷键或免费插件 MS added this feature in Visual Studio 2013 It s a
  • 删除匹配前的一个单词和一个单词

    匹配之前的一个单词可以是一组任何符号 例如 D E F 我有一个正则表达式 s w s XXX 输入示例 This is KKK M D D xXx PPP输出示例 This is KKK PPP 所以我需要删除 XXX 之前的 1 个单词
  • 提升变量有目的吗?

    我最近学习了很多 JavaScript 并且一直在尝试理解提升变量的值 如果有的话 我 现在 明白JS是一个两遍系统 它编译然后执行 另外 我知道 var 关键字 存在 在它声明的词法范围中 因此如果在引擎为其赋值之前调用它 那么它是 未定
  • RStudio 不会通过 rPython 调用加载所有 Python 模块

    我从 Bash 和 RStudio 中运行相同的脚本时出现一些意外行为 请考虑以下事项 我有一个文件夹 rpython 包含两个脚本 test1 R library rPython setwd rpython python load tes
  • 如何确定与视频中物体的距离?

    我有一个从行驶中的车辆前面录制的视频文件 我将使用 OpenCV 进行对象检测和识别 但我停留在一方面 如何确定距已识别物体的距离 我可以知道我当前的速度和现实世界的 GPS 位置 但仅此而已 我无法对我正在跟踪的对象做出任何假设 我计划用
  • 如何通过 C API 在自己的环境中执行不受信任的 Lua 文件

    我想通过调用在其自己的环境中执行不受信任的 lua 文件lua setfenv http pgl yoyo org luai i lua setfenv这样它就不会影响我的任何代码 该函数的文档仅解释了如何调用函数 而不解释如何执行文件 目
  • (AD) ldap 领域中的组成员资格

    我在 java ee 企业应用程序中使用 JAAS 框架进行身份验证和授权过程 我使用 GlassFish 作为应用程序服务器 我的领域配置如下所示
  • CSS 未在 Django 项目中加载?

    我是 Django 新手 但负责该项目的前端工作 我一直在研究如何准确加载 css 文件 但我发现这些方法不起作用 这是 html 文件布局 load static