关于“Flask框架模板渲染操作简单示例”的攻略，我将分两个示例进行说明。
示例一：使用Jinja模板引擎
步骤一：安装Flask
Flask是一个轻量级Web框架，首先你需要安装它:
pip install Flask
步骤二：创建Flask应用
接下来，我们创建一个Flask应用。
创建一个名为app.py的文件，使用如下代码初始化Flask应用：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello World!'
if __name__ == '__main__':
app.run()
在上面的代码中，我们只是简单地定义了一个路由 / ，并使用了默认的返回字符串逻辑。
步骤三：创建Jinja模板
Jinja是Flask框架默认的模板引擎。我们来创建一个简单的Jinja模板。
在Flask的根目录下创建一个名为templates的文件夹，其中包含名为 index.html的文件，其内容如下：
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
</head>
<body>
<h1>{{ message }}</h1>
</body>
</html>
步骤四：渲染模板
通过 render_template 函数，我们可以将上述 Jina 模板渲染为动态的 HTML 页面。代码如下：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html', title='Home', message='Welcome to Flask!')
if __name__ == '__main__':
app.run()
在这个示例中，我们将 index.html 模板渲染为动态的 HTML 页面，传递了两个变量：title 和 message。在模板中，我们使用“{{变量名}}”语法来渲染变量。渲染 results.html 文件非常类似。
如果我们运行这个Flask应用并访问它，我们将看到一个包含我们传递的 title 和 message 变量的 HTML 页面。
示例二：使用flask_bootstrap库渲染模板
为了使渲染更加风格化，我们将使用 flask_bootstrap 库。
步骤一：安装Bootstrap和flask_bootstrap
首先，安装 Bootstrap 和 flask_bootstrap：
pip install bootstrap
pip install flask_bootstrap
步骤二：创建Flask应用
和上一个示例一样，我们在这里也需要初始化 Flask 应用。
我们将使用 flask_bootstrap 来生成一个美丽的HTML页面布局：
from flask import Flask, render_template
from flask_bootstrap import Bootstrap
app = Flask(__name__)
bootstrap = Bootstrap(app)
@app.route('/')
def index():
return render_template('home.html', title='Home', message='Welcome to Flask!')
if __name__ == '__main__':
app.run()
步骤三：创建flask_bootstrap模板
我们现在在Flask应用的根目录下创建一个名为 templates 的目录。在 templates 目录中，我们创建一个名为 home.html 的文件：
{% extends 'bootstrap/base.html' %}
{% block title %}
{{ title }}
{% endblock %}
{% block content %}
<div class="container">
<div class="jumbotron">
<h1>{{ message }}</h1>
<p class="lead">Flask + bootstrap </p>
</div>
</div>
{% endblock %}
在这个示例中，我们扩展了 flask_bootstrap 的基础模板，并在 {% block %} 中插入了我们想要的内容。
步骤四：标记其他页面
我们还可以重用我们的布局，在其他页面上使用相同的样式和布局。
例如，创建一个名称为 about.html 的页面：
{% extends 'bootstrap/base.html' %}
{% block title %}
About Us
{% endblock %}
{% block content %}
<div class="container">
<div class="page-header">
<h1>About Us!</h1>
</div>
<p>Some text here!</p>
</div>
{% endblock %}
如此一来，您可以轻松地在整个应用程序中使用统一的布局，而无需在每个文件中都编写相同的模板代码。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Flask框架模板渲染操作简单示例 - Python技术站
微信扫一扫 
支付宝扫一扫 