通过前几节课的学习,我们学习了模板的相关知识,今天我们来讲讲模板继承。
1.什么是模板继承?
通常一个网站的某几个页面都有一些公共的布局,如导航栏、侧边栏和页脚的一些地方,如果将这些公共的部分抽离出来,放在一个单独的html页面中用于给其他页面继承,就称它为父版,而继承父版的页面就称为子版,同一个父版可以被多个子版继承。
2.实例练习--模板继承
目的:我们想要建立三个页面,分别是首页、电脑数码页面、家用电器页面,其中title和内容随着页面内容不同而变动,导航和联系我们不变。
1)思路说明:
第一,我们把首页作为父版,其他两个页面作为子版。
第二,在父版页面的HTML中不需要变动的内容正常写代码即可,需要子版修改的部分,需要加上;
{%block模块的名称%}
内容
{%endblock%}
第三,在子版页面中,源代码删除,写入继承父版语句:{%extends"父版的HTML文件名称"%}
2)路由设置
)视图设置
4)模板设置
①首页模板的设置
因为我们设定title随着页面可以变动,因此需要加上block块
中间部分中,因为我们设置的是导航和联系我们不可变,因此正常书写代码即可,可变的部分加上block块
②电脑数码页面设置
③家用电器页面设置
5)最终呈现效果