创建一个名为"base.html"的模板文件,用于定义共同的HTML布局.其中,使用{% block %}和{% endblock %}语句定义一个可修改的区域.例如：
{% block title %}{% endblock %}
{% block content %}{% endblock %}
创建一个名为"index.html"的具体页面.在这个页面中,使用{% extends %}语句继承"base.html"文件,并使用{% block %}语句替换其中的内容.
{% extends "base.html" %}
{% block title %}
Welcome to Index Page
{% endblock %}
在flask应用程序中,使用render_template函数渲染index.html模板并返回给浏览器.例如：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
下面,我们再来看一个模板继承的例子.这个例子有两个具体页面,它们各自继承自一个名为"base.html"的基础模板.
创建一个名为"base.html"的模板文件,包含网站的共通部分.其中,定义一个名为"content"的块,用于被子页面替换.例如：
创建一个名为"about.html"的具体页面,继承"base.html",并使用{% block %}语句替换其中的内容.
{% extends "base.html" %}
{% block title %}
关于我们
我们是一家很棒的公司
{% endblock %}
创建一个名为"contact.html"的具体页面,也继承"base.html",并使用{% block %}语句替换其中的内容.
{% extends "base.html" %}
{% block title %}
联系我们
如果您有任何疑问,请随时联系我们
{% endblock %}
在flask应用程序中,使用render_template函数渲染各自的页面.
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/about')
def about():
return render_template('contact.html')
到此为止,我们已经完成了一个使用模板继承的Web应用程序,每个页面都继承自同一个基础模板并替换其中的内容.
以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用，就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦！！