django css文件导入,模板继承

今天写了一下模板继承

刚开始感觉还行,也挺简单的

当只有html的时候还是能继承到的,代码如下。首先在父html文件里加入

{% block content %}
     {% block extracss %}{% endblock %}
{% endblock %}

把这一段加在父html下面想要被继承的地方。

然后子模板里加载

{% extends "login/nav.html" %}

{% block content %}
想要添加的内容 {% endblock%}

就如此而已。

接下来讲一下css文件,我一开始以为是继承的时候css没对上去,找了一堆资料来做

但是,都没有解决

诶,结果偶然发现,django对导入css文件不是很友好,

首先,在项目下创建一个文件夹,名为static

然后创建css,(当然导入js,img其他文件都可以在这里创建)

 之后去setting里添加下面代码,

STATIC_URL = '/static/'      #这句应该本来就在的,我的是在最底下找到的

STATIC_ROOT = os.path.join(BASE_DIR,'static')

STATICFILES_DIRS = [
    ('css',os.path.join(STATIC_ROOT,'css')),
]

那怎么导入css文件呢,路径也对不上,添加如下代码在<head>标签里

{%load staticfiles%}        <!--需要添加load staticfiles-->
    <link rel="stylesheet" href="{% static 'css/css.css' %}">    <!--引入使用的css文件-->
    {%block css%}
    {%endblock css%}       <!--在子模板添加css文件方式-->

然后继承的子html里css文件也会自动导入

原文地址:https://www.cnblogs.com/afei123/p/11342983.html