Django--DTL模板继承

在前端页面开发中,有些代码是需要重复使用的,这种情况可以使用include标签来实现,也可以使用另外一个比较强大的方式来实现,那就是模板继承。模版继承类似于python中的类,在父类中可以先定义好一些变量和方法,然后在子类中实现。模版继承也可以在父模版中先定义好一些子模版需要用到的代码,然后子模版直接继承就可以了,并且因为子模版肯定有自己的不同代码,因此可以在父模版中定义一个block接口,然后子模版再去实现。
父模板base.html,定义一个简单的html骨架,然后定义两个’block’接口,让子模来根据具体需求来实现。子模板通过’extends’标签来实现,示例代码:
Django--DTL模板继承
子模板使用父模板中定义的内容,extends标签必须放在模板的第一行,子模板中的代码必须放在block中,否则将不会被渲染。示例如下:
Django--DTL模板继承

加载静态文件
在一个网页中,不仅只有一个html骨架,还需要css样式文件,js执行文件以及一些图片等,因此在DTL中加载静态文件是一个必须要解决的问题。在DTL中,使用static标签来加载静态文件,要使用static标签,首先需要{%load static%},加载静态文件的步骤如下:
1、首先确保django.contrib.staticfiles已经添加到settings.INSTALLED_APPS中。
2、确保在settings.py中设置了STATIC_URL。
3、在已经安装了的app下创建一个文件夹叫static,然后在这个static文件夹下创建一个当初app的名称的文件夹,再把静态文件放到这个文件夹下。例如你的app叫做book,有一个静态文件叫做fafa.jpg,那么路径为book/static/book/fafa.jpg。(为什么在app下创建一个static文件夹,还需要在这个static下创建一个同app名字的文件夹呢?原因是如果直接把静态文件放在static文件夹下,那么在模版加载静态文件的时候就是使用fafa.jpg,如果在多个app之间有同名的静态文件,这时候就可能产生混淆。而在static文件夹下加了一个同名app文件夹,在模版中加载的时候就使用app/fafa.jpg,这样就可以避免产生混淆。)
4、如果有一些静态文件是不和任何app挂钩的,那么可以在settings.py中添加STATICFILES_DIRS,以后DTL就会在这个列表的路径中查找静态文件。如可设置为:
STATICFILES_DIRS={
Os.path.join(BASE_DIR,”static”)
}
5、在模版中使用load标签加载static标签。如要加载在项目的static文件夹下的style.css的文件,示例代码如:
{%load static%}