Django 使用静态文件（图片，CSS，JS代码等）

像图片，JS，CSS等都是静态文件，不属于模版的范围，因此Django在使用静态文件是需要做些变化：

操作如下：

先在app目录下建立static文件夹，然后再以app为名建立一个文件夹（与模板templates建立同理）。

目录如下：

在该文件夹下写静态文件即可。

在模板html中，引入静态文件需要如下操作：

{% load static %}

以detail.html引入style.css为例子，需要如下操作：

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

启动服务器，运行即可。

完整的模板引入静态文件代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投票目录</title>
</head>
<body>
{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
        <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

</body>
</html>

 

posted @ 2020-06-14 19:07  zju_cxl  阅读(221)  评论(0)    收藏  举报