django css文件导入，模板继承

最新推荐文章于 2023-01-14 15:56:23 发布

weixin_30951743

最新推荐文章于 2023-01-14 15:56:23 发布

阅读量310

点赞数

文章标签： python

原文链接：http://www.cnblogs.com/afei123/p/11342983.html

版权

今天写了一下模板继承

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

当只有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

weixin_30951743

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
django css文件导入，模板继承

今天写了一下模板继承刚开始感觉还行，也挺简单的当只有html的时候还是能继承到的，代码如下。首先在父html文件里加入{% block content %} {% block extracss %}{% endblock %}{% endblock %}把这一段加在父html下面想要被继承的地方。然后子模板里加载{% extends "...
复制链接

扫一扫