一、创建模板,引用模板
base.html 创建模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>module base</title>
</head>
<body>
<h1>python模板测试</h1>
<p>hello world</p>
{% block mainbody %}
<p>original</p>
{% endblock %}
</body>
</html>
hello.html 引用模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>{{ hello }}</h1>
<p>{{ username }}</p>
{%extends "base.html" %}
{% block mainbody %}
<p>继承了 base.html 文件</p>
{% endblock %}
</body>
</html>
问题1:A server error occurred. Please contact the administrator.
解决办法:extends此引入模板声明必须放在第一行才可以
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{%extends "base.html" %}
<h1>{{ hello }}</h1>
<p>{{ username }}</p>
{% block mainbody %}
<p>继承了 base.html 文件</p>
{% endblock %}
</body>
</html>
问题2:extends 引入模板后,动态数据不再显示。extends与变量冲突
解决办法:js 相关文件extends 后引入