僅使用 Python 建構前端

WBOY
發布: 2024-08-29 06:34:02
原創
200 人瀏覽過

對於專注於後端的開發人員來說,前端開發可能是一項艱鉅的、甚至是惡夢般的任務。在我職業生涯的早期,前端和後端之間的界線很模糊,每個人都被期望能夠處理這兩者。 CSS,尤其是,是一場持續不斷的鬥爭;這感覺就像是一個不可能的任務。

雖然我喜歡前端工作,但 CSS 對我來說仍然是一個複雜的挑戰,特別是因為我是透過反覆試驗才學會它的。 Peter Griffin 努力打開百葉窗的表情包完美地體現了我學習 CSS 的經歷。
Building a frontend using only Python

但今天,一切都改變了。像 Streamlit 這樣的工具已經為像我這樣喜歡舒適的終端黑屏的開發者帶來了徹底的遊戲變革。與看起來像是來自外星人的神秘消息的代碼行搏鬥的日子已經一去不復返了(看著你,CSS!)。
正如《兩分鐘論文》中的 Károly Zsolnai-Fehér 博士常說的那樣:「活著真是太美好了!」
借助 Streamlit,您可以僅使用 Python 程式碼建立整個 Web 應用程式。
想看看它的實際效果嗎?繫好安全帶,因為我即將分享我使用這個很棒的工具為 SQLZilla 創建前端的嘗試。

要安裝它,只需打開終端並施放此咒語:

雷雷

(或您可以將其新增至您的requirements.txt 檔案中。)

建立檔案 app.py 並新增以下程式碼片段以顯示「SQLZilla」標題:

雷雷

主持演出!

再次開啟終端機並輸入以下命令以啟動您的建立:

雷雷

瞧!您的 Streamlit 應用程式應該會出現在您的 Web 瀏覽器中,並自豪地顯示標題「SQLZilla」。

使用圖像方法添加圖像,為了將其集中,我只需創建 3 列並添加到中心(真丟臉)

雷雷

要管理設定和查詢結果,您可以使用會話狀態。以下是保存配置值和儲存查詢結果的方法:

雷雷

要將 SQLZilla 連接到 InterSystems IRIS 資料庫,您可以使用 SQLAlchemy。首先,安裝 SQLAlchemy:

雷雷

然後,在您的 app.py 檔案中設定連線:

雷雷

連接到資料庫後,您可以使用 Pandas 和 Streamlit 來顯示查詢結果。以下是如何在 Streamlit 應用程式中顯示 DataFrame 的範例:

雷雷

為了讓您的應用程式更具互動性,您可以在查詢發生變更時使用 st.rerun() 刷新應用程式:

雷雷

您可以找到各種可供使用的 Streamlit 元件。在 SQLZilla 中,我新增了一個名為 Streamlit-code-editor 的 ACE 程式碼編輯器版本:

雷雷

由於 SQLZilla 助理是用 Python 寫的,所以我只是呼叫該類別:

雷雷

恭喜!您已經建立了自己的 SQLZilla。繼續探索 Streamlit 並透過更多功能增強您的應用程式。如果您喜歡 SQLZilla,請投票給這個將文字轉換為查詢的令人難以置信的助手!

以上是僅使用 Python 建構前端的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!