Flask包含HTML的使用方法详解

Flask是一个轻量级的Python Web框架，它可以帮助开发者快速地构建Web应用，在Flask中，我们可以使用模板引擎来包含HTML文件，本文将详细介绍如何使用Flask包含HTML的方法。

（图片来源网络，侵删）

1、安装Flask

我们需要安装Flask，可以使用以下命令安装：

pip install Flask

2、创建一个简单的Flask应用

接下来，我们创建一个简单的Flask应用，在项目目录下创建一个名为app.py的文件，并添加以下代码：

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('index.html')
if __name__ == '__main__':
    app.run(debug=True)

这段代码创建了一个Flask应用，并定义了一个路由/，当用户访问这个路由时，会返回一个名为index.html的HTML文件。

3、创建HTML文件

在项目目录下创建一个名为templates的文件夹，并在其中创建一个名为index.html的文件，在这个文件中，我们可以编写HTML代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>Flask包含HTML示例</title>
</head>
<body>
    <h1>欢迎来到Flask应用！</h1>
    <p>这是一个使用Flask包含HTML的示例。</p>
</body>
</html>

4、运行Flask应用

现在，我们可以运行Flask应用了，在命令行中，进入到项目目录，然后运行以下命令：

python app.py

5、访问Flask应用

在浏览器中输入http://127.0.0.1:5000/，即可访问到我们的Flask应用，你应该能看到一个包含HTML内容的页面。

6、动态渲染HTML内容

除了包含静态HTML文件外，我们还可以使用Flask的模板引擎动态渲染HTML内容，我们可以在app.py文件中添加以下代码：

from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
messages = []
@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        message = request.form['message']
        messages.append(message)
        return redirect(url_for('index'))
    return render_template('index.html', messages=messages)

这段代码允许用户在表单中输入消息，并将消息添加到messages列表中，它会重新渲染index.html模板，并将最新的消息列表传递给模板，在index.html文件中，我们可以使用Jinja2模板语法来显示这些消息：

< {% for message in messages %} #遍历messages列表 {% endfor %} code> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>Flask包含HTML示例</title> </head> <body> <h1>欢迎来到Flask应用！</h1> <form method="post"> {{ form.csrf_token }} {{ form.message }} <input type="submit" value="发送"> </form> {% for message in messages %} <p>{{ message }}</p> {% endfor %} </body> </html> ```

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/479289.html

本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。