继承的作用就是复用代码。在多次使用的代码中间可变部分使用block块,例如: <title>{% block title%}{%endblock%}</title> ,{% block main %} {% endblock %}
其它页面使用{% extends "base.html" %}来调用(继承)该页面,并修改其中的块部分内容,实现代码复用。
如导航栏的实现就需要在模板中定义一个导航栏,其他页面使用继承即可:
新建一个base.html,而block main的部分就是导航栏下每个页面不同的接口,由每个页面负责实现。index.html和login.html页面通过对base的继承即可
base.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title%}{%endblock%}</title> #定义标题接口
<style>
.nav{
background:#3a3a3a;
height:70px
}
ul{
overflow:hidder;
}
ul li{
float:left;
list-style:none;