base.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<h1>My helpful timestamp site</h1>
{% block content %}{% endblock %}
{% block footer %}
<hr>
<p>Thanks for visiting my site.</p>
{% endblock %}
</body>
</html> {% extends "base.html" %}
{% block title %}The current time{% endblock %}
{% block content %}
<p>It is now {{ current_date }}.</p>
{% endblock %} 很不理解 这个东西 怎么就继承了呢？ base.html <title>{% block title %}{% endblock %}</title> 这么写是什么意思啊？
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez le comprendre de cette façon
base.html est le modèle principal
a.html est le sous-modèle
{% block title %}{% endblock %} vous pouvez le comprendre comme un espace réservé ou une variable
Tant que votre page a.html hérite de bash.html avec {% extends "base.html" %}
Dans a.html, vous avez tout le contenu dans base.html, et vous pouvez utiliser {% block title %}abc{% endblock %} pour modifier la valeur de votre sous-page
Vous pouvez étudier le processus d'implémentation du code source. Quant à <title>{% block title %}{% endblock %}</title>, voici un mécanisme de mise à jour simple