- 💜大家好，我是陈大圣，来自重庆，非科班出身，半路出家的程序员。
- 💜崇尚自由、开源和分享。
- 💜目前还没有掘金任何创作头衔，努力前行，总会成为自己心中的那道光，加油
学妹的问题
教妹写工具，没见过这么放肆的标题吧？“语不惊人死不休”，没错，本篇文章的标题就是这么酷炫，不然你怎么会点进来？
在学习的日子里很多青年脱坑，同时也有很多青年入坑，但入坑的时候可能没有什么好的指导或者学习方法可能头发掉的一发不可收拾……
笔者有个学妹就遇到了相同的境遇，学妹被接口测试搞得头晕目眩。
本着友好互助的原则，不顾女朋友的反对，本篇就根据笔者的理解自己边写边教教学妹，先不说其它的了，你们先看文章，我去跪一会榴莲。
了解常用的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，到此完美解决了学妹的问题，如有需要了解软件测试相关的其他内容，可到「 主页」进行查看学习~
同时，大家觉得深度不够或者有错误还请见谅，建议评论区共同探讨或可加我好友，大家一起聊天吹牛交流技术🤗。
- ✔️我做了一个公众号 程序员一凡 ，不定期分享学习干货
- ✔️如果这篇文章对你有用，记得点个赞👍🏻加个关注支持我一下~
- ✔️我们下期见！👋👋👋
