随着Web开发的不断发展，JavaScript已经成为了前端开发的标准语言。但是Python作为一种高效、易于学习的编程语言，越来越多地被应用于Web开发中。尤其是借助一些框架和工具，开发者可以将Python代码嵌入HTML中，从而实现更加灵活和功能强大的Web应用。本文将为您提供一个详细的指南，介绍如何在HTML中嵌入和调用Python代码。
一、使用Flask框架创建Web应用
在HTML中直接嵌入Python代码是不可行的，所以我们需要一个Web框架来实现这种交互。Flask是一个轻量级的Web框架，适合用于构建简单的Web应用。在开始之前确保您已经在计算机上安装了Python和Flask。
如果还没有安装Flask，可以通过以下命令安装：
pip install Flask 接下来您可以创建一个新的Python文件，例如`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应用，并定义了一个路由，当访问根URL时会返回一个HTML页面。
二、创建HTML模板
在与`app.py`同级的目录下，创建一个名为`templates`的文件夹，然后在该文件夹中创建一个名为`index.html`的文件。在该文件中您可以编写自己的HTML代码，如下所示：
<!DOCTYPE html> <html lang=zh> <head> <meta charset=UTF8> <meta name=viewport content=width=devicewidth, initialscale=1.0> <title>Python与HTML交互</title> </head> <body> <h1>欢迎来到Python与HTML交互示例！</h1> <p>请选择一个数字，我将计算其平方值：</p> <form action=/calculate method=get> <input type=number name=number> <input type=submit value=计算> </form> <% if result %> <p>您输入的数字是：{{ number }}</p> <p>平方值是：{{ result }}</p> <% endif %> </body> </html> 在这段HTML代码中，我们创建了一个表单，用户可以输入一个数字并提交。提交后我们希望计算这个数字的平方值并将结果展示在页面上。
三、处理表单提交
接下来您需要在`app.py`文件中添加一个新的路由，以处理表单提交并计算平方值。更新后的代码如下：
@app.route(/calculate) def calculate(): number = request.args.get(number, type=int) result = number 2 if number is not None else None return render_template(index.html, number=number, result=result) 在这段代码中，我们使用`request.args.get`获取用户输入的数字，并计算它的平方值。然后通过`render_template`方法将计算结果传递回HTML模板。
四、运行Flask应用
完成以上步骤后，在命令行中进入项目目录，并运行以下命令启动Flask应用：
python app.py 您应该会看到类似如下的信息：
* Running on http://127.0.0.1:5000/ 打开浏览器并访问`http://127.0.0.1:5000/`，您将看到包含输入框的网页。输入一个数字并点击计算，页面将会刷新并显示结果。
在本文中我们介绍了如何使用Flask框架将Python代码嵌入HTML中，从而实现与用户的互动。通过创建一个简单的表单和路由，您可以轻松地计算输入的数字的平方值并展示在网页上。这是一个非常基础的示例，但为您后续更复杂的Web应用打下了基础。
使用Python和Flask开发Web应用不仅简单，而且功能强大。希望您可以将这份指南作为入门，进一步探索Python在Web开发中的更多应用。
