1.创建空白窗体

  1. import sys
  2. from PyQt5.QtWidgets import QApplication, QWidget, QDesktopWidget
  3. class MainWindow(QWidget):
  4.     def __init__(self): # 当被调用时调用函数
  5.         super().__init__()      # 继承父类的全部功能
  7.         #窗体标题
  8.         self.setWindowTitle("NB的项目")
  10.         #窗体的尺寸
  11.         self.resize(980,450)
  13.         #窗体位置
  14.         qr = self.frameGeometry()   #框架几何
  15.         cp = QDesktopWidget().availableGeometry().center()
  16.         qr.moveCenter(cp)
  18.         #展示
  19.         self.show()     #和window.show() 一样
  21. if __name__ == "__main__":
  22.     app = QApplication(sys.argv)
  23.     window = MainWindow()
  24.     window.show()
  25.     sys.exit(app.exec_())

2.关于页面布局

水平方向布局

image.png

image.png

垂直方向布局

image.png

  1. import sys
  2. from PyQt5.QtWidgets import QApplication, QWidget, QDesktopWidget, QHBoxLayout, QVBoxLayout, QLineEdit, QLabel
  3. from PyQt5.QtWidgets import QPushButton, QTableWidget, QTableWidgetItem
  6. class MainWindow(QWidget):
  7.     def __init__(self):  # 当被调用时调用函数
  8.         super().__init__()  # 继承父类的全部功能
  10.         # 窗体标题
  11.         self.setWindowTitle("NB的项目")
  13.         # 窗体的尺寸
  14.         self.resize(1228, 450)
  16.         # 窗体位置
  17.         qr = self.frameGeometry()  # 框架几何
  18.         cp = QDesktopWidget().availableGeometry().center()
  19.         qr.moveCenter(cp)
  21.         # 创建垂直方向布局
  22.         layout = QVBoxLayout()
  24.         # 1.创建顶部的菜单布局
  25.         header_layout = QHBoxLayout()  # 创建一个水平布局
  26.         layout.addLayout(header_layout)  # 将垂直布局添加到水平布局中
  27.         # 1.1创建按钮,加入到header_layout
  28.         btn_start = QPushButton("开始")  # 使用默认参数
  29.         header_layout.addWidget(btn_start)
  31.         btn_stop = QPushButton("停止")
  32.         header_layout.addWidget(btn_stop)
  34.         header_layout.addStretch()  # 顶部菜单添加弹簧
  36.         # 2.创建上面的标题布局
  37.         from_layout = QHBoxLayout()  # 创建一个水平布局
  39.         # 2.1输入框
  40.         txt_asin = QLineEdit()
  41.         from_layout.addWidget(txt_asin)  # 将输入框添加到布局中
  42.         txt_asin.setPlaceholderText("请输入商品ID")  # 设置占位文字
  44.         # 2.2添加按钮
  45.         btn_add = QPushButton("添加")
  46.         from_layout.addWidget(btn_add)  # 将按钮添加到标题布局中
  47.         layout.addLayout(from_layout)  # 将标题布局添加到水平布局中
  49.         # 3.创建中间的表格布局
  50.         table_layout = QHBoxLayout()  # 创建一个水平布局
  52.         # 3.1 创建表格
  53.         table_widget = QTableWidget(0, 8)
  54.         # 批量设置表格样式
  55.         table_header = [
  56.             {"field": "asin", "text": "ASIN", "width": 120},
  57.             {"field": "title", "text": "标题", "width": 150},
  58.             {"field": "url", "text": "URL", "width": 400},
  59.             {"field": "price", "text": "底价", "width": 100},
  60.             {"field": "success", "text": "成功次数", "width": 100},
  61.             {"field": "error", "text": "503次数", "width": 100},
  62.             {"field": "status", "text": "状态", "width": 100},
  63.             {"field": "frequency", "text": "频率(N秒/次)", "width": 100},
  64.         ]
  65.         for idx, info in enumerate(table_header):
  66.             # idx:   列表的count
  67.             # info:  调用列表的数据
  68.             # enumerate:    枚举
  69.             item = QTableWidgetItem()  # 设置表格名称对象
  70.             item.setText(info["text"])  # 设置表格文本
  71.             table_widget.setHorizontalHeaderItem(idx, item)  # 设置表格横向文本
  72.             table_widget.setColumnWidth(idx, info["width"])  # 设置某表格宽度
  74.         table_layout.addWidget(table_widget)  # 将表格组件添加到布局中
  75.         layout.addLayout(table_layout)  # 将表格布局添加到水平布局中
  77.         # 4.创建底部的菜单
  78.         footer_layout = QHBoxLayout()  # 创建一个水平布局
  79.         self.label_statue = label_status = QLabel("未检测", self)
  80.         # 创建标签类 并且要在后面使用 所以用self 并且再生成一个不带self的
  81.         footer_layout.addWidget(label_status)
  82.         footer_layout.addStretch()  # 添加一个弹簧
  84.         # 4.1 创建按钮
  85.         btn_reinit = QPushButton("重新格式化")
  86.         footer_layout.addWidget(btn_reinit)
  88.         btn_recheck = QPushButton("重新检测")
  89.         footer_layout.addWidget(btn_recheck)
  91.         btn_recent_count = QPushButton("次数清零")
  92.         footer_layout.addWidget(btn_recent_count)
  94.         btn_delete = QPushButton("删除检测项")
  95.         footer_layout.addWidget(btn_delete)
  97.         btn_alert = QPushButton("SMTP报警配置")
  98.         footer_layout.addWidget(btn_alert)
  100.         layout.addLayout(footer_layout)  # 将垂直布局添加到水平布局中
  102.         #layout.addStretch()  # 总体结构添加弹簧
  104.         # 将布局赋值,给窗体设置元素的排列方式
  105.         self.setLayout(layout)
  108. if __name__ == "__main__":
  109.     app = QApplication(sys.argv)
  110.     window = MainWindow()
  111.     window.show()
  112.     sys.exit(app.exec_())

3.组件拆分

代码多，冗杂。我们是以区域来划分，所以我们可以做成函数

  1. import sys
  2. from PyQt5.QtWidgets import QApplication, QWidget, QDesktopWidget, QHBoxLayout, QVBoxLayout, QLineEdit, QLabel
  3. from PyQt5.QtWidgets import QPushButton, QTableWidget, QTableWidgetItem
  6. class MainWindow(QWidget):
  7.     def __init__(self):  # 当被调用时调用函数
  8.         super().__init__()  # 继承父类的全部功能
  10.         # 窗体标题
  11.         self.setWindowTitle("NB的项目")
  13.         # 窗体的尺寸
  14.         self.resize(1228, 450)
  16.         # 窗体位置
  17.         qr = self.frameGeometry()  # 框架几何
  18.         cp = QDesktopWidget().availableGeometry().center()
  19.         qr.moveCenter(cp)
  21.         # 创建垂直方向布局
  22.         layout = QVBoxLayout()
  24.         layout.addLayout(self.init_header())  # 将顶部布局添加到水平布局中
  25.         layout.addLayout(self.init_from())  # 将标题布局添加到水平布局中
  26.         layout.addLayout(self.init_table())  # 将表格布局添加到水平布局中
  27.         layout.addLayout(self.init_footer())  # 将底部布局添加到水平布局中
  29.         # layout.addStretch()  # 总体结构添加弹簧
  31.         # 将布局赋值,给窗体设置元素的排列方式
  32.         self.setLayout(layout)
  34.     def init_header(self):  # 创建顶部布局
  35.         # 1.创建顶部的菜单布局
  36.         header_layout = QHBoxLayout()  # 创建一个水平布局
  37.         # 1.1创建按钮,加入到header_layout
  38.         btn_start = QPushButton("开始")  # 使用默认参数
  39.         header_layout.addWidget(btn_start)
  41.         btn_stop = QPushButton("停止")
  42.         header_layout.addWidget(btn_stop)
  44.         header_layout.addStretch()  # 顶部菜单添加弹簧
  46.         return header_layout
  47.     def init_from(self):
  48.         # 2.创建上面的标题布局
  49.         from_layout = QHBoxLayout()  # 创建一个水平布局
  51.         # 2.1输入框
  52.         txt_asin = QLineEdit()
  53.         from_layout.addWidget(txt_asin)  # 将输入框添加到布局中
  54.         txt_asin.setPlaceholderText("请输入商品ID")  # 设置占位文字
  56.         # 2.2添加按钮
  57.         btn_add = QPushButton("添加")
  58.         from_layout.addWidget(btn_add)  # 将按钮添加到标题布局中
  59.         return from_layout
  60.     def init_table(self):
  61.         # 3.创建中间的表格布局
  62.         table_layout = QHBoxLayout()  # 创建一个水平布局
  64.         # 3.1 创建表格
  65.         table_widget = QTableWidget(0, 8)
  66.         # 批量设置表格样式
  67.         table_header = [
  68.             {"field": "asin", "text": "ASIN", "width": 120},
  69.             {"field": "title", "text": "标题", "width": 150},
  70.             {"field": "url", "text": "URL", "width": 400},
  71.             {"field": "price", "text": "底价", "width": 100},
  72.             {"field": "success", "text": "成功次数", "width": 100},
  73.             {"field": "error", "text": "503次数", "width": 100},
  74.             {"field": "status", "text": "状态", "width": 100},
  75.             {"field": "frequency", "text": "频率(N秒/次)", "width": 100},
  76.         ]
  77.         for idx, info in enumerate(table_header):
  78.             # idx:   列表的count
  79.             # info:  调用列表的数据
  80.             # enumerate:    枚举
  81.             item = QTableWidgetItem()  # 设置表格名称对象
  82.             item.setText(info["text"])  # 设置表格文本
  83.             table_widget.setHorizontalHeaderItem(idx, item)  # 设置表格横向文本
  84.             table_widget.setColumnWidth(idx, info["width"])  # 设置某表格宽度
  86.         table_layout.addWidget(table_widget)  # 将表格组件添加到布局中
  88.         return table_layout
  89.     def init_footer(self):
  90.         # 4.创建底部的菜单
  91.         footer_layout = QHBoxLayout()  # 创建一个水平布局
  92.         self.label_statue = label_status = QLabel("未检测", self)
  93.         # 创建标签类 并且要在后面使用 所以用self 并且再生成一个不带self的
  94.         footer_layout.addWidget(label_status)
  95.         footer_layout.addStretch()  # 添加一个弹簧
  97.         # 4.1 创建按钮
  98.         btn_reinit = QPushButton("重新格式化")
  99.         footer_layout.addWidget(btn_reinit)
  101.         btn_recheck = QPushButton("重新检测")
  102.         footer_layout.addWidget(btn_recheck)
  104.         btn_recent_count = QPushButton("次数清零")
  105.         footer_layout.addWidget(btn_recent_count)
  107.         btn_delete = QPushButton("删除检测项")
  108.         footer_layout.addWidget(btn_delete)
  110.         btn_alert = QPushButton("SMTP报警配置")
  111.         footer_layout.addWidget(btn_alert)
  113.         return footer_layout
  115. if __name__ == "__main__":
  116.     app = QApplication(sys.argv)
  117.     window = MainWindow()
  118.     window.show()
  119.     sys.exit(app.exec_())

4.表格初始化

  • 有数据
  • 表格中展示
  1. import sys
  2. import os
  4. from PyQt5.QtCore import Qt
  5. from PyQt5.QtWidgets import QApplication, QWidget, QDesktopWidget, QHBoxLayout, QVBoxLayout, QLineEdit, QLabel
  6. from PyQt5.QtWidgets import QPushButton, QTableWidget, QTableWidgetItem
  8. BASE_DIR = os.path.dirname(os.path.realpath(sys.argv[0]))
  10. STATUS_MAPPING = {
  11.     0: "初始化中",
  12.     1: "执行中",
  13.     2: "正在执行",
  14.     3: "完成并提醒",
  15.     10: "异常并停止",
  16.     11: "初始化失败",
  18. }
  21. class MainWindow(QWidget):
  22.     def __init__(self):  # 当被调用时调用函数
  23.         super().__init__()  # 继承父类的全部功能
  25.         # 窗体标题
  26.         self.setWindowTitle("NB的项目")
  28.         # 窗体的尺寸
  29.         self.resize(1228, 450)
  31.         # 窗体位置
  32.         qr = self.frameGeometry()  # 框架几何
  33.         cp = QDesktopWidget().availableGeometry().center()
  34.         qr.moveCenter(cp)
  36.         # 创建垂直方向布局
  37.         layout = QVBoxLayout()
  39.         layout.addLayout(self.init_header())  # 将顶部布局添加到水平布局中
  41.         layout.addLayout(self.init_from())  # 将标题布局添加到水平布局中
  43.         layout.addLayout(self.init_table())  # 将表格布局添加到水平布局中
  45.         layout.addLayout(self.init_footer())  # 将垂直布局添加到水平布局中
  47.         # layout.addStretch()  # 总体结构添加弹簧
  49.         # 将布局赋值,给窗体设置元素的排列方式
  50.         self.setLayout(layout)
  52.     def init_header(self):  # 创建顶部布局
  53.         # 1.创建顶部的菜单布局
  54.         header_layout = QHBoxLayout()  # 创建一个水平布局
  55.         # 1.1创建按钮,加入到header_layout
  56.         btn_start = QPushButton("开始")  # 使用默认参数
  57.         header_layout.addWidget(btn_start)
  59.         btn_stop = QPushButton("停止")
  60.         header_layout.addWidget(btn_stop)
  62.         header_layout.addStretch()  # 顶部菜单添加弹簧
  64.         return header_layout
  66.     def init_from(self):
  67.         # 2.创建上面的标题布局
  68.         from_layout = QHBoxLayout()  # 创建一个水平布局
  70.         # 2.1输入框
  71.         txt_asin = QLineEdit()
  72.         from_layout.addWidget(txt_asin)  # 将输入框添加到布局中
  73.         txt_asin.setPlaceholderText("请输入商品ID")  # 设置占位文字
  75.         # 2.2添加按钮
  76.         btn_add = QPushButton("添加")
  77.         from_layout.addWidget(btn_add)  # 将按钮添加到标题布局中
  78.         return from_layout
  80.     def init_table(self):
  81.         # 3.创建中间的表格布局
  82.         table_layout = QHBoxLayout()  # 创建一个水平布局
  84.         # 3.1 创建表格
  85.         table_widget = QTableWidget(0, 8)
  86.         # 批量设置表格样式
  87.         table_header = [
  88.             {"field": "asin", "text": "ASIN", "width": 120},
  89.             {"field": "title", "text": "标题", "width": 150},
  90.             {"field": "url", "text": "URL", "width": 400},
  91.             {"field": "price", "text": "底价", "width": 100},
  92.             {"field": "success", "text": "成功次数", "width": 100},
  93.             {"field": "error", "text": "503次数", "width": 100},
  94.             {"field": "status", "text": "状态", "width": 100},
  95.             {"field": "frequency", "text": "频率(N秒/次)", "width": 100},
  96.         ]
  97.         for idx, info in enumerate(table_header):
  98.             # idx:   列表的count
  99.             # info:  调用列表的数据
  100.             # enumerate:    枚举
  101.             item = QTableWidgetItem()  # 设置表格名称对象
  102.             item.setText(info["text"])  # 设置表格文本
  103.             table_widget.setHorizontalHeaderItem(idx, item)  # 设置表格横向文本
  104.             table_widget.setColumnWidth(idx, info["width"])  # 设置某表格宽度
  106.         # 3.2 创建表格数据
  107.         # 读取数据文件
  108.         import json
  109.         file_path = os.path.join(BASE_DIR, "db", "db.json")
  110.         # 获取文件路径
  111.         with open(file_path, mode='r', encoding='utf-8') as f:  # 读取文件内容
  112.             data = f.read()
  113.         data_list = json.loads(data)  # 以json格式转换载入数据
  115.         current_row_count = table_widget.rowCount()  # 获取当前表格有多少行
  117.         for row_list in data_list:
  118.             table_widget.insertRow(current_row_count)  # 添加一行表格
  119.             # 写内容 写数据
  120.             for i, ele in enumerate(row_list):  # 循环列表序号 列表数据
  122.                 ele = STATUS_MAPPING[ele] if i == 6 else ele
  123.                 cell = QTableWidgetItem(str(ele))  # 设置列表内容对象为 json
  124.                 if i in [0, 4, 5, 6]:   #在第0456行 设置为不可编辑
  125.                     cell.setFlags(Qt.ItemIsSelectable | Qt.ItemIsEnabled)
  126.                 table_widget.setItem(current_row_count, i, cell)  # 设置表格内容
  127.                 # 行号 列表序号 内容
  128.             current_row_count += 1  # 行数+1
  130.         table_layout.addWidget(table_widget)  # 将表格组件添加到布局中
  131.         return table_layout
  133.     def init_footer(self):
  134.         # 4.创建底部的菜单
  135.         footer_layout = QHBoxLayout()  # 创建一个水平布局
  136.         self.label_statue = label_status = QLabel("未检测", self)
  137.         # 创建标签类 并且要在后面使用 所以用self 并且再生成一个不带self的
  138.         footer_layout.addWidget(label_status)
  139.         footer_layout.addStretch()  # 添加一个弹簧
  141.         # 4.1 创建按钮
  142.         btn_reinit = QPushButton("重新格式化")
  143.         footer_layout.addWidget(btn_reinit)
  145.         btn_recheck = QPushButton("重新检测")
  146.         footer_layout.addWidget(btn_recheck)
  148.         btn_recent_count = QPushButton("次数清零")
  149.         footer_layout.addWidget(btn_recent_count)
  151.         btn_delete = QPushButton("删除检测项")
  152.         footer_layout.addWidget(btn_delete)
  154.         btn_alert = QPushButton("SMTP报警配置")
  155.         footer_layout.addWidget(btn_alert)
  157.         return footer_layout
  160. if __name__ == "__main__":
  161.     app = QApplication(sys.argv)
  162.     window = MainWindow()
  163.     window.show()
  164.     sys.exit(app.exec_())