今天写了一下模板继承
刚开始感觉还行,也挺简单的
当只有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文件也会自动导入