简单的来说模板继承包含基本模板和子模板。其中基本模板里包含了你这个网站里的基本元素的基本骨架,但是里面有一些空的或者是不完善的块(block)需要用子模板来填充。
基本模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.nav{
background:black;
height: 65px;
}
ul{
overflow: hidden;
}
ul li {
float: left;
list-style: none;
padding: 0 40px;
line-height: 65px;
}
ul li a
{
color: white;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">发布问答</a></li>
</ul>
</div>
{% block main %}
{% endblock %}
</body>
</html>
子模版 index.html
{% extends 'base.html' %}
{% block main %}
<h1>这是主页面</h1>
{% endblock %}
login.html
{% extends 'base.html' %}
{% block main %}
<h1>这是登陆页面</h1>
{% endblock %}
#encoding:utf-8
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/login')
def login():
return render_template('login.html')
if __name__ == '__main__':
app.run(debug=True)