django加载css等静态文件

最新推荐文章于 2023-01-14 15:56:23 发布

Zurielhgq

最新推荐文章于 2023-01-14 15:56:23 发布

阅读量801

点赞数

CC 4.0 BY-SA版权

分类专栏： django

本文链接：https://blog.youkuaiyun.com/Zurielhgq/article/details/77875117

django 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在项目中配置静态资源加载的方法。具体步骤包括创建static文件夹，并使其与templates同级；在HTML文件中使用特定语法加载CSS文件；通过相对路径引用图片资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.新建static文件夹，与templates同级；

2.html文件中引用css的代码为：

	{% load staticfiles %}
    	<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}">

3.图片引用时使用相对路径即可：

	<link rel="icon" href="../static/icon/homepage.ico" type="image/x-icon"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zurielhgq

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Django 4.x Static 静态文件使用示例和配置方法

Mr数据杨

11-05

3万+

大家好，我是Mr数据杨。让我带领大家穿越到三国时期，来一起学习Django如何使用静态文件。现在就像是主角郭嘉需要布置一场战场，其中的每一个元素，如兵器、战车，都是静态文件。郭嘉需要在中进行配置，就像他必须对战场有详细的规划和配置。在模板中使用静态文件，就像他在战场上有效地利用各种资源，把他们放在最需要的地方。郭嘉需要检查配置是否生效。如果兵器未按他的计划放置，那么他的策略可能会失败。静态文件配置参数的作用就好比郭嘉的各种策略。

Django框架css文件能正常加载，但是css样式不生效

最新发布

猿小白的博客

05-27

599

最近运行一个Django项目，能正常启动运行，css文件也能够正常加载，但是css样式却没有正常渲染。

1 条评论您还未登录，请先登录后发表或查看评论

Django引用静态页面格式css,js

weixin_45153932的博客

01-25

468

背景最近做Django项目出现一个问题，就是Django中把静态页面和页面格式同时放入templates模板目录下，在服务器上运行发现格式文件不显示，经过一系列搜索最终解决问题。第一步建立一个静态文件夹static，然后把格式对应的静态文件放入该文件夹下。然后去项目的配置文件setting.py中引入这些静态文件。 STATIC_URL = '/static/' # 配置文件最后有，没有的话手动添加 STATIC_ROOT = os.path.join(BASE_DIR, 'static')

Django<加载static目录下的CSS-JS>

Gpwner的博客

07-25

1590

博主之前没有接触过Django,最近有一个项目需求要做一个可视化的展示，但是一直无法加载static文件下的JS和CSS，经过一番折腾，最后终于搞定了。下面是完整的过程：1.我的项目结构：2.在与settings.py文件的统计目录下，新建static文件夹，然后在新建两个子目录（static_dirs、static_root）,然后在settings.py文件中添加以下代码：STATIC_URL

如何在django中使用静态的css文件

雪上空留码行处的博客

02-10

997

如何在django中使用静态的css文件当你在阅读这篇文章时，想必你前面的所有工序已经完成。下面是我的一个django项目的文件目录：其中static文件、templates文件分别用来存放*.css文件等静态文件和.html文件* 第一步在login.html文件中添加如下代码： {% load static %} 然后导入我们需要使用的***login_css.css***文件导入...

django加载css、js等内容

剑洋侠客

07-06

2458

参考了以下内容：官方文档 http://jingyan.baidu.com/article/db55b609a93b114ba30a2ffb.html 1. 新建一个目录static，这个目录与templates和manage.py都在同一个目录下 2. 将css、js等目录都拷到static目录下 3. 再在setting.py中添加如下内容： STATIC_URL

django里面的css无法加载,django开发阶段CSS有些页面可以加载，有的却加载不出来。...

weixin_35869628的博客

08-03

1319

我正在学习django,做书上的项目，是一个简单的电商网站，css放在pstatic下的CSS文件夹文件名main.css，静态资源都是拷贝书上提供的。必要的设置都在settings里进行了设置，而且，主页(index)、商品列表页(commodity)都可以加载静态资源和媒体资源。但是商品详细页(commodity/detail..html)就加载不出来CSS，媒体资源没问题。然后，我下载了书上...

详解Django模版中加载静态文件配置方法

09-19

静态文件通常包括CSS样式表、JavaScript脚本、图片等资源，它们不涉及数据库交互，由浏览器直接加载。Django提供了灵活的方式来处理这些文件，使得在开发和生产环境中都能正确地加载。以下是关于Django模板中加载...

django模板加载静态文件的方法步骤

09-19

在 Django 框架中，处理静态文件是一个关键任务，因为它们包含了网页的样式表（CSS）、脚本（JavaScript）以及图像等资源。本篇文章将详细介绍如何在 Django 模板中加载静态文件，以实现一个功能完备的网页应用。 ...

Django静态文件加载失败解决方案

09-16

在Django框架中，静态文件（如CSS、JavaScript和图片）是网站不可或缺的部分，它们用于增强用户体验和网页设计。然而，当从开发模式切换到生产模式时，有时会出现静态文件加载失败的问题。以下是一个详细的解决方案...

Django{% load staticfiles %}-＞{% load static %}

嗯呢嗯呢的博客

04-08

2037

Internal Server Error: / Traceback (most recent call last): File "D:\python\abaconda3\anzhuang\lib\site-packages\django\template\defaulttags.py", line 1034, in find_library return parser.libraries[name] KeyError: 'staticfiles' During handling of the...

django模板中引入CSS和JS

s586的专栏

01-14

3150

因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。

django加载静态文件（JS，CSS，图片）

ChenWenKen的博客

03-25

4012

概述：django项目和以前开发的java项目有些区别，django的setting.py可以配置前端代码的引入静态文件的信息。有遇到一个问题，已经可以加载html页面了，但是加载不了静态文件。后来在setting.py文件代码的下方看到了django有专门配置加载静态文件方法，并在注释中可以前往官方文档，关于介绍如何加载静态文件。可以前往官方文档看下介绍，网站通常需要提供其他文件，例如图像、JavaScript 或 CSS。在 Django 中，我们将这些文件称为“静态文件”。Django 提供

django 快速入门

热门推荐

乐百川

12-10

4万+

Django是Python语言编写的一个全栈式Web框架，可以帮助我们快速编写一个具有数据库功能、增删查改、后台管理等功能的网站。假如你只需要一些很简单的功能，使用flask可能是个更好的选择。但是如果你想快速实现一个XX管理系统，那么用Django绝对是个好办法。本文参考了Django官方文档的Tutorials。另外我这里用的终端是Powershell，如果有些命令不能运行，去掉前面的.\。快速

【Django文档转译】第1章：快速入门——第6节: 静态文件

就叫一片白纸的博客

11-28

275

这一篇从教程第 5 部分结尾的地方继续讲起。在上一节中我们为网络投票应用编写了测试，而现在我们要为它加上样式和图片。除了服务端生成的 HTML 以外，网络应用通常需要一些额外的文件——比如图片，脚本和样式表——来帮助渲染网络页面。在 Django 中，我们把这些文件统称为“静态文件”。对于小项目来说，这个问题没什么大不了的，因为你可以把这些静态文件随便放在哪，只要服务程序能够找到它们就行。...

linux下使用uwsgi部署django项目时 静态文件不能正常加载

myk082610的博客

08-21

1万+

在 linux 下需要用 python-admin 来开 django 的服务，如果你是 python3 那么命令应为 python3-admin manage.py runserver 可以正常访问页面，没有静态加载的问题在配置 uwsgi 时需要更改项目 settings.py 中的设置，更改项目如下 debug=False allow_host=[‘*’] 静态文件重定位 STAT...

用Django开发网页时发现无法引用css，js文件

zxyhfdl的博客

08-21

1万+

1、这是我刚开始的文件代码，下面画红线和带有黄色阴影都是报错的，表示未成功引用js和css文件。所以在查找了一些资料后获得了一下的解决方法。 2、在项目文件夹下创建static文件，又在static下创建js,css,jq文件夹，再在js,css,jq文件夹下放置相应的文件 3、最重要的是在setting.py里的路径配置 4、改变html里的代码 ...

django css 加载不出来的原因之一

刘洋的博客

02-29

3386

{% load static %} <html> <head> <title>基础类型下拉菜单实例</title> <link rel="stylesheet" type="text/css" href="{% static '/css/base.css' %}"/> 尤其是这个{% load static %} 还有后面这个 {% s...

Django静态文件配置详解与区别

在Django中，静态文件配置是一项关键任务，因为它确保了用户的浏览器能够正确加载CSS、JavaScript和图像等资源。Django的静态文件配置分为开发环境和生产环境两个阶段，每个阶段都需要不同的处理方式。首先，理解...