Django Template 2.引入静态文件（django自带static）

最新推荐文章于 2024-04-27 07:00:00 发布
最新推荐文章于 2024-04-27 07:00:00 发布
阅读量719 收藏 3
点赞数
分类专栏： # django 文章标签： django python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42665546/article/details/105327917
版权
本文介绍了如何在Django项目中使用内置的`static`功能来管理静态文件，包括图片、CSS和JS文件的引入。首先，通过修改`settings.py`配置静态文件目录。然后，展示了在HTML中硬编码和软编码方式引入图片。接着，说明了如何引入并应用CSS文件改变图片样式。最后，演示了如何引入JS文件并实现按钮的交互功能。
摘要由CSDN通过智能技术生成

读取静态图片，用static

上节课我们讲的是原生的，路径拼接比较麻烦，django自带static功能，只需要两步：

修改static文件目录

在settings.py里有这么一行代码

STATIC_URL = '/static/'

在隐藏的global_settings.py里有这样的路径，是个list，将它复制到setting里

# A list of locations of additional static files
STATICFILES_DIRS = []

修改如下

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static\images'),
    os.path.join(BASE_DIR, 'static\css'),
    os.path
最低0.47元/天 解锁文章
happy-cop
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
django中静态文件配置static的方法
09-20
我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持,这篇文章主要介绍了django中静态文件配置static的方法,感兴趣的小伙伴们可以参考一下
Django(2)|templates模板+静态资源目录static
不愿意透露姓名的网友
09-09 4521
在做web开发，要给用户提供一个页面，页面包括静态页面+数据，两者结合起来就是完整的可视化的页面，django的模板系统支持这种功能，首先需要写一个静态页面,然后通过python的模板语法将数据渲染上去。1.创建一个templates目录2.配置。
django模板和静态文件
Garson的博客
03-25 629
自言自语：🎞在前面的篇幅中，我们学会了如何使用python的django框架构建网站。🎇但是一个完整的网站，光有框架是远远不够的，当然还需要我们往里面编写自己的网站内容。
Django静态文件找不到：如何正确配置静态文件路径？
最新发布
04-27 316
这是一个包含静态文件目录路径的列表。在你的Django项目的settings.py文件中，找到STATIC_URL变量，确保它是以反斜杠（/）结尾的字符串。通过正确配置静态文件路径，并按照上述步骤操作，你应该能够找到和加载静态文件了。确保你的静态文件目录结构正确，并且静态文件被放置在正确的位置。在你的urls.py文件中，确保你有一个STATIC_URL的URL模式。最后，在你的HTML模板中，使用静态文件的URL来引用静态文件。命令来收集静态文件到一个统一的静态文件目录中，然后再尝试访问静态文件。
django添加js静态文件
喵酱
08-10 1312
在django项目里，一个html里添加js文件，但是一运行时，就报错，提示找不到js文件。
Django框架(四)：django的基本包及静态文件static的介绍
白骨梦儿
06-28 9072
文件中，包含：STATIC_URL = '/static/'；这句话主要作用是起到静态文件static别名的作用，在任何位置导入静态文件夹里面的文件，都用别名："/static/xxxxx文件"（即：/static/开头）说明：不管你用哪一种方式导入静态文件，在浏览器中，都会显示成上面脚本中的{%%}都是渲染，最终在浏览器中都是一样的；1.在工程project中的共用的。
从template到static
杨玉庆的专栏
03-08 2215
template static 访问权限
如何分离django中的媒体、静态文件和网页
09-18
在Django项目中，有效地管理和分离媒体文件（如用户上传的图片或视频）、静态文件（如CSS、JavaScript和图片）以及网页模板对于优化性能和提高可维护性至关重要。以下是如何在Django中实现这一目标的详细步骤： 1. ...
对Django中static(静态)文件详解以及{% static %}标签的使用方法
09-18
`context_processors`部分也有一个相关的配置，例如`django.template.context_processors.static`，它会在每个请求的上下文中添加一个`STATIC_URL`变量，使得在模板中访问静态文件变得更简单。 总的来说，Django的`...
Django框架静态文件处理、中间件、上传文件操作实例详解
09-17
在Django框架中，静态文件处理、中间件和上传文件操作是构建Web应用不可或缺的部分。以下将详细介绍这些概念以及如何在实际开发中运用它们。 首先，我们来看静态文件处理。在Django中，静态文件通常包括CSS样式表、...
django 中静态文件配置 static
热门推荐
Katios
07-01 4万+
环境 centos7 django 1.11 nginx 白话我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持。django中配置方式貌似有不少总，因为很多相关的博客写的方式并不一致，当然这可能是django 的版本不同导致的。当我们在一个项目下创建一个app后，我们就需要为该app下创建一个static 文件夹来存放相关静态资源。但
Django项目配置模板信息和引入静态资源（二）
charuiyu的博客
03-19 236
一、配置模板信息：（templates） 1、新建文件夹（templates）—和应用同一级别–放置项目需要的网页 2、settings.py----TEMPLATES---- ‘DIRS’: [os.path.join(BASE_DIR,‘templates’)], 二、引入静态资源：（static） 1、新建文件夹（templates）—和应用同一级别–放置网页的静态资源（css\js\img...
Django 在模板中引用静态文件
fangsi1994_的博客
08-24 1456
我们已经做好设置，Django 项目能处理静态文件了。现在可以在模板中利用静态文件改进外观及增添功能了 打开 index.html 模板，参照下述代码修改。为了方便查找，新增的行旁边有注释。 <!DOCTYPE html> {% load staticfiles %} <!-- 新增 --> <html lang="en"> <head> ...
django STATIC 的引用
cuisidong1997的博客
04-16 343
静态目录设置 # 定义静态资源位置 STATIC_URL = ‘/static/’ STATICFILES_DIRS = [ os.path.join(BASE_DIR, “arcgisstreet”), ] STATIC_ROOT = os.path.join(BASE_DIR, “static”)
《前端》IDEA中templates下的html页面如何引用static下的静态资源文件
帽帽的博客
01-04 5559
今天碰到个问题，在IDEA中我的目录结果下所示： resources static css boostrap.css images 1.png templates login.html 我的疑问是login.html如何引用static/css/boostrap.css文件。 <link rel="stylesheet" href="../static/css/boostrap.css"> 失败，报错404。 知识点： spring boot项目只有src目录
Django项目配置/static/路径，调用css、img、js等静态文件
林海
05-15 1万+
1. 创建目录 static 和 templates 首先你需要在自己的app下面创建2个目录 static 和 templates，static下存放静态文件，templates下存放网页模板文件 2. settings.py设置STATICFILES_DIRS 打开settings.py,在底部添加： STATIC_URL = '/static/' STATICFILES_DIRS...
Django项目中如何在模板文件中加载静态文件
zhaobig的博客
10-10 3937
Django项目中如何在模板文件中加载静态文件 在django项目中，我们并不是只简单的返回一个html页面，为了页面的美观以及功能的强大，我们有时候需要加载图片，js，font等静态文件，才能满足我们的需求。 首先：创建static文件夹，将静态文件放在文件夹中 然后，在settings中配置静态文件路径 注意：这是一个元组，要记住加逗号，不然会报错。 STATICFILES_DI
Django（二）静态文件引入框架
youand_me的博客
12-14 4551
Django之静态文件的配置和框架的引入，包括bootstrap、echarts、easyUI等。
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates')], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], 'libraries': { 'staticfiles': 'django.templatetags.static',
06-12
这是一个 Django 项目中的模板配置信息。其中包含以下信息： 1. `'BACKEND': 'django.template.backends.django.DjangoTemplates'` 表示使用 Django 自带的模板引擎。 2. `'DIRS': [os.path.join(BASE_DIR, 'templates')]` 表示模板文件的存放路径，在这个例子中是项目根目录下的 `templates` 文件夹。 3. `'APP_DIRS': True` 表示从所有已安装的 Django 应用中查找模板文件。 4. `'OPTIONS': {...}` 是一些额外的模板配置选项，包括上下文处理器和自定义模板标签库等。 5. `'context_processors'` 中包含了一些默认的模板上下文处理器，主要是一些常用的变量和函数，例如 `debug`、`request`、`auth`、`messages` 等。 6. `'libraries'` 是自定义的模板标签库，这里定义了名为 `staticfiles` 的标签库，它可以在模板中使用 `{% load staticfiles %}` 命令加载。该标签库提供了一些处理静态文件的标签，例如 `{% static %}` 标签可以用于生成静态文件的 URL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值