隨手寫個介面測驗工具，讓學妹瞧瞧我的能耐
學妹的問題
教妹寫工具，沒見過這么放肆的標題吧？“語不驚人死不休”，沒錯，本篇文章的標題就是這么酷炫，不然你怎么會點進來？
在學習的日子里很多青年脫坑，同時也有很多青年入坑，但入坑的時候可能沒有什么好的指導或者學習方法可能頭發掉的一發不可收拾……
博主有個學妹就遇到了相同的境遇，學妹被介面測驗搞得頭暈目眩，
本著友好互助的原則，不顧女朋友的反對，本篇就根據筆者的理解自己邊寫邊教教學妹，先不說其它的了，你們先看文章，我去跪一會榴蓮，
了解常用的GUI庫
在開始進行實戰前，可簡單了解一下幾種常見的圖形化界面設計需要的庫：
-
Tkinter（是python最簡單的圖形化模塊），
-
PyQt（是python最復雜也是使用最廣泛的圖形化模塊，PyQt的采用的是GPLv3），若使用該庫，則要求代碼是開源的，若是參考該庫，但是代碼非開源的，可能會面臨小麻煩，
-
PySide2 ：Pyside2的LGPL協議要求動態鏈接可以閉源商用，一般情況下選擇該庫進行GUI設計，
環境安裝
pip install PySide2 #PySide2是一個GUI庫在，主要用于設計程式界面
pip install pyinstaller #pyinstaller主要用于將代碼打包成exe檔案時使用的
若是直接安裝失敗，可百度豆瓣源地址進行安裝，
界面設計-輸出UI格式檔案
對介面工具的頁面進行設計，設計完成后會形成一個UI格式的檔案，本文實踐案例示范完成一個簡單的介面測驗工具，界面設計如下圖，分為三個部分：
- 第一個部分：請求方法、請求地址、發送請求、清空資料；
- 第二個部分：請求頭、請求體；
- 第三個部分：回應資訊頭、回應資料，
PySide2圖形工具相關組件和使用方法介紹：
a) 按鈕：pushButton
i. 點擊按鈕clicked()
b) 單行文本框：lineEdit
i. 獲取文本text（）
ii. 用戶名或者其他需要明文顯示時，則可選擇echoMode=Normal
iii. 密碼類的需要直接“*”顯示，則可選擇echoMode=Password
iv. 密碼類的需要編輯時明文顯示，編輯結束則“*”顯示，則可選擇echoMode= PasswordEchoOnEdit
c) 多行文本框：QPlainTextEdit
i. 獲取多行文本：toPlainText()
ii. 設定提示文本：setPlaceholderText (‘提示文本’)
d) 文本瀏覽框：textBrowser
i. 獲取文本：toPlainText()
ii. 設定提示文本：setPlaceholderText (‘提示文本’)
e) 組合選擇框：QComBox
i. 通過addItem添加單個選項，通過addItems([,,])添加多個選項
ii. 通過setCurrentText('請選擇')設定默認當前選項的值
iii. 通過currentText()獲取選項框的當前值
f) 文本標簽：label
界面布局
界面布局說白了就是各個控制元件的位置區域調整，常見的布局有三種：水平布局、垂直布局、柵格布局，
水平布局：就是各個組件水平排列對齊
垂直布局：就是各個組件垂直排列對齊，
柵格布局：柵格布局與水平布局和垂直布局皆不一樣，網格布局內部通過一個無形的網格來對其中的控制元件進行布局，
最后為了能讓布局內的控制元件隨著視窗自動縮放，可在視窗空白區域（非控制元件區域）右鍵選擇任意一種布局即可，
代碼設計-輸出py格式檔案
本專案的代碼可以分為兩個部分：
- 第一部分：參考設計好的界面組件
- 第二部分：介面請求的邏輯代碼
初始化圖形界面
參考圖形界面的元素的方式，跟進行UI自動化的元素定位有點類似：
1.定義通過ui物件
2.找到對應的元素名稱
3.對該元素進行相應的操作
呼叫圖形界面的整體程序如下：
1.創建app程式物件
2.獲取圖形物件：打開ui檔案
3.讀取ui檔案
4.加載ui檔案內的物件
5.關閉ui檔案
6.展示圖形界面
7.運行程式
業務邏輯處理
處理業務邏輯時，需要涉及到三個內容：
1.通過圖形界面獲取用戶資料
2.通過點擊事件觸發業務邏輯處理
3.將業務處理結果展示在圖形界面上
代碼說明
1.操作圖形界面的組件的格式
ui物件.組件的objectname.動作（通過“.”連接），
2.初始化請求方法的選項值
GET\POST\PUT\DELETE，
3.定義介面請求函式
a) 通過圖形界面控制元件獲取用戶輸入的資料：獲取的資料是字串格式，需要轉化為json格式；
b) 發起介面請求：利用request庫完成介面請求；
c) 獲取回應資訊頭、回應資料；
d) 回應資訊添加到圖形界面上展示：獲取到的資料通過append添加到文本瀏覽器前，需要對將資料轉為str格式，
4.定義清空資料函式
事先明確好，點擊清楚按鈕時，需要清空哪些控制元件的資料或將選擇框設定什么默認值，
本文設計點擊清空按鈕時做以下兩個操作：
1）清空回應資訊頭、回應資料兩個文本框；
2） 重置請求方法選擇框的默認值為“請選擇”，
5.點擊按鈕系結業務函式
點擊后通過connect()方法連接函式方法，格式：
-
ui物件按鈕：objectname. clicked.connect
-
發送按鈕：ui.send_pushButton.clicked.connect(send_request)
-
清空按鈕：ui.clear_pushButton.clicked.connect(clear)
專案打包
這樣可以避免代碼泄漏，方便他人使用工具，
程式寫好了后，圖形界面也設計好了之后，每次使用都要運行代碼閑的很麻煩，而且其他人還得拷貝你的代碼，
所以這個時候就可以用到“打包”的功能，通過打包將工具生成為一個exe程式，其他人可直接使用，具體程序如下，
1.進入專案的py檔案夾目錄下，cmd打開命令視窗，執行打包命令：
pyinstaller -F RequestTool.py --hidden-import PySide2.QtXml
其中RequestTool.py為python代碼檔案，
2.打包成功后本地可看到對應的檔案夾如下：
3.將界面ui檔案復制到dist檔案夾目錄下，
4.雙擊運行exe檔案即可，
如果運行程式時不需要后面的命令視窗（黑色視窗，可在進行打包時增加引數-w即可去除該視窗），
專案實戰成果
專案內其他成員可直接運行打包好的的exe檔案，即可使用介面測驗工具V1.0，
結語
OK，到此完美解決了學妹的問題，如有需要了解軟體測驗相關的其他內容，可到「 主頁 」進行查看學習~
同時，大家覺得深度不夠或者有錯誤還請見諒，建議評論區共同探討
- ??如果這篇文章對你有用，記得點個贊????加個關注支持我一下~
- ??微信公眾號：程式員一凡
- ??我們下期見！??????
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/330045.html
標籤：其他