FastHTML：快速構(gòu)建網(wǎng)頁(yè)應(yīng)用的 Python 框架

FastHTML 是一款全新的工具，讓構(gòu)建 Web 應(yīng)用變得超級(jí)簡(jiǎn)單快捷，堪稱(chēng)程序員的魔法棒！只需簡(jiǎn)單的代碼，即可創(chuàng)建外觀精美、運(yùn)行流暢的出色 Web 應(yīng)用。

想象一下，構(gòu)建 Web 應(yīng)用無(wú)需繁瑣的步驟，F(xiàn)astHTML 就能做到這一點(diǎn)。它幫助您專(zhuān)注于 Web 應(yīng)用的重要部分，而無(wú)需陷入技術(shù)細(xì)節(jié)的泥潭。

使用 FastHTML，您可以創(chuàng)建充滿(mǎn)活力和互動(dòng)性的交互式 Web 應(yīng)用，無(wú)需編寫(xiě)大量代碼。它非常適合初學(xué)者和經(jīng)驗(yàn)豐富的程序員，他們希望更快更好地構(gòu)建 HTML 應(yīng)用。

本教程將學(xué)習(xí) FastHTML 是什么，它的工作原理以及如何使用 FastHTML 在 Python 中更快地構(gòu)建 Web 應(yīng)用。

目錄

• FastHTML：一個(gè)用于更快構(gòu)建 Web 應(yīng)用的 Python Web 框架
• FastHTML 的優(yōu)勢(shì)
• 使用案例
• 目標(biāo)受眾
• 在 Linux 上安裝 FastHTML
• 使用 FastHTML 創(chuàng)建一個(gè)簡(jiǎn)單的 Web 應(yīng)用
• 總結(jié)

FastHTML：一個(gè)用于更快構(gòu)建 Web 應(yīng)用的 Python Web 框架

FastHTML 是一個(gè)新的基于 Python 的 Web 框架，旨在使用最少的代碼構(gòu)建快速且可擴(kuò)展的 Web 應(yīng)用。它從 React JSX、Hotwire、Astro、FastAPI 和 Phoenix LiveView 中汲取靈感，旨在提供強(qiáng)大而簡(jiǎn)化的開(kāi)發(fā)體驗(yàn)。FastHTML 應(yīng)用完全用 Python 編寫(xiě)，允許開(kāi)發(fā)人員充分利用 Python 語(yǔ)言及其生態(tài)系統(tǒng)的潛力。

FastHTML 的核心原則之一是它依賴(lài)于 Web 的基礎(chǔ)技術(shù)：ASGI 和 HTMX。

ASGI（異步服務(wù)器網(wǎng)關(guān)接口）提供 Web 服務(wù)器和 Python 應(yīng)用之間的標(biāo)準(zhǔn)接口，支持異步處理請(qǐng)求。

HTMX（“修改體驗(yàn)的 HTML”的縮寫(xiě)）是一個(gè) JavaScript 庫(kù)，允許開(kāi)發(fā)人員通過(guò)使用特殊的屬性增強(qiáng) HTML 來(lái)構(gòu)建動(dòng)態(tài)和交互式用戶(hù)界面，這些屬性會(huì)觸發(fā)服務(wù)器端操作并更新網(wǎng)頁(yè)的特定部分，而無(wú)需完全重新加載頁(yè)面。

FastHTML 優(yōu)先考慮簡(jiǎn)單易用?？蚣鼙旧砉室夂苄?，代碼少于 1000 行。

FastHTML 旨在簡(jiǎn)化 Web 開(kāi)發(fā)，使更廣泛的人群更容易構(gòu)建 Web 應(yīng)用。

它對(duì)經(jīng)驗(yàn)豐富的 Web 開(kāi)發(fā)人員和編碼新手都有用，包括那些沒(méi)有傳統(tǒng)軟件工程背景的個(gè)人。

該框架提倡基于組件的架構(gòu)，開(kāi)發(fā)人員可以創(chuàng)建可重用的 UI 元素。雖然目前還沒(méi)有提供全面的組件庫(kù)，但目的是允許通過(guò) pip 輕松安裝和集成組件。

FastHTML 旨在可擴(kuò)展和可替換。系統(tǒng)的每個(gè)部分，包括內(nèi)置功能（如身份驗(yàn)證、數(shù)據(jù)庫(kù)訪問(wèn)和樣式），都可以使用可通過(guò) pip 安裝的 Python 模塊進(jìn)行擴(kuò)展或替換。

這種模塊化允許開(kāi)發(fā)人員根據(jù)其特定需求和偏好定制框架。

FastHTML 的優(yōu)勢(shì)

• 簡(jiǎn)單易用：FastHTML 允許開(kāi)發(fā)人員使用最少的代碼快速有效地構(gòu)建 Web 應(yīng)用。
• 速度和性能：它依賴(lài)于 ASGI，能夠構(gòu)建能夠處理大量并發(fā)請(qǐng)求的高性能應(yīng)用。
• 與 HTMX 的交互性：與 HTMX 的集成簡(jiǎn)化了動(dòng)態(tài)和響應(yīng)式用戶(hù)界面的創(chuàng)建，允許部分頁(yè)面更新并減少對(duì)完整頁(yè)面重新加載的需求。
• Python 生態(tài)系統(tǒng)：開(kāi)發(fā)人員在構(gòu)建 FastHTML 應(yīng)用時(shí)可以利用龐大的 Python 生態(tài)系統(tǒng)，包括其庫(kù)、工具和社區(qū)支持。
• 可擴(kuò)展性和靈活性：FastHTML 的模塊化設(shè)計(jì)允許開(kāi)發(fā)人員擴(kuò)展或替換其組件以適應(yīng)其特定的項(xiàng)目需求。

使用案例

1. 快速原型設(shè)計(jì)和開(kāi)發(fā)：

FastHTML 允許使用最少的代碼創(chuàng)建 Web 應(yīng)用，使其成為快速原型設(shè)計(jì)和構(gòu)建應(yīng)用的理想選擇。經(jīng)驗(yàn)豐富的程序員報(bào)告說(shuō)，在開(kāi)始使用 FastHTML 后一小時(shí)內(nèi)就構(gòu)建了完整的 Web 應(yīng)用。

2. 交互式 Web 應(yīng)用：

FastHTML 利用 HTMX 實(shí)現(xiàn)交互性，允許開(kāi)發(fā)人員構(gòu)建動(dòng)態(tài)的單頁(yè)應(yīng)用，具有實(shí)時(shí)更新、表單處理和客戶(hù)端-服務(wù)器通信等功能。

3. 可擴(kuò)展的應(yīng)用：

基于 ASGI（異步服務(wù)器網(wǎng)關(guān)接口）構(gòu)建的 FastHTML 旨在實(shí)現(xiàn)可擴(kuò)展性，并且可以處理大量并發(fā)用戶(hù)。

4. 與 Python 生態(tài)系統(tǒng)的集成：

開(kāi)發(fā)人員在構(gòu)建 FastHTML 應(yīng)用時(shí)可以充分利用 Python 生態(tài)系統(tǒng)的功能，包括庫(kù)和工具。

目標(biāo)受眾

FastHTML 適用于經(jīng)驗(yàn)豐富的 Web 開(kāi)發(fā)人員和新手編碼人員，包括可能沒(méi)有傳統(tǒng)軟件工程背景但正在尋找工具來(lái)構(gòu)建可維護(hù)和可擴(kuò)展 Web 應(yīng)用的新一代編碼人員。

在 Linux 上安裝 FastHTML

要安裝 FastHTML，可以使用 Python 包安裝程序 Pip。

pip install python-fasthtml

使用 FastHTML 創(chuàng)建一個(gè)簡(jiǎn)單的 Web 應(yīng)用

創(chuàng)建一個(gè)名為 hello.py 的文件并添加以下代碼：

from fasthtml.common import *

app, rt = fast_app()

@rt('/')
def get():
    return Div(
        P('Hello World!'),
        hx_get="/change"
    )

serve()

使用以下命令運(yùn)行您的應(yīng)用：

python main.py

示例輸出：

<code>Link: http://localhost:5001
INFO:     Will watch for changes in these directories: ['/home/ostechnix']
INFO:     Uvicorn running on http://0.0.0.0:5001 (Press CTRL C to quit)
INFO:     Started reloader process [106064] using WatchFiles
INFO:     Started server process [106066]
INFO:     Waiting for application startup.
INFO:     Application startup complete.</code>

這將啟動(dòng)一個(gè)服務(wù)器，您可以在瀏覽器中訪問(wèn) http://localhost:5001 來(lái)查看您的應(yīng)用。您應(yīng)該會(huì)看到一個(gè)顯示“Hello World！”文本的頁(yè)面。

您還可以通過(guò)在末尾添加少量代碼來(lái)使“Hello World”鏈接具有交互性，如下所示：

from fasthtml.common import *

app, rt = fast_app()

@rt('/')
def get():
    return Div(
        P('Hello World!'),
        hx_get="/change"
    )

@rt('/change')
def get():
    return P('Nice to be here!')

serve()

現(xiàn)在，刷新網(wǎng)頁(yè)。當(dāng)您點(diǎn)擊“Hello World！”文本時(shí)，它將更改為“Nice to be here！”。

此示例向我們展示了使用 FastHTML 創(chuàng)建簡(jiǎn)單且交互式 Web 應(yīng)用是多么容易。

這只是 FastHTML 功能的簡(jiǎn)要概述。如果您想了解有關(guān) FastHTML 用法的更多信息，我強(qiáng)烈建議您觀看 YouTube 上的“FastHTML 入門(mén)”視頻教程。

此詳細(xì)的視頻教程將幫助您了解如何使用 FastHTML 在 Python 中逐步創(chuàng)建和部署完整的 Web 應(yīng)用。對(duì)于那些喜歡實(shí)踐學(xué)習(xí)方法的人來(lái)說(shuō)，這是一個(gè)極好的資源。

您還可以查看 FastHTML 示例存儲(chǔ)庫(kù)以獲取更多示例。此存儲(chǔ)庫(kù)提供了一系列 FastHTML 應(yīng)用示例，展示了各種用例、功能以及與其他庫(kù)的集成。研究這些示例可以為您深入了解構(gòu)建實(shí)際應(yīng)用提供寶貴的見(jiàn)解。

總結(jié)

FastHTML 是一個(gè)新的 Python Web 框架，旨在快速構(gòu)建可擴(kuò)展和交互式 Web 應(yīng)用。它提供了一種引人注目的新型 Web 開(kāi)發(fā)方法，提供了一種以 Python 為中心且簡(jiǎn)化的替代方案，替代了更復(fù)雜的框架。

FastHTML 旨在讓經(jīng)驗(yàn)豐富的開(kāi)發(fā)人員和新手都能輕松上手，從而能夠以最少的學(xué)習(xí)曲線創(chuàng)建復(fù)雜的應(yīng)用。

通過(guò)專(zhuān)注于簡(jiǎn)單性、速度和交互性，它幫助開(kāi)發(fā)人員能夠快速有效地以最少的代碼將他們的 Web 應(yīng)用創(chuàng)意變?yōu)楝F(xiàn)實(shí)。

需要注意的是，F(xiàn)astHTML 仍在積極開(kāi)發(fā)中。雖然它已在生產(chǎn)環(huán)境中使用并發(fā)揮作用，但并非所有功能都已完全成熟，某些方面需要進(jìn)一步開(kāi)發(fā)和記錄。

開(kāi)發(fā)團(tuán)隊(duì)積極鼓勵(lì)社區(qū)貢獻(xiàn)，以幫助塑造框架的未來(lái)。

資源：

• FastHTML 網(wǎng)站
• FastHTML GitHub 存儲(chǔ)庫(kù)

請(qǐng)注意，我沒(méi)有實(shí)際運(yùn)行代碼，因此圖片路徑和視頻嵌入代碼可能需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。 我盡力保持了原文的結(jié)構(gòu)和意思，并對(duì)語(yǔ)言進(jìn)行了潤(rùn)色，使其更自然流暢。

以上是使用Fasthtml使用Python構(gòu)建快速，可擴(kuò)展的Web應(yīng)用程序的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！