前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【愚公系列】2021年12月 Python教学课程 38-Django框架之静态文件

【愚公系列】2021年12月 Python教学课程 38-Django框架之静态文件

作者头像
愚公搬代码
发布2022-12-01 10:02:04
2140
发布2022-12-01 10:02:04
举报
文章被收录于专栏:历史专栏

文章目录


一、静态文件

项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中,以方便管理。在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径。静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理。

为了提供静态文件,需要配置两个参数:

  • STATICFILES_DIRS存放查找静态文件的目录
  • STATIC_URL访问静态文件的URL前缀

示例 1) 在项目根目录下创建static目录来保存静态文件。

2) 在bookmanager/settings.py中修改静态文件的两个参数为

代码语言:javascript
复制
#内部路径访问
STATIC_URL = '/static/'
#告诉静态资源在哪里STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

3)此时在static添加的任何静态文件都可以使用网址/static/文件在static中的路径来访问了。

例如,我们向static目录中添加一个index.html文件,在浏览器中就可以使用127.0.0.1:8000/static/index.html来访问。

或者我们在static目录中添加了一个子目录和文件book/detail.html,在浏览器中就可以使用127.0.0.1:8000/static/book/detail.html来访问。

二、静态文件使用

在模板中使用load标签加载static标签 (static非django内置标签,故需用load标签加载),再将对应的src、href属性的值替换为static标签,static标签会在所有app下的static文件夹查找静态文件。 示例:

代码语言:javascript
复制
{% load static %}
<link rel="stystle" href="{% static 'style.css' %}">
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 一、静态文件
  • 二、静态文件使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档