Django中静态文件配置以及静态文件无法正常渲染页面的解决办法

最新推荐文章于 2024-06-05 22:00:44 发布

florian.

最新推荐文章于 2024-06-05 22:00:44 发布

阅读量860

点赞数 2

文章标签： django python 后端

本文链接：https://blog.csdn.net/m0_67423114/article/details/128333387

版权

问题描述：

1、django静态文件配置。

2、在python后端django框架学习过程中，我遇到了这样一个问题，即在按正常流程配置完项目文件，在浏览器输入预设的IP和端口号后，反馈的页面只有HTML骨架，并没有经过CSS渲染，检查网页network项时，发现CSS文件是正常导入的，但是加载大小为0B。

解决方案：

首先在项目文件夹中新建子文件夹static，并将静态文件（CSS，JS，图片等）添加到该文件夹下。

在项目的setting.py添加静态文件目录，注意该py文件中默认有一行为：

STATIC_URL="/static/"

静态文件目录推荐写在该代码行下面相邻位置：

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

这样做的目的是找到我们所创建的static文件夹，这么做看似麻烦，但必不可少，因为我们的前端文件多是在Windows中写成的，文件目录间隔符是“\”，但是文件最终要放在服务器上，服务器多为Linux系统，间隔符为“/”，如果不经处理直接将文件上传至服务器，最终将会导致网站的不可用，python web提供的解决办法是通过os模块中的os.path.join连接父文件和子文件。

大多数初学者认为到这一步就认为已经完成了前端文件到django框架的移植，我也不例外。但这样做还是完全不够，如果不继续处理，后果就是django虚拟环境在浏览器中加载出的网页是没有经过静态文件渲染的。

进一步的配置过程为，在项目的所有HTML文件开头部分添加如下代码，具体位置为<!DOCTYPE html>下面一行：

{% load static %}

之后，改写传统的link连接代码，具体改写样式如下：

    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">

经过图中配置，我们的网页就可以正常渲染了！

参考文献：Managing static files (e.g. images, JavaScript, CSS) | Django documentation | Django