Python小技之不用 Gui，照樣實現圖形介面-Python教學-PHP中文網

如果說程式設計師有什麼怕的，那我想可能就是— 需求又變了!

這不，客戶在筆者開發完一個基於瀏覽器的Web 應用程式之後說：程序需要在內(無)部(網)環境中運行…

這就意味著無法安裝Python 環境!

誰叫咱是程式設計師呢，不就開發一個GUI 版本嗎，難不倒我…

可是聽到給的時間後，就不淡定了…

為了不影響客戶的評測，只能給一週時間!

構思

GUI 雖然也不難，不過需要梳理一遍服務以及與用戶的交互接口，弄不好就得為GUI 單獨編寫接口，這點時間顯然不夠呀。

不行，就再想想辦法…

不然直接將Web 應用包裝成一個可執行程序，拷貝到機器上就能運行，而且類似的框架很多，比如Nodejs 中的Electron[1]，Python 中的Pywebview[2]。

只要包裝原來的Web 程式就好了，那麼說乾就乾!

神器出場

Web 程式是用Flask 開發的，所以需要安裝Python的Pywebview 作為打包工具。

建立虛擬環境[3] 或在原始的Web 專案環境中，執行：

pip install pywebview

登入後複製

在Windows 系統中，需要.Net 4.0 以上

小試牛刀：

import webview

window = webview.create_window('Hello!', 'http://http://www.justdopython.com')
webview.start()

登入後複製

引用webview 庫
啟動一個窗口，設定標題為Hello!，指定頁面位址
啟動webview

##就能看到如下的效果：

Python小技之不用 Gui，照樣實現圖形介面

小試牛刀

#神奇吧!

Pywebview 支援三種模式，簡單模式，伺服器模式和線程模式。

簡單模式就相當於一個自訂串流瀏覽器，指定一個位址，就可以實現瀏覽了，如上面的例子。

伺服器模式相當於包裝了一個 Web 應用，就是會啟動一個本機伺服器，在客製化的瀏覽器中瀏覽。

線程模式比較高級，就是需要自己手動維護線程狀態，實現更高級的玩法。

對於現在的需求，我們選擇伺服器模式，也就是包裝本地的一個 Web 應用。

對接 Flask

伺服器模式會提供我們一個 HTTP Server，只要把 Web 應用程式部署上去就好了。

因為無非展示實際專案的程式碼，這裡寫一個簡單的Flask 應用：

關於Flask Web 應用開發，可以參考筆者之前寫的Flask 文章

建立一個app.py 檔案：

from flask import Flask, render_template, jsonify, request

app = Flask(__name__) # 创建一个应用

@app.route('/') 
def index():# 定义根目录处理器
return render_template('index.html')

@app.route('/detail')
def detail():
return render_template('detail.html') 

if __name__ == '__main__':
app.run() # 启动服务

登入後複製

這個應用程式很簡單，只有兩個頁面，分別透過/ 和/detail 來存取。

如果經營這段程式碼，就會啟動一個 Flask 應用，透過 http://120.0.0.1:5000 來存取。

如何套在Pywebview 中呢?

很簡單：

import webview
from app import app

if __name__ == '__main__':
window = webview.create_window('Pywebview', app, height=600, width=1000)
webview.start()

登入後複製

##引入剛才所建立的app
#建立一個webview window，並將app 作為url 參數傳入
然後啟動webview 就可以了

執行程式後，可以看到和在瀏覽器中的效果一樣的：

Python小技之不用 Gui，照樣實現圖形介面 #對接Flask

##目錄問題

現在就可以將這個專案打包成exe 了。

首先需要安裝pyinstaller[4]

pip install pyinstaller

登入後複製

然後進入程式目錄執行：

pyinstall -F -w main.py

登入後複製

F 參數表示將程式打包成一個可執行文件，不加這個參數就會打包成一個資料夾夾

#很快在程式目錄下，就會產生一個dist 資料夾，其中就會有一個main.exe 可執行文件，這就是打包好的結果。

雙擊運行，可以看到效果…

等等，好像並不是想像中的那樣!

##對接Flask

Python小技之不用 Gui，照樣實現圖形介面這是怎麼回事呢?

根據提示來看，是因為找不到頁面的範本檔案。

我們在前面建立Flask app 時，使用的是預設的範本路徑，也就是app.py 檔案所在目錄的templates 目錄，為啥打包之後就找不見了呢?

這是因為在windows 中，可執行檔的運行時，會被解壓縮到一個特定的目錄下，而我們的模板檔並沒有被打包進入exe 檔中，所以導致運行時找不見模板檔。

完美呈现

如何解决这个问题呢?

作为不使用外部数据或文件的程序，只需要将程序本身打包就可以了，但大部分程序都需要外部数据，比如我们的 Flask 应用，就需要用到静态文件等。

那么如何将它们打包进可执行文件呢?

只需要在打包时多加一个参数就可以了：

pyinstaller main.py -F -w --add-data "./templates/*;templates"

登入後複製

-- add-data 参数表示添加额外的数据 -- ./templates/* 表示需要添加当前目录的 templates 目录中的所有文件 -- ;为分隔符，其后的 templates 表示解压是这些数据所在的目录，这个目录名必须和创建 app 时 template_folder 参数一致 -- 如果需要用到静态文件，需要额外添加，比如 --add-data "./static/*;static"

这样就能将外部数据一起打包进来了。

打包好后，双击执行，就会发现网页得以完美呈现了。