IT博客汇 | Flask入门学习（四）：加载HTML文件（以渲染form表单为例）

Flask入门学习（四）：加载HTML文件（以渲染form表单为例）

52txr发表于 2024-07-20 16:14:00

本段内容介绍了如何使用 Flask 框架创建一个简单的前端表单，并加载 HTML 文件。首先，在与 Flask 的 Python 代码（main.py）相同的目录下创建一个名为 templates 的文件夹，并在其中创建 index.html 文件作为 HTML 模板。在 <body> 标签中添加一个表单，包含账号和密码输入框以及提交按钮。为了避免 main.py 找不到 index.html 文件，将 templates 文件夹设置为模板文件夹，并选择 jinja2 作为模板语言。最后，使用 Flask 的 render_template 函数渲染 index.html 文件，并在浏览器中查看结果。

创建前端表单

假设flask的py代码为mian.py。现在在mian.py同目录下创建一个文件夹templates，里面创建一个index.html文件做为HTML模板，在<body>中添加一个form，如下图所示：

<body>
<form action="">
    账号：
    <input type="text" name="name">
    <br>

    密码：
    <input type="password" name="password">
    <br>
    
    <input type="submit" type="submit" value="提交">
</form>
</body>

运行结果

为了防止mian.py找不到文件index.html，可以把文件夹设置为模板文件夹，选择jinja2。

设置模板文件

选择模板语言

使用flask加载HTML文件

首先得使用render_template对index文件进行渲染：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def index():
    return render_template('index.html')

if __name__ == "__main__":
    app.run()

运行结果