我正在尝试对以下两个页面进行模板继承,所有内容都将被继承,但我的页面标题除外。我尝试了几种不同的方式,把标题放在不同的位置,但仍然没有。顺便说一句,我正在本地主机上做这个。
这是我的代码:
base.html
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{% endblock %} - My Webpage</title>
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cerulean/bootstrap.min.css" rel="stylesheet" integrity="sha384-zF4BRsG/fLiTGfR9QL82DrilZxrwgY/+du4p/c7J72zZj+FLYq4zY00RylP9ZjiT" crossorigin="anonymous">
{% endblock %}
</head>
<body>
<div class="container">
{% block content %} {% endblock %}
</div>
</body>
</html>login.html
{% extends "base.html" %}
{% block head %}{% endblock %}
{% block title %} Log In {% endblock %}
{% block content %}
<h2>Log In</h2>
<a href="/signup">Sign Up</a>
<form method="post">
<label for="username">Username:</label>
<input id="username" type="text" name="username" value="{{username}}">
{{username_error}}
{{user_not_found}}
<br>
<label for="pass">Password:</label>
<input id="pass" type="password" name="password" value="">
{{incorrect_password}}
{{password_error}}
<br>
<button>Submit</button>
</form>
{% endblock %}发布于 2017-02-21 00:54:42
原来我只需要取出头部块来加载头部和标题部分。我之前没有这么做的原因是因为我有另一个模板,它必须使用头部中的一些特定的css。
{% extends "base.html" %}
{% block title %} Log In {% endblock %}
{% block content %}
<h2>Log In</h2>
<a href="/signup">Sign Up</a>
<form method="post">
<label for="username">Username:</label>
<input id="username" type="text" name="username" value="{{username}}">
{{username_error}}
{{user_not_found}}
<br>
<label for="pass">Password:</label>
<input id="pass" type="password" name="password" value="">
{{incorrect_password}}
{{password_error}}
<br>
<button>Submit</button>
</form>
{% endblock %}发布于 2019-10-19 10:47:37
@Mr.Bill或只使用{% block head %}{% endblock %}
{% block head %}{{ super() }}{% endblock %}不客气:)
https://stackoverflow.com/questions/42356732
复制相似问题