Django入门（九）：配置静态文件

DOT Manager

已于 2023-11-04 14:50:17 修改

阅读量975

点赞数 3

分类专栏： Django入门学习文章标签： django python

于 2023-11-04 13:34:18 首次发布

本文链接：https://blog.csdn.net/weixin_42888180/article/details/134216789

版权

Django入门学习专栏收录该内容

16 篇文章 2 订阅

订阅专栏

前言：出于对效率和安全的考虑，django管理静态文件的功能仅限于在开发阶段的debug模式下使用，且需要在配置文件的INSTALLED_APPS中加入django.contrib.staticfiles（django工程创建后默认已经安装），网站正式部署上线后，静态文件是由Nginx等服务器管理。

1、在项目根目录下创建 statics 目录。

2、在 statics 目录下创建 css 目录，js 目录，images 目录，plugins 目录，分别放 css文件，js文件，图片，插件。如下图，注意不要搞错层级

3、首先确认在 settings.py 文件中是否文件的INSTALLED_APPS中加入了django.contrib.staticfiles（默认已加入）

4. 然后在 settings.py 文件中找到最下方配置添加以下配置：

STATIC_URL的作用是用于拼接静态文件的存储路径

STATICFILES_DIRS为静态静态文件的存储路径，即静态文件存放在 BASE_DIR/static 下（和manage.py同级目录下），注意BASE_DIR指django工程的绝对路径

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

配置完成之后就可以在模板中导入静态文件了

4. 把 bootstrap 框架放入插件目录 plugins，啥意思呢？首先下载 bootstrap 框架。附上下载地址起步 · Bootstrap v3 中文文档 | Bootstrap 中文网，下载第二个（即下载源码），解压后在移动到目录 plugins下即可

5. 在mytemp.html文件的 head 标签中引入 bootstrap，就是增加一句 <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/dist/css/bootstrap.css"> 这是绝对路径

此时引用路径中的要用配置文件中的别名 static，而不是目录 statics

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/dist/css/bootstrap.css">
</head>

6. 在mytemp.html中body里面最上面需要加入 {% load static %} 代码，以下实例我们从静态目录中引入图片，我们需要把图片放到我们新建的文件夹images里面，然后使用{% static "url.."%}标签引入静态文件，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/dist/css/bootstrap.css">
</head>
<body>
{%load my_tags%}
{% load static %}
    <h1>if/else演示</h1>
    <ul>
        {{num|sub:3}}
        {%add 11 12 13%}
        {% my_html "zzz" "xxx" %}
        {{num}}<img decoding="async" src="{% static 'images/python.png' %}" alt="python-logo">
    </ul>
</body>
</html>

7 最终显示如下：

DOT Manager

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
Django入门（九）：配置静态文件

前言：出于对效率和安全的考虑，django管理静态文件的功能仅限于在开发阶段的debug模式下使用，且需要在配置文件的INSTALLED_APPS中加入django.contrib.staticfiles（django工程创建后默认已经安装），网站正式部署上线后，静态文件是由Nginx等服务器管理。2、在 statics 目录下创建 css 目录，js 目录，images 目录，plugins 目录，分别放 css文件，js文件，图片，插件。STATIC_URL的作用是用于拼接静态文件的存储路径。
复制链接

扫一扫