以最簡單的方式在python中創建現代GUI的4種方法

言

你好，今天本文將討論如何在python中創建漂亮的UI應用程序。我知道這聽起來有點奇怪，因為我個人覺得標準Tkinter庫不足以開發出令人驚奇的UI。今天，我們將介紹4種在python中創建現代應用程序的不同方法，因此，讓我們開始，

以前

后

1.使用鰻魚

我們列表中的第一個方法是針對那些了解HTML&CSS的開發人員(如果您不知道，那么我也強烈推薦它)，并提供javascript的基礎知識。

它怎麼工作?

基本上，您將使用HTML和CSS開發前端，并用python編寫計算或后端部分。ND鰻魚充當python和javascript之間的橋梁，并傳遞數據。

安裝

pip install Eel

目錄結構

└── Folder
    ├── templates
    |   ├── index.html
    |   ├── main.js
    |   └── style.css
    └── main.py

貓主

import eel

# name of folder where the html, css, js, image files are located
eel.init('templates')

@eel.expose
def demo(x):
    return x**2

# 1000 is width of window and 600 is the height
eel.start('index.html', size=(1000, 600))

CAT main.js

function compute() {
    var data = document.getElementById("data").value
    eel.demo(data)(setValue) // call the demo function which we have created in the main.py file
}

function setValue(res) {
    document.getElementById("abc").src = res
}

CAT index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>sample</title>
        <link href="style.css" rel="stylesheet">
        <script type="text/javascript" src="/eel.js"></script
        <script type="text/javascript" src="main.js"></script>
</head>
<body>
<!--
have to call compute() from here for example when user clicks any button or something like that.
-->
</body>
</html>

GitHub參考資料

<https://github.com/ChrisKnott/Eel>

2.Figma和Python

好吧，你一定在想Figma和python之間的組合是什么？Figma是一個UI開發工具，不是用python編寫的庫.嗯!我知道你是對的，但讓我們繼續讀這篇文章吧。

安裝

pip install tkdesigner

它是如何工作的

用戶只需要使用Figma設計一個接口，然后將Figma文件URL和API令牌粘貼到TkinterDesigner中。TkinterDesigner將自動生成在Tkinter中創建GUI所需的所有代碼和圖像。

For complete procedure do watch [this](https://www.youtube.com/watch?v=mFjE2-rbpm8&t=66s&ab_channel=Parthjadhav) video on youtube from Parth Jadhav

GitHub參考資料

https://github.com/ParthJadhav/Tkinter-Designer

3.Pywebview

Pywebview是一個輕量級的跨平臺包裝器，它支持在自己的原生GUI窗口中顯示HTML內容的webview組件。Pywebview是由羅曼·西羅科夫 .

安裝

pip install pywebview

樣本代碼

import webview

if __name__ == '__main__':
    window = webview.create_window('Load HTML Example', 'index.html')
    webview.start(window)

GitHub參考資料

https://github.com/r0x0r/pywebview/

4.PyQT5

PyQt是在python中開發現代平臺GUI的一個很好的庫。您可以用python編寫代碼來創建應用程序，這可能有點困難，但由于我們正在討論最簡單的方法，您甚至可以使用稱為PyQt5Designer的拖放生成器來創建GUI。通過生成一個.ui文件(即拖放程序)來構建應用程序是一種很好的方法，然后您可以將這個.ui文件轉換為.py文件。

安裝

pip install PyQt5Designer

步驟

安裝后，設計器將安裝在您的系統中。簡單鍵入designer在您的命令提示符和設計器.exe將彈出。它會看起來像這樣

現在，您可以在畫布中拖放元素。在設計應用程序之后，只需將其導出為.ui文件即可。稍后，您可以將這個.ui文件轉換為.py文件，

pyuic5 -x [NAME_OF_UI_FILE].ui [NAME_OF_PY_FILE].py

結語

原文 Https://dev.to/yash_makan/4-ways-to-create-modern-gui-in-python-in-easiest-way-possible-5e0e

提：

用python寫了一個簡單的log分析，主要也就是查詢一些key，value出來，后面也可以根據需求增加。查詢出來后，為了好看，搞個html 表格來顯示。

需要的組件： jinja2 flask 的模板。

先說下設計思路，主要是練習python代碼玩，高手略過

模擬scrapy，搞個管線

每個管線分預處理，分析器，和后處理。預處理的話，可以篩選下數據，分析器提取關鍵信息，然后把結果丟給后處理。html報表就是在后處理生成。

再搞個manger類，管理很多個管線，雖然現在單路pipeLine就完成了，說不定以后還能擴展呢。

我們可以定義預處理，比如過濾一些不關注的關鍵字，或者關注一些特定關鍵字的行

預處理的話，只處理QtiDCT-C關鍵字的日志行。

然后把經過預處理后的數據丟給分析器

主要查詢行數據行里面是否有keyword，然后根據分隔符，和結束符來提取內容

keyword delimiter xxxxxendwith 這樣個模式

獲取最終結果存儲到字典里面 result[keyword]=xxxx。這里會trim,去掉 \r\n.

這樣就有了結果集result.最后丟給posthandler 后處理。完成報表輸出。

后處理主要是用jinja2的模板，然后傳遞參數，生成最終的html文件。

這里的jinja_template.temple, 內容如下

有了模板，就可以在渲染模板的時候提供字典，變量，在模板里面顯示。最終完成報表的輸出。

最終使用

最終在main 方法中，通過-d參數傳入log所在目錄，然后迭代所有的文件，使用input 把文本文件轉換成行數據的list，丟給管線，最后把管線丟給manager，調用process ，完成txt日志的分析，到最后html的生產。

TML 表單用于收集不同類型的用戶輸入，它是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。今天我們主要來說說文本域和密碼域這兩個部分，希望對大家學習有所幫助喲！

本文福利后臺回復【學習】即可獲得Python、HTML等編程學習資料

HTML 表單

表單使用表單標簽 <form> 來設置:

<form>

First name: <input type="text" name="firstname"><br>

Last name: <input type="text" name="lastname">

</form>

HTML 表單 - 輸入元素

多數情況下被用到的表單標簽是輸入標簽（<input>）。輸入類型是由類型屬性（type）定義的。

如何在 HTML 頁面創建文本域？

用戶可以在文本域中寫入文本，參考代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

First name: <input type="text" name="firstname"><br>

Last name: <input type="text" name="lastname">

</form>

<p><b>注意：</b> 表單本身是不可見的。并且注意一個文本字段的默認寬度是20個字符。</p>

</body>

</html>

運行結果為

如何創建 HTML 的密碼域？

<!DOCTYPE html>

<html>

<head>

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

Username: <input type="text" name="user"><br>

Password: <input type="password" name="password">

</form>

<p><b>注意：</b> 密碼字段中的字符是隱藏的(顯示為星號或圓圈)。</p>

</body>

</html>

運行結果如下

戳了解更多免費領取HTML試聽課~

在線咨詢

上一篇：簡單網頁設計模板html
下一篇：爬蟲系列（四）：HTML文本解析庫BeautifulSoup

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

以最簡單的方式在python中創建現代GUI的4種方法

言

以前

后

1.使用鰻魚

它怎麼工作?

安裝

目錄結構

貓主

CAT main.js

CAT index.html

GitHub參考資料

2.Figma和Python

安裝

它是如何工作的

GitHub參考資料

3.Pywebview

安裝

樣本代碼

GitHub參考資料

4.PyQT5

安裝

步驟

結語

您的項目需求