公共用例库计划--个人版(六)典型Bug页面设计与开发

1、任务概述

  本次计划的核心任务是开发一个,个人版的公共用例库,旨在将各系统和各类测试场景下的通用、基础以及关键功能的测试用例进行系统性地归纳整理,并以提高用例的复用率为目标,力求最大限度地减少重复劳动,提升测试效率。
  计划内容:完成公共用例库的开发实施工作,包括需求分析、系统设计、开发、测试、打包、运行维护等工作。

1.1、 已完成:

  需求分析、数据库表的设计:公共用例库计划–个人版(一)
  主体界面与逻辑设计:公共用例库计划–个人版(二)
  导出Excel功能:公共用例库计划–个人版(三)
  模块选择功能改造与性能优化公共用例库计划–个人版(四)
  QtCharts制作首页饼图与柱状图公共用例库计划–个人版(五)

1.2、 本次待完成:

典型Bug:新增遇见的较典型的bug,进行复盘与经验总结。
  1. bug、图片的库表设计
  2. 典型Bug页面,界面设计
  3. 逻辑代码开发

2、bug、图片的库表设计

  计划创建两张表,一张表存放bug信息,一张表保存bug的图片。
在这里插入图片描述
建表语句:

			# 创建bug表self.cursor.execute("""  CREATE TABLE IF NOT EXISTS bug (  bugid INTEGER PRIMARY KEY AUTOINCREMENT,  --编号title TEXT NOT NULL,  --标题types INTEGER ,  --类型--对应码值表code40-49difficulty INTEGER ,  --难度--对应码值表code30-36moduleid INTEGER ,  --所属模块describe TEXT , --描述think TEXT , --思考severity INTEGER  --严重程度--对应码值表code50-53)""")# 创建图片表self.cursor.execute("""  CREATE TABLE IF NOT EXISTS image (  imageid INTEGER PRIMARY KEY AUTOINCREMENT,  --编号name TEXT NOT NULL,  --名称image_bytes BLOB ,  --图片bugid INTEGER  --所属bug)""")

3、典型Bug页面

主要功能设计介绍:
  左侧使用listWidget显示bug列表,有翻页功能。
在这里插入图片描述
  主体上面,把用例页面的查询条件copy过来改改,选择条件对左边列表的bug进行查询。
在这里插入图片描述
  主体中部,点击左侧列表中bug名称,显示对应bug的详细信息。有图片上传按钮,显示图片、翻页等功能按钮。

  最后建了一个窗口,放一个graphicsView控件,显示大图。(上面页面图片是label显示的,担心显示太小了)
在这里插入图片描述

4、bug新增代码开发

4.1 保存bug

  在设计页面时,对保存按钮增加信号槽,点击保存触发save_bug。
对标题、描述进行 必填验证。如果有获取到bugid,就走编辑流程,没有就新增bug。

    def save_bug(self):"""bug页面,保存"""if not self.lineEdit_4.text() or self.textEdit.toPlainText() == '[步骤]\n\n[结果]\n\n[期望]\n':self.ts.xinxi("标题或描述不能为空!")returnself.save_bug_b.setEnabled(False)  # 保存按钮置灰parts=self.mk_2.currentText().split("—ID:")  # 模块编号if len(parts) == 2:self.mk_2.mkid=parts[1]else:self.mk_2.mkid=''if self.bugid != 0:  # 编辑vlue=(f'{self.lineEdit_4.text()}',tc_sql.codes_dict['mk_types'][f'{self.lileixing_bug_2.currentText()}'],tc_sql.codes_dict['difficulty'][f'{self.nandu_2.currentText()}'],f'{self.mk_2.mkid}', f'{self.textEdit.toPlainText()}',f'{self.textEdit_2.toPlainText()}',tc_sql.codes_dict['severity'][f'{self.nandu_3.currentText()}'], f'{self.bugid}')self.savesql_bug("update bug set title=? ,types=? ,difficulty=?, moduleid=? ,describe = ?,think = ?,severity=? where bugid=?",vlue)else:  # 新增vlue=(f'{self.lineEdit_4.text()}',tc_sql.codes_dict['mk_types'][f'{self.lileixing_bug_2.currentText()}'],tc_sql.codes_dict['difficulty'][f'{self.nandu_2.currentText()}'],f'{self.mk_2.mkid}', f'{self.textEdit.toPlainText()}',f'{self.textEdit_2.toPlainText()}',tc_sql.codes_dict['severity'][f'{self.nandu_3.currentText()}'])self.savesql_bug("INSERT INTO bug VALUES (NULL,?,?,?,?,?,?,?)", vlue)def savesql_bug(self, sql, vlue):"""bug保存sql"""self.case_db.connect()if self.case_db.operate_one(sql, vlue):self.case_db.over()self.chaxun_bug()  # 查询列表self.ts.xinxi("保存成功")logging.info('bug页面,保存')else:self.ts.xinxi("保存失败,请检查")self.save_bug_b.setEnabled(True)  # 保存按钮恢复

4.2 bug查询

  在设计页面时,对每一个查询条件设计信号槽,触发查询按钮,查询按钮触发chaxun_bug。
先获取查询条件的信息,然后通过拼接条件sql,查询出对应的bug,写入bug列表显示。

    def chaxun_bug(self, ye=1):"""bug页面,查询"""parts=self.mk_1.currentText().split("—ID:")if len(parts) == 2:self.mk_1.mkid=parts[1]else:self.mk_1.mkid=''mk_types=tc_sql.codes_dict['mk_types'][f'{self.lileixing_bug.currentText()}'] if self.lileixing_bug.currentText() else ''difficulty=tc_sql.codes_dict['difficulty'][self.nandu.currentText()] if self.nandu.currentText() else ''dic={"bug.types": mk_types,"bug.difficulty": difficulty,"bug.moduleid": self.mk_1.mkid}dic_like={"bug.title": self.biaoti_bug.text()}sql1="select bugid || ':' || title from bug where"  # 拼接sql查询条件sql2="select count(*) from bug where"for k, v in dic.items():if v:sql1+=' ' + k + "= " + str(v) + " and"sql2+=' ' + k + "= " + str(v) + " and"for k, v in dic_like.items():if v:sql1+=' ' + k + " like '%" + v + "%' and"sql2+=' ' + k + " like '%" + v + "%' and"offset=20 * (ye - 1)  # 分页查询sql1=sql1.rstrip('where').rstrip('and') + " order by bug.bugid DESC " + f"LIMIT 20 OFFSET {offset}"sql2=sql2.rstrip('where').rstrip('and')self.case_db.connect()items=self.case_db.query_many(sql1)  # bug查询count=self.case_db.query_one(sql2)self.bugye_count=math.ceil(count[0] / 20)  # 页数计算self.case_db.over()self.listWidget.clear()  # 清空列表self.clear_bug()  # 清空页面if items:for i in range(len(items)):  # 数据写入列表item=QListWidgetItem(items[i][0])item.setToolTip(items[i][0])  # 写入提示self.listWidget.addItem(item)self.label_24.setText(f"总数: {count[0]}条 共: {self.bugye_count}页    ")self.lineEdit_3.setText(f"{ye}")else:self.listWidget.addItem("未查询到数据")  # 查询无数据,加空行self.label_24.setText(f"总数: 0条 共: 0页    ")self.lineEdit_3.setText("0")logging.info('bug页面,查询')

4.3 bug详情

  查询出bug列表后,点击其中的bug,页面显示详情。对列表增加槽函数,点击触发show_bug。
获取点击的bugID,根据bugid查询出信息,回显到页面。

    def show_bug(self):"""点击bug,显示bug详情"""a=self.listWidget.selectedItems()if a:parts=a[0].text().split(":")if len(parts) == 2:self.bugid=parts[0]else:self.bugid=0returnsql26='''select bug.title,codes1.value as types,codes2.value as difficulty,module.modulename || '—ID:' || module.moduleid,bug.describe,bug.think,codes3.value as severityfrom bug INNER JOINcodes AS codes1 ON bug.types = codes1.id AND codes1.id BETWEEN 40 AND 49 -- 关联类型码值表INNER JOINcodes AS codes2 ON bug.difficulty = codes2.id AND codes2.id BETWEEN 30 AND 36 -- 关联难度码值表INNER JOINcodes AS codes3 ON bug.severity = codes3.id AND codes3.id BETWEEN 50 AND 53LEFT JOINmodule  ON bug.moduleid = module.moduleid where bug.bugid = ? '''self.case_db.connect()items=self.case_db.query_one(sql26, (self.bugid,))  # bug查询self.case_db.over()# bug详情回显self.lineEdit_4.setText(items[0])index=self.lileixing_bug_2.findText(items[1], Qt.MatchFlag.MatchFixedString)self.lileixing_bug_2.setCurrentIndex(index)  # 设置下拉框内容index2=self.nandu_2.findText(items[2], Qt.MatchFlag.MatchFixedString)self.nandu_2.setCurrentIndex(index2)self.mk_2.clear()  # 清空模块下拉self.mk_2.addItem(items[3])self.mk_2.setCurrentIndex(0)  # 设置模块下拉显示self.textEdit.setText(items[4])self.textEdit_2.setText(items[5])index3=self.nandu_3.findText(items[6], Qt.MatchFlag.MatchFixedString)self.nandu_3.setCurrentIndex(index3)logging.info('显示bug详情')

4.4 实现情况

  现在bug新增,查询修改没问题。
在这里插入图片描述

5、图片管理

bug保存后,上传图片。有删除、图片翻页、查看大图功能

5.1 图片上传

  上传图片按钮,触发函数up_image。
对图片大小、格式限制,然后将图片转成Base64格式存入数据库。

    def up_image(self):"""上传bug图片"""if self.bugid == 0:self.ts.xinxi("未获取到bugID,请先选择或者保存bug")returnMAX_IMAGE_SIZE=1.5 * 1024 * 1024  # 图片大小限制(例如:5MB)try:filename, _=QFileDialog.getOpenFileName(self, "选择图片", "","Image Files (*.jpg *.jpeg *.png *.bmp *.gif)")if not filename:        # 未选择图片,退出returnname=filename.split('/')[-1]file_size=os.path.getsize(filename)  # 检查文件大小if file_size > MAX_IMAGE_SIZE:self.ts.xinxi(f'图片大小超过限制({MAX_IMAGE_SIZE / (1024 * 1024)}MB),请上传更小的图片!')else:img=Image.open(filename)img.save(f"_internal/{name}", quality=90)  # 压缩图片with open(f"_internal/{name}", 'rb') as image_file:content=base64.b64encode(image_file.read())  # 转换成Base64格式os.remove(f"_internal/{name}")self.case_db.connect()sql=f"INSERT INTO main.image (name, image_bytes,bugid) VALUES (?, ?, ?);"if self.case_db.operate_one(sql, (name, content, self.bugid)):self.case_db.over()self.show_image(self.bugid)logging.info('上传bug图片')else:self.ts.xinxi("图片上传出错")except Exception as e:self.ts.xinxi(f"上传出错:{e}")logging.error(e)

  数据库中,存入的图片。
数据库

5.2 图片显示

  图片上传后,就触发显示函数。将查询bug的图片,显示到label
首先对图像显示区域进行清理,如果查询到图片,将显示图片、名称、页数。

    def show_image(self, bugid, number=0):"""根据bugID,查询bug图片"""self.label_image.setText('暂无图片')  # 清空bug图片区域数据self.pushButton_10.setVisible(False)  # 删除图片按钮,隐藏self.label_15.clear()self.label_34.clear()self.imageid=Noneself.case_db.connect()sql=f"SELECT image_bytes,imageid,name FROM image WHERE bugid=? LIMIT 1 OFFSET {number} "value=self.case_db.query_one(sql, (bugid,))count=self.case_db.query_one(f"SELECT count(*) FROM image WHERE bugid=? ", (bugid,))self.case_db.over()if value:                       # 显示图片、数量、名称self.imageid=value[1]str_encode=base64.b64decode(value[0])  # base64编码对应的解码(解码完字符串)pixmap=QPixmap()pixmap.loadFromData(str_encode)self.label_image.clear()scaled_pixmap=pixmap.scaled(self.label_image.size(), Qt.AspectRatioMode.KeepAspectRatio)self.label_image.setPixmap(scaled_pixmap)self.label_15.setText(f"{number + 1}/{count[0]}")  # 数量self.label_34.setText(f"{value[2]}")self.pushButton_10.setVisible(True)  # 删除图片按钮,显示logging.info('bug图片显示')

5.3 图片上传实现

在这里插入图片描述

5.4 大图窗口

  点击页面图片,触发大图窗口。

    def image_clicked(self, event):"""点击图片,打开图片窗口"""if self.imageid:self.case_db.connect()sql=f"SELECT image_bytes FROM image WHERE imageid=?"value=self.case_db.query_one(sql, (self.imageid,))self.case_db.over()str_encode=base64.b64decode(value[0])if not self.child_windows:image_max=Image_bug(str_encode)self.child_windows.append(image_max)  # 将新打开的窗口添加到子窗口列表else:self.child_windows[0].update_image(str_encode)  # 已有窗口,更新图片logging.info('bug图片,大图窗口')

  大图窗口,继承界面设计好的窗口。
使用单例模式,只允许打开一个窗口,再次点击图片就更新窗口图片显示。
对鼠标滚轮进行重写,实现放大缩小图片。

class Image_bug(QWidget, Ui_imagemax):"""图片页面"""_instance=Nonedef __new__(cls, str_encode, parent=None):if cls._instance is None:instance=super().__new__(cls)instance.__init__(str_encode, parent)cls._instance=instance  # 保存到类变量以便后续使用return instanceelse:cls._instance.update_image(str_encode)  # 更新现有实例的图像数据return cls._instancedef __init__(self, str_encode, parent=None):if self._instance:  # 避免多次初始化同一个实例returnsuper().__init__(parent)self.str_encode=str_encodeself.setupUi(self)self.init_image()def init_image(self):"""窗口加载图片显示"""pixmap=QPixmap()pixmap.loadFromData(self.str_encode)scene=QGraphicsScene()# 创建图形视图、场景及图像项目item=QGraphicsPixmapItem(pixmap)scene.addItem(item)self.graphicsView.setScene(scene)# 设置视图与场景self.graphicsView.wheelEvent=self.wheelEvent_handler    # 重写滚轮事件处理函数self.show()def update_image(self, new_str_encode):"""更新窗口图片"""self.str_encode=new_str_encodeself.init_image()   # 重新加载图片数据self.activateWindow()  # 激活窗口self.raise_()       # 提升窗口至最前面def wheelEvent_handler(self, event):"""滚轮放大缩小图片"""zoom_in_factor=1.25zoom_out_factor=1 / zoom_in_factordelta=event.angleDelta().y() / 120if delta > 0:factor=zoom_in_factorelif delta < 0:factor=zoom_out_factorelse:return# 获取当前鼠标位置在视图坐标系中的位置mouse_pos_scene = self.graphicsView.mapToScene(QPoint(int(event.position().x()), int(event.position().y())))# 记录原始视图中心点old_center=self.graphicsView.viewport().rect().center()# 缩放视图self.graphicsView.scale(factor, factor)# 计算新的视图中心点,并确保鼠标下的内容不变new_center = self.graphicsView.mapFromScene(mouse_pos_scene).toPointF()self.graphicsView.centerOn(new_center)

5.5 大图窗口,放大缩小图片实现

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/665778.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图论练习4

内容&#xff1a;染色划分&#xff0c;带权并查集&#xff0c;扩展并查集 Arpa’s overnight party and Mehrdad’s silent entering 题目链接 题目大意 个点围成一圈&#xff0c;分为对&#xff0c;对内两点不同染色同时&#xff0c;相邻3个点之间必须有两个点不同染色问构…

Elasticsearch:入门

1. 介绍Elasticsearch 1.1 什么是Elasticsearch Elasticsearch是一款基于开源的分布式搜索和分析引擎&#xff0c;构建在Apache Lucene之上。它旨在提供一个强大且灵活的工具&#xff0c;使用户能够以高效、实时的方式存储、检索和分析大量数据。 1.2 Elasticsearch的主要特…

自动化测试报告生成【Allure】

之前尝试使用过testNG自带的测试报告、优化过reportNG的测试报告&#xff0c;对这两个报告都不能满意。后经查找资料&#xff0c;发现有个神器&#xff1a; Allure&#xff08;已经有allure2了&#xff0c;笔者使用的就是allure2&#xff09;&#xff0c;生成的测试报告与上述…

异或加密原理及简单应用(C语言版)

加密原理&#xff1a; 异或加密是一种基于异或运算的简单加密算法。在二进制运算中&#xff0c;异或&#xff08;XOR&#xff09;的规则是&#xff1a; 0 XOR 0 00 XOR 1 11 XOR 0 11 XOR 1 0 这意味着如果两个比特相同&#xff0c;则结果为0&#xff0c;否则结果为1。异…

八. 实战:CUDA-BEVFusion部署分析-学习spconv的优化方案(Implicit GEMM conv)

目录 前言0. 简述1. 什么是Implicit GEMM Conv2. Explicit GEMM Conv3. Implicit GEMM Conv4. Implicit GEMM Conv优化5. spconv和Implicit GEMM Conv总结下载链接参考 前言 自动驾驶之心推出的 《CUDA与TensorRT部署实战课程》&#xff0c;链接。记录下个人学习笔记&#xff0…

Python 中的 __doc__ 属性是用来做什么的?Python 中的 logging 模块是用来做什么的?如何配置日志记录?

Python 中的 doc 属性是用来做什么的&#xff1f; doc 是 Python 中用于存储文档字符串&#xff08;docstring&#xff09;的特殊属性。文档字符串是与模块、类、函数或方法相关联的字符串&#xff0c;用于提供对其功能和使用的简要描述。 主要用途&#xff1a; 文档和注释&a…

WiFi 6 和WiFi 6e 的核心要点

目录 WiFi 6 是什么&#xff1f; WiFi 6/6e 的主要feature功能&#xff1a; 80Mhz and 160Mhz channel 1K QAM WiFi6 支持2.4G band OFDMA&#xff1a;Orthogonal frequency division multiple access OFDMA先把频段分为&#xff1a;Resource Units (RUs) Subcarriers …

使用 Visual Studio Code 在远程计算机上调试 PostgreSQL

使用 Visual Studio Code 在远程计算机上调试 PostgreSQL 1. 概述 PostgreSQL 是一个功能强大的开源关系数据库管理系统&#xff0c;适用于各种应用程序。在开发过程中&#xff0c;调试 PostgreSQL 对于识别和解决问题至关重要。在本博客中&#xff0c;我们将手把手教你使用客…

创建自己的Hexo博客

目录 一、Github新建仓库二、支持环境安装Git安装Node.js安装Hexo安装 三、博客本地运行本地hexo文件初始化本地启动Hexo服务 四、博客与Github绑定建立SSH密钥&#xff0c;并将公钥配置到github配置Hexo与Github的联系检查github链接访问hexo生成的博客 一、Github新建仓库 登…

Windows SDK(四)鼠标和键盘消息处理

鼠标基础知识 鼠标一般分为三种状态&#xff0c;三个按钮 三种状态&#xff1a;单击&#xff0c;双击&#xff0c;拖动 三个按钮&#xff1a;左键&#xff08;LBUTTON&#xff09;&#xff0c;右键&#xff08;RBUTTON&#xff09;&#xff0c;中键&#xff08;MBUTTON&…

【计算机视觉】目标检测 |滑动窗口算法、YOLO、RCNN系列算法

一、概述 首先通过前面对计算机视觉领域中的卷积神经网络进行了解和学习&#xff0c;我们知道&#xff0c;可以通过卷积神经网络对图像进行分类。 如果还想继续深入&#xff0c;会涉及到目标定位(object location)的问题。在图像分类的基础上(Image classification)的基础上…

JAVA中的多态参数

1.方法定义的参数类型为父类类型&#xff0c;实参类型允许为子类类型 public class Ploy_parameter {public static void main(String[] args) {Manage jack new Manage("jack",12000,3000);Staff tom new Staff("tom",10000);Ploy_parameter ploy_para…

【Linux系统化学习】进程等待

目录 进程等待 进程等待的必要性 进程等待的方法 wait方法 等待一个进程(阻塞等待&#xff09; waitpid方法 任意等待多个进程&#xff08;阻塞等待&#xff09; 父进程获取子进程的退出信息 非阻塞轮询等待 进程等待 进程等待的必要性 之前讲过&#xff0c;子进程退…

javascript设计模式之建造者

工厂模式不关心过程&#xff0c;只关心结果&#xff0c;这与建造者相反&#xff0c;建造者更关心的是过程&#xff0c; 这里我们创建一个基类&#xff0c;其拥有技能跟爱好两个属性&#xff0c;还有两个实例方法用来获取技能跟爱好 // 基类 let Human function (param {}) …

【深入浅出Java性能调优】「底层技术原理体系」详细分析探索Java服务器性能监控Metrics框架的实现原理分析(Dropwizard度量基础案例指南)

深入探索Java服务器性能监控Metrics框架的实现原理分析 前提介绍Dropwizard MetricsDropwizard的特点Dropwizard的开发案例需要引入Maven依赖常用度量类型Meter(每秒请求数为单位测量请求率)定义度量核心MetricRegistry构建对应的Meter指标对象请求标记采样业务方法控制报告器…

chisel 语法

// TODO: find out the new way to have a reset signal class KnightRider(resetSignal: Bool null, frequ: Int)//extends Module(_reset resetSignal) {extends Module {val io IO(new Bundle {val led Output(Bits(6.W))})//定义了一个枚举类型&#xff0c;包含两个状态…

使用Python将Excel数据导入Word并设置字体样式(成功)

在日常办公和数据处理中&#xff0c;我们经常需要将Excel中的数据导入到Word文档中。手动完成这个过程可能既费时又容易出错。本文将介绍如何使用Python自动化这一任务&#xff0c;同时根据数据的不同设置不同的字体样式和大小。 所需工具 Python&#xff1a;一种广泛使用的高…

kafka自定义分区策略详解

文章目录 前言一、kafka是什么&#xff1f;二、kafka的分区策略三、自定义的 Kafka 分区器实现总结 前言 在分布式消息系统中&#xff0c;正确地将消息发送到合适的分区是至关重要的。Kafka 作为一种高性能、可扩展的消息队列系统&#xff0c;在处理海量数据和高并发场景下表现…

三、05 ansible基础命令ansible 常用命令

这里写目录标题 命令介绍ansible 的基础语法实力 使用一个copy 模块 Ansible 模块功能查看工具ansible-doc的全部用法&#xff1a;mysql 实例 命令介绍 /usr/bin/ansible  (常用) Ansibe AD-Hoc 临时命令执行工具&#xff0c;常用于临时命令的执行 /usr/bin/ansible-playbo…

【Linux Day15 TCP网络通讯】

TCP网络通讯 TCP编程流程 接口介绍 socket()方法是用来创建一个套接字&#xff0c;有了套接字就可以通过网络进行数据的收发。创建套接字时要指定使用的服务类型&#xff0c;使用 TCP 协议选择流式服务&#xff08;SOCK_STREAM&#xff09;。 **bind()方法是用来指定套接字使…