隨著Web開發(fā)的不斷發(fā)展，JavaScript已經(jīng)成為了前端開發(fā)的標(biāo)準(zhǔn)語言。但是Python作為一種高效、易于學(xué)習(xí)的編程語言，越來越多地被應(yīng)用于Web開發(fā)中。尤其是借助一些框架和工具，開發(fā)者可以將Python代碼嵌入HTML中，從而實(shí)現(xiàn)更加靈活和功能強(qiáng)大的Web應(yīng)用。本文將為您提供一個(gè)詳細(xì)的指南，介紹如何在HTML中嵌入和調(diào)用Python代碼。
一、使用Flask框架創(chuàng)建Web應(yīng)用
在HTML中直接嵌入Python代碼是不可行的，所以我們需要一個(gè)Web框架來實(shí)現(xiàn)這種交互。Flask是一個(gè)輕量級(jí)的Web框架，適合用于構(gòu)建簡單的Web應(yīng)用。在開始之前確保您已經(jīng)在計(jì)算機(jī)上安裝了Python和Flask。
如果還沒有安裝Flask，可以通過以下命令安裝：
pip install Flask 接下來您可以創(chuàng)建一個(gè)新的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) 這段代碼創(chuàng)建了一個(gè)Flask應(yīng)用，并定義了一個(gè)路由，當(dāng)訪問根URL時(shí)會(huì)返回一個(gè)HTML頁面。
二、創(chuàng)建HTML模板
在與`app.py`同級(jí)的目錄下，創(chuàng)建一個(gè)名為`templates`的文件夾，然后在該文件夾中創(chuàng)建一個(gè)名為`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>請選擇一個(gè)數(shù)字，我將計(jì)算其平方值：</p> <form action=/calculate method=get> <input type=number name=number> <input type=submit value=計(jì)算> </form> <% if result %> <p>您輸入的數(shù)字是：{{ number }}</p> <p>平方值是：{{ result }}</p> <% endif %> </body> </html> 在這段HTML代碼中，我們創(chuàng)建了一個(gè)表單，用戶可以輸入一個(gè)數(shù)字并提交。提交后我們希望計(jì)算這個(gè)數(shù)字的平方值并將結(jié)果展示在頁面上。
三、處理表單提交
接下來您需要在`app.py`文件中添加一個(gè)新的路由，以處理表單提交并計(jì)算平方值。更新后的代碼如下：
@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`獲取用戶輸入的數(shù)字，并計(jì)算它的平方值。然后通過`render_template`方法將計(jì)算結(jié)果傳遞回HTML模板。
四、運(yùn)行Flask應(yīng)用
完成以上步驟后，在命令行中進(jìn)入項(xiàng)目目錄，并運(yùn)行以下命令啟動(dòng)Flask應(yīng)用：
python app.py 您應(yīng)該會(huì)看到類似如下的信息：
* Running on http://127.0.0.1:5000/ 打開瀏覽器并訪問`http://127.0.0.1:5000/`，您將看到包含輸入框的網(wǎng)頁。輸入一個(gè)數(shù)字并點(diǎn)擊計(jì)算，頁面將會(huì)刷新并顯示結(jié)果。
在本文中我們介紹了如何使用Flask框架將Python代碼嵌入HTML中，從而實(shí)現(xiàn)與用戶的互動(dòng)。通過創(chuàng)建一個(gè)簡單的表單和路由，您可以輕松地計(jì)算輸入的數(shù)字的平方值并展示在網(wǎng)頁上。這是一個(gè)非常基礎(chǔ)的示例，但為您后續(xù)更復(fù)雜的Web應(yīng)用打下了基礎(chǔ)。
使用Python和Flask開發(fā)Web應(yīng)用不僅簡單，而且功能強(qiáng)大。希望您可以將這份指南作為入門，進(jìn)一步探索Python在Web開發(fā)中的更多應(yīng)用。
