最近在学习qt,然后是在b站跟着白月黑羽老师学习qt相关的基础内容。学完简单的图形化界面设计后,老师给了一道练习题。就是用qt designer 实现一个类似pastman的HTTP接口测试工具。这个视频里没讲源码,只讲了在qt designer中如何让界面更美观。
然后我将基本界面搭建出来,但是代码不会。就参照下面这篇博客进行修改的。最后也成功实现了所有功能。4. 利用Qt Designer 实现Postman 的 HTTP 接口测试工具-CSDN博客
上面这篇博客里对qt designer设计部分讲的很详细。我这里不赘述。
代码如下:
from PySide2.QtWidgets import QApplication
from PySide2.QtUiTools import QUiLoader
from PySide2.QtCore import QObject
from PySide2.QtGui import QIcon
import traceback
import requests#是用于发送HTTP请求的库
from threading import Thread
class HttpClient(QObject):
def __init__(self):
QObject.__init__(self)
# 从 UI 定义中动态 创建一个相应的窗口对象
self.ui = QUiLoader().load('http.ui')
# 给 boxMethod 添加选项 GET POST PUT DELETE
self.ui.boxMethod.addItems(
['GET', 'POST', 'PUT', 'DELETE'])
# 让 表格控件宽度随着父窗口的缩放自动缩放
self.ui.headersTable.horizontalHeader().setStretchLastSection(True)
# 设定第1列的宽度为 180像素
self.ui.headersTable.setColumnWidth(0, 180)
# 信号处理:发送请求
self.ui.buttonSend.clicked.connect(self.sendRequest)
# 信号处理:添加消息头
self.ui.buttonAddHeader.clicked.connect(self.addOneHeader)
# 信号处理:删除消息头
self.ui.buttonDelHeader.clicked.connect(self.delOneHeader)
#清除信息
self.ui.pushButton.clicked.connect(self.pretty_print_clear)
def addOneHeader(self):
# rowCount = self.ui.headersTable.rowCount()
# 要插入的行始终是当前行 的下一行
addRowNumber = self.ui.headersTable.currentRow() + 1
self.ui.headersTable.insertRow(addRowNumber)
def delOneHeader(self):
self.ui.headersTable.removeRow(
self.ui.headersTable.currentRow()
)
def sendRequest(self):
method = self.ui.boxMethod.currentText()
url = self.ui.editUrl.text()
payload = self.ui.editBody.toPlainText()
# 获取消息头
headers = {}
ht = self.ui.headersTable
for row in range(ht.rowCount()):
k = ht.item(row, 0).text()
v = ht.item(row, 1).text()
if k.strip() == '':
continue
headers[k] = v
req = requests.Request(method,
url,
headers=headers,
data=payload
)
prepared = req.prepare()
self.pretty_print_request(prepared)
s = requests.Session()
# 多线程
thread = Thread(target=self.newThreadFunc,
args=(s, prepared)
)
thread.start()
def newThreadFunc(self, s, prepared):
try:
r = s.send(prepared)
self.pretty_print_response(r)
except:
self.ui.outputWindow.append(
traceback.format_exc())
def pretty_print_request(self, req):
if req.body == None:
msgBody = ''
else:
msgBody = req.body
self.ui.outputWindow.append(
'{}\n{}\n{}\n\n{}'.format(
'\n\n----------- 发送请求 -----------',
req.method + ' ' + req.url,
'\n'.join('{}: {}'.format(k, v) for k, v in req.headers.items()),
msgBody,
))
def pretty_print_response(self, res):
self.ui.outputWindow.append(
'{}\nHTTP/1.1 {}\n{}\n\n{}'.format(
'\n\n----------- 得到响应 -----------',
res.status_code,
'\n'.join('{}: {}'.format(k, v) for k, v in res.headers.items()),
res.text,
))
def pretty_print_clear(self):
self.ui.outputWindow.clear()
app = QApplication([])
# 加载 icon
app.setWindowIcon(QIcon('logo.jpg')) # 添加图标
httpClient = HttpClient()
httpClient.ui.show()
app.exec_()
注意:
1,在编写代码时,需要注意下面这四个是图形界面中对应的四个按钮,如果报错说没有找到这些名字。说明qt designer中按钮的名字和这里没有对应上。
同理,下面这四个,是四个文本框的名字。
2,如果报这个错误AttributeError: 'PySide2.QtWidgets.QTextEdit' object has no attribute 'request' (most likely due to a circular import),很有可能你也像我一样将文件名命名为http.py,由于输入的是http网址,而文件名又是这个,会导致它误判。可以参考下面这篇博客
3,如果出现 这个错误,AttributeError: 'PySide2.QtWidgets.QTextEdit' object has no attribute 'text'。说明你的发送http地址的文本的名字不是editUrl。就像下面这个例子,这个网址对应着url,因为你这个url里没有网址信息,所以它报错
最后的效果
磕了两天总算搞出来了,希望大家都能成功