开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Django:你如何提供媒体/样式表并在模板中链接到它们

在 Django 中，要提供媒体文件（如图片、视频等）和样式表（CSS），并在模板中链接它们，需要遵循以下步骤：

将媒体文件和样式表放在 Django 项目的静态文件夹中。通常，这个文件夹被称为 static，并位于应用程序的目录中。例如，如果您的应用程序名为 myapp，则应将静态文件放在 myapp/static/ 目录中。
在 Django 项目的设置文件（通常为 settings.py）中，将 STATIC_URL 设置为静态文件的 URL 前缀。例如：

STATIC_URL = '/static/'

这将告诉 Django 在哪里找到静态文件。

在 HTML 模板中，使用 {% load static %} 标签加载静态文件。例如：

{% load static %}
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
</head>
<body>
    <img src="{% static 'images/example.jpg' %}">
</body>
</html>

在上面的示例中，{% load static %} 标签告诉 Django 在模板中使用静态文件。<link> 标签用于链接 CSS 文件，而 <img> 标签用于链接图像文件。

如果您使用的是第三方应用程序，可以将它们的静态文件与您的项目分开存储。要做到这一点，需要在 settings.py 文件中添加第三方应用程序的静态文件目录。例如：

INSTALLED_APPS = [
    # ...
    'myapp',
    'third_party_app',
    # ...
]

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "third_party_app/static"),
]

这将告诉 Django 在哪里找到第三方应用程序的静态文件。

总之，在 Django 中提供媒体文件和样式表，并在模板中链接它们，需要将文件放在静态文件夹中，配置静态文件的 URL 前缀，并在 HTML 模板中使用相应的标签。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

django 1.8 官方文档翻译： 1-2-6 编写你的第一个Django应用，第6部分

在Django中，我们将这些文件称为“静态文件”。对于小型项目，这不是个大问题，因为你可以将它们放在你的网页服务器可以访问到的地方。...自定义你的应用的外观首先在你的polls中创建一个static目录。Django将在那里查找静态文件，与Django如何polls/templates/内部的模板类似。...在你刚刚创建的static目录中，创建另外一个目录polls并在它下面创建一个文件style.css。换句话讲，你的样式表应该位于polls/static/polls/style.css。...因为AppDirectoriesFinder 静态文件查找器的工作方式，你可以通过polls/style.css在Django中访问这个静态文件，与你如何访问模板的路径类似。...警告：当然，{% static %}模板标签不能用在静态文件（比如样式表）中，因为他们不是由Django生成的。

1.1K2 0

Django 1.10中文文档-第一个应用Part6-静态文件

前面已经建立一个网页投票应用并且测试通过，现在主要讲述如何添加样式表和图片。除由服务器生成的HTML文件外，网页应用一般还需要提供其它必要的文件——比如图片、JavaScript脚本和CSS样式表。...在Django中，这些文件统称为“静态文件”。如果是在小型项目中，这只是个小问题，因为你可以将它们放在网页服务器可以访问到的地方。...在你刚刚创建的static目录中，再创建一个polls目录并在它下面创建一个文件style.css。这样你的style.css样式表应该在polls/static/polls/style.css。...Django会自动使用它所找到的第一个符合要求的静态文件的文件名，如果你有在两个不同应用中存在两个同名的静态文件，那么Django是无法区分它们的。...警告：{% static %} 模板标签在不是由 Django 生成的静态文件（比如样式表）中是不可用的。

1.5K7 0

如何使用Python中Django模板？

模板是在Django项目中构建用户界面的主要工具。让我们学习一下在视图中如何使用模板，以及Django的模板系统能够提供什么特性。设置模板我们需要一个地方放置模板。...在那些例子中，我们提供一个模板名字，然后我说到Django会处理剩下的事情。现在你开始理解Django获取模板名字，然后调用类似render的代码来生成一个HttpResponse。...如果我们现在重新接到将styles.css样式表替换为better_styles.css样式表的任务时，我们可以在base.html中更新，然后将修改的内容应用到所有以它为基础模板扩展的页面。...构建你自己的模板武器当你需要构建你自己的模板标签或者过滤器时，Django给你提供了制作它们的工具。这里有三个主要的元素用来定制标签：在Django期望的地方定义你自己的标签。...我们已经学习的以下内容：如何设置你网站的模板从视图中调用模板的方法如何使用数据如何处理逻辑可用于模板的内置标签和过滤器使用你自己的代码扩展定制模板

3.9K3 0

django 1.8 官方文档翻译：5-2-2 表单素材 ( Media 类)

这些组件定义了素材的需求，DJango Admin使用这些自定义组件来代替Django默认的组件。Admin模板只包含在提供页面上渲染组件所需的那些文件。...如果你喜欢Django Admin应用所使用的那些组件，可以在你的应用中随意使用它们。它们位于django.contrib.admin.widgets。选择哪个JavaScript工具包？...现在有许多JavaScript工具包，它们中许多都包含组件（比如日历组件），可以用于提升你的应用。Django 有意避免去称赞任何一个JavaScript工具包。...它们之中没有必需选项。 css 各种表单和输出媒体所需的，描述CSS的字典。字典中的值应该为文件名称的列表或者元组。对于如何指定这些文件的路径，详见路径的章节。字典中的键位输出媒体的类型。...如果你需要为不同的媒体类型使用不同的样式表，要为每个输出媒体提供一个CSS文件的列表。

7692 0

Django -- 快速测试&页面美化

类似于管理模板文件，我们同样可以把样式文件直接放入到demo_app/static文件夹中--而不是创建另一个demo_app的子文件夹，这样做的弊端就是因为Django只会使用第一个找到的静态文件，如果你在其他应用中有一个相同名字的静态文件...，Django 将无法区分它们。...所以我们需要指引Django选择正确的静态文件，最简单的方式就是把它们放入各自的命名空间，也就是把这些静态文件放入另一个与应用名相同的目录中。...•查看重定向链（如果有），并在每个步骤检查URL和状态代码。•测试给定的请求是否由给定的Django模板以及包含某些值的模板上下文呈现。...那么，post 请求该如何发起呢，有兴趣的同学可以尝试下。 ---- 前文回顾 •如何优雅的提交表单•视图是啥？模板为何物？•走进model•一文完全解读django结构

1.4K2 0

Django快速入门——投票程序(4，6)表单&界面、风格

• 注意，Django还以同样的方式提供request.GET 用于访问 GET 数据 —— 但我们在代码中显式地使用request.POST ，以保证数据只能通过 POST调用改动。...如果你对此有兴趣，你可以阅读使用 F() 避免竞争条件来学习如何解决这个问题。...Django的STATICFILES_FINDERS设置包含了一系列的查找器，它们知道去哪里找到static文件。...因为 AppDirectoriesFinder 的存在，你可以在 Django 中以 polls/style.css 的形式引用此文件，类似你引用模板路径的方式。...警告 {% static %}模板标签在静态文件（例如样式表）中是不可用的，因为它们不是由 Django 生成的。

2792 0

Django学习笔记 1.6 静态文件

django.contrib.staticfiles 存在的意义：它将各个应用的静态文件（和一些你指明的目录里的文件）统一收集起来，这样一来，在生产环境中，这些文件就会集中在一个便于分发的地方。...Django 的 STATICFILES_FINDERS 设置包含了一系列的查找器，它们知道去哪里找到 static 文件。...Django 只会使用第一个找到的静态文件。如果你在其它应用中有一个相同名字的静态文件，Django 将无法区分它们。...我们需要指引 Django 选择正确的静态文件，而最简单的方式就是把它们放入各自的命名空间。也就是把这些静态文件放入另一个与应用名相同的目录中。...no-repeat; } 小结这节笔记描述了如何增加样式文件及图片。

7023 0

用python搭建一个校园维基网站（二）—— 可编辑内容的首页的创建

还包含了一个wagtail提供的对ForeignKey进行了一层封装的ParentalKey外键连接到它所属的WikiHome页面。类似的，panels表明出现在可编辑区。 ? ?...，只是具体链接可能为外链、某个页面或某个文档，占用了三个字段，此外还利用@property装饰器为该模型添加了link属性，来返回它的具体链接，这样在模板中就可以使用.link调用。...它有一系列现成的layouts供我们使用，选择最适合本次主页的样式，查看源码可以得到详细的信息，在这里，为了简便，我们直接使用了该layout的额外样式表的链接(最好处理为本地的css样式文件，使用Django...对于模板来说，它对应的页面模型处于它的上下文环境，在模板中可以调用到该页面模型中的所有元素(使用Django的模板语言)。我们要按照页面排版将元素填充进去。...但是，还不能在模板中调用它，我们需要将它注册到Django的tag标签系统中，在wiki目录下新建templatetags文件夹，在该文件夹下新建wiki_tags.py文件，添加如下内容。

3.6K8 0

如何从Django应用程序发送Web推送通知

第4步 - 创建模板 Django的模板引擎允许您使用与HTML文件类似的模板定义应用程序的面向用户层。在此步骤中，您将为home视图创建和呈现模板。...在这里有三个参数：request，将被提出的template，并且对象包含将在模板中使用的变量。通过创建模板并更新home视图，我们可以继续配置Django来提供静态文件。...第6步 - 设置主页样式在设置应用程序以提供静态文件后，您可以创建外部样式表并将其链接到home.html文件以设置主页样式。所有静态文件都将存储在项目根文件夹的static目录中。...，您可以使用静态模板标记将其链接到home.html文件。...我们将创建一个服务工作者来监听push事件并在准备好后显示消息。因为我们希望服务工作者的范围是整个域，所以我们需要将其安装在应用程序的根目录中。您可以在本文中详细了解如何注册服务工作者的过程。

9.9K11 5

关于“Python”的核心知识点整理大全58

为此，我们将为注销链接定义一个URL模式，编写一个视图函数，并在base.html中添加一个注销链接。 1....链接到注销视图现在我们需要添加一个注销链接。...我们将使用Django提供的表单UserCreationForm，但编写自己的视图函数和模板 1....注册模板注册页面的模板与登录页面的模板类似，请务必将其保存到login.html所在的目录中： register.html {% extends "learning_logs/base.html...19.3.1 使用@login_required 限制访问 Django提供了装饰器@login_required，让你能够轻松地实现这样的目标：对于某些页面，只允许已登录的用户访问它们。

1261 0

Django 中显示图片

在 Django 中显示图片的基本步骤包括：配置静态文件和媒体文件的处理、上传图片、以及在模板中显示图片。...以下是详细步骤：问题背景：我在学习 Django 并在构建一个简单的网站，我尝试使用模板语言添加一些图片，但显示的结果是只有小的蓝色问号图标，而不是预期的图片。...MEDIA_URL 是用于访问媒体文件的 URL 前缀，而 MEDIA_ROOT 是媒体文件在服务器上的实际存储路径。确保它们的值是正确的，并且媒体文件已经上传到 MEDIA_ROOT 中。...确保 TEMPLATE_DIRS 中包含静态文件所在的路径。确保在 urls.py 中正确地配置了媒体文件的服务。...主要步骤包括配置静态和媒体文件路径、创建上传表单和处理视图、配置 URL 路由以及创建模板来展示图片。

1101 0

关于“Python”的核心知识点整理大全55

如果你刷新显示所有主题的页面，再单击其中的一个主题，将看到类似于图18-5所示的页面。 18.5 小结在本章中，你首先学习了如何使用Django框架来创建Web应用程序。...你制定了简要的项目规范，在虚拟环境中安装了Django，创建了一个项目，并核实该项目已正确地创建。你学习了如何创建应用程序，以及如何定义表示应用程序数据的模型。...你学习了数据库，以及在你修改模型后， Django可为你迁移数据库提供什么样的帮助。你学习了如何创建可访问管理网站的超级用户，并使用管理网站输入了一些初始数据。...你还探索了Django shell，它让你能够在终端会话中处理项目的数据。你学习了如何定义URL、创建视图函数以及编写为网站创建网页的模板。...创建一个名为forms.py的文件，将其存储到models.py所在的目录中，并在其中编写你的第一个表单： forms.py from django import forms from .models

1661 0

django 1.8 官方文档翻译： 1-2-3 编写你的第一个Django应用，第3部分

Django 将会在那寻找模板。 Django 的 TEMPLATE_LOADERS 配置中包含一个知道如何从各种来源导入模板的可调用的方法列表。...由于知道如上所述的 app_directories 模板加载器是如何运行的，你可以参考 Django 内的模板简单的作为 polls/index.html 模板。...Django 将会选择第一个找到的按名称匹配的模板，如果你在不同应用中有相同的名称的模板，Django 将无法区分它们。...对此 Django 提供了一个快捷操作。...URL 名称的命名空间本教程中的项目只有一个应用：polls 。在实际的 Django 项目中，可能有 5、10、20 或者更多的应用。Django 是如何区分它们的 URL 名称的呢？

1.8K5 0

众多Python Web框架比较，哪个适合你，你就用哪个！

在这里，我们给这样的框架更高的分数：这些框架展示了如何在教程中创建整个应用程序，包括常见的配方或设计模式，以及超出职责范围（例如提供有关如何运行的详细信息） Python变体（如PyPy或IronPython...如果你的工作只是设置几个简单的REST端点，Django几乎肯定是矫枉过正的。 Django也有它的怪癖。例如，页面模板不能使用callables。...这是Django确保模板不会无意中做出令人讨厌的事情的方法之一，但如果你没有为它们做好准备，这些限制可能会很刺激。虽然有解决方法，但它们往往会对性能产生影响。 Django的核心是同步。...提供的功能并不像在Django大小的框架中那样完整，但开发人员不需要投入大量精力来使它们变得有用，并且它们可以在事后得到扩展。 Weppy中发现的另一个通常与更重量级框架相关的功能是国际化支持。...默认情况下，模板中包含的变量使用安全HTML呈现;你必须指出哪些变量可以安全地从字面上重现。如果更换掉模板引擎并使用另一个模板引擎，例如Jinja2，那么Bottle可以帮助轻松完成。

4.6K2 0

使用dotCloud在云端部署Django应用程序

dotCloud的目标是提供一堆不同的独立服务，您可以使用它作为构建模块来构建您的应用程序。如果你需要一个数据库，从他们所支持的服务中挑选一个。...它还为您提供了一个不错的平台，可以尝试新的服务，看看它们如何运行，而无需安装，配置和维护仅用于测试的服务。我将详细介绍将我的博客安装到dotCloud上的步骤，希望能够回答一些常见的问题。...如果你想要一个postgreSQL数据库，你可以使用这个模板作为模板，然后修改它，以便在postgreSQL上运行。...因此，我们将利用Django内置的缓存功能，并在我们的博客中添加一些缓存。通常我使用memcached进行缓存，但是dotCloud的memcached支持现在是有限的。...，它们将在你的environment.json文件中可用。

3.4K7 0

Django 1.10中文文档-第一个应用Part7-自定义管理站点

为此，Django提供了一种扁平化的显示方式，你仅仅只需要将ChoiceInline继承的类改为admin.TabularInline： # polls/admin.py class ChoiceInline...如何找到Django源文件: 在命令行中运行下面代码: python -c "import django; print(django....自定义应用模板聪明的读者可能会问：但是DIRS默认是空的，Django是如何找到默认的admin模板呢？...这样的话，你可以将投票应用加入到任何新的项目中，并且保证能够找到它所需要的自定义模板。更多关于Django如何加载模板文件的信息，请查看模板加载 (0%)的文档。...你可以硬编码链接到指定对象的admin页面，使用任何你认为好的方法，用于替代这个app_list。

3.6K6 0

关于“Python”的核心知识点整理大全57

用户将看到既有的数据，并能够编辑它们。...为此，我们将使用Django提供的默认登录视图，因此URL 模式会稍有不同。...在目录learning_log/users/中，新建一个名为urls.py的文件，并在其中添加如下代码： urls.py """为应用程序users定义URL模式""" from django.conf.urls...模板login.html 用户请求登录页面时，Django将使用其默认视图login，但我们依然需要为这个页面提供模板。...链接到登录页面下面在base.html中添加到登录页面的链接，让所有页面都包含它。

991 0

Python Web 深度学习实用指南：第四部分

我们遍历了广告牌数据库中所有可用的bills项目，并使用模板中的for循环显示了它们。...在下一章中，我们将讨论如何建立生产级深度学习环境。我们将讨论您可以遵循的架构设计，具体取决于它们的大小要求以及最新的服务提供商和工具。...复制 ngrok 仪表板在连接帐户部分下给出的命令-它包含您帐户的 authtoken，并在运行时将系统上的 ngrok 工具连接到网站上的 ngrok 帐户。...但是为了使它们与设计同步显示，我们还将设置一个base.html模板，它将作为 UI 中其余视图模板的主模板。...但是，以下是各个小组使用经典机器学习和深度学习方法进行的一些研究：《在社交媒体网络中检测虚假新闻》《使用几何深度学习在社交媒体上进行虚假新闻检测》鼓励您在这个页面上查看调查报告，该报告提供了有关各种假新闻检测技术的综合指南

6.9K1 0

探索Django：从项目创建到图片上传的全方位指南

项目创建前提条件要顺利完成本教程，你需要具备以下条件：扎实的 Python 和 Django 基础知识，包括但不限于 Django 的模型、视图、模板以及表单等方面的理解。...当我们配置Django时，我们必须明确指定媒体文件的URL和存储位置。这可以通过设置MEDIA_URL和MEDIA_ROOT来完成。...启动服务，一旦服务器启动，你就可以在浏览器中访问你的 Django 项目，并在开发环境中进行测试和调试。...框架的一些基本概念和使用方法，以及如何利用 Django 构建一个简单的图像上传应用程序。...从项目创建到环境配置，再到 admin 端图像处理和用户图片上传，我们逐步学习了如何利用 Django 提供的功能快速搭建 Web 应用。

2917 3

Django 3.1 官网学习路线

OK migrate 命令获取所有还没有应用的迁移(Django 跟踪哪些迁移是使用数据库中名为 django_migrations 的特殊表应用的)，并在数据库上运行它们——本质上，就是将您对模型所做的更改与数据库中的模式同步...之所以要用单独的命令来进行迁移是因为你要将迁移提交到版本控制系统，并与应用一起发布;它们不仅使您的开发更容易，还可用于其他开发人员和生产环境中。...您将看到一个页面，其中列出了通过 Django 管理员对这个对象所做的所有更改，以及更改者的时间戳和用户名：第三部分概览视图是 Django 应用程序中的 Web 页面的“类型”，通常提供特定的功能和特定的模板...Django 会在其中寻找模板。项目的模板设置描述了 Django 如何加载和呈现模板。默认设置文件配置一个 DjangoTemplates 后端，其 APP_DIRS 选项设置为 True。...在刚刚创建的模板目录中，创建另一个名为 polls 的目录，并在该目录中创建一个名为 index.html 的文件。

8.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭