pycharm开发一个简单界面和通用mvc模板(操作方法图解)


Posted in Python onMay 27, 2020

文章首先使用pycharm的 PyQt5 Designer 做一个简单的界面,然后引入所谓的“mvc框架”。

一、设计登录界面

下面开始第一个话题,使用pycharm的 PyQt5 Designer 做一个简单的界面。

上一篇最后,在pycharm中配置了PyQt5 Designer 和 uic,接下来,使用这些工具,开发一个界面。

1、首先打开 Designer1) 在左侧任意位置(下图桔色框内)点击右键,弹出菜单,在External Tools 选中 PyQt5 Designer

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

2) 打开 Designer

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

3) 选择Main Windows ,点击创建

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

4)新窗口

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

5)修改窗口标题

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

6)保存到项目的main目录下,名称为 Main.ui

pycharm开发一个简单界面和通用mvc模板(操作方法图解)
pycharm开发一个简单界面和通用mvc模板(操作方法图解)

7) 转换图形文件为源代码

右键选中 Main.ui ,弹出菜单,选中 External Tools --> uic

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

生成源代码 Ui_Main.py
底部提示:Process finished with exit code 0 , 其中 0 表示成功。
如果是 -1 表示执行失败。

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

8)查看源代码

Designer图形工具设计后生成的源代码,图像定义的核心代码是 setupUi()方法。

# -*- coding: utf-8 -*-
# Form implementation generated from reading ui file 'D:\projects\pycharm\p377test\main\Main.ui'
#
# Created by: PyQt5 UI code generator 5.13.0
#
# WARNING! All changes made in this file will be lost!
from PyQt5 import QtCore, QtGui, QtWidgets
class Ui_MainWindow(object):
 def setupUi(self, MainWindow):
  MainWindow.setObjectName("MainWindow")
  MainWindow.resize(800, 600)
  self.centralwidget = QtWidgets.QWidget(MainWindow)
  self.centralwidget.setObjectName("centralwidget")
  MainWindow.setCentralWidget(self.centralwidget)
  self.menubar = QtWidgets.QMenuBar(MainWindow)
  self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))
  self.menubar.setObjectName("menubar")
  MainWindow.setMenuBar(self.menubar)
  self.statusbar = QtWidgets.QStatusBar(MainWindow)
  self.statusbar.setObjectName("statusbar")
  MainWindow.setStatusBar(self.statusbar)
  self.retranslateUi(MainWindow)
  QtCore.QMetaObject.connectSlotsByName(MainWindow)
 def retranslateUi(self, MainWindow):
  _translate = QtCore.QCoreApplication.translate
  MainWindow.setWindowTitle(_translate("MainWindow", "登录"))

9)总结

前面,用 PyQt5 Designer 设计了一个界面,保存为 ui 文件;
通过 uic 将 ui 文件转换成 py 代码。

这个py代码还不能执行,因为这些代码只是创建了界面的组件。

需要编写控制代码,才能显示界面。

二、通用mvc框架

引入mvc框架的可以解决图形界面代码覆盖的问题,实现界面和控制逻辑分离。

界面生成后,如果把控制逻辑也写进界面代码,下一次修改保存界面就会把控制逻辑代码覆盖。

因此,防止代码覆盖的角度,需要将控制逻辑和界面代码分离,这样无论如何怎样修改界面代码,也不影响控制逻辑的代码。

第二点,从设计模式为出发点,考虑客户端应用以及组件的控制方式,mvc模式是最佳的实践。通过将代码按照界面(View)、数据模型(Model)和控制逻辑(Control)进行划分,每一个部分关注应用的不同功能,代码分工清晰,责任明确。

1)新建控制代码

右键点击 main 目录,弹出菜单,选择 New -> Python File

pycharm开发一个简单界面和通用mvc模板(操作方法图解)
pycharm开发一个简单界面和通用mvc模板(操作方法图解)

pycharm开发一个简单界面和通用mvc模板(操作方法图解)

2)通用模板

在Main.py中,增加如下内容:

# -*- coding: utf-8 -*-
from PyQt5 import QtWidgets
import sys
from Ui_Main import Ui_MainWindow
class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow):
 # ---------------------------------------------------------------------------------
 #
 #  初始化
 #
 # ---------------------------------------------------------------------------------
 def __init__(self):
  super(MainWindow, self).__init__()
  self.setupUi(self)
if __name__ == '__main__': # 判断本文件是否是启动入口,__main__是系统赋给启动模块的变量值;
 app = QtWidgets.QApplication(sys.argv) # 如果是启动文件,则创建 Application 实例 app
 window = MainWindow()     # 创建 MainWindow 的实例 window
 window.show()       # 显示窗口
 sys.exit(app.exec_())     # 捕获 app 退出状态

这是一个通用的、最简单的模板。
通过 from Ui_Main import Ui_MainWindow导入图形界面的定义类。
通过继承的方式使用界面类,class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow),并在初始化方法中,调用图形定义代码 setupUi()

3) 设置源代码根目录

右键点击 main 目录,选择 Make Directory as --> Sources Root
pycharm开发一个简单界面和通用mvc模板(操作方法图解)

4) 运行

pycharm开发一个简单界面和通用mvc模板(操作方法图解)
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
上面第3)、4)步图中的 main.py 应为 Main.py。

总结

到此这篇关于pycharm开发一个简单界面和通用mvc模板(操作方法图解)的文章就介绍到这了,更多相关pycharm开发界面和通用mvc模板内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
python远程登录代码
Apr 29 Python
python实现寻找最长回文子序列的方法
Jun 02 Python
基于pandas将类别属性转化为数值属性的方法
Jul 25 Python
Python构建图像分类识别器的方法
Jan 12 Python
Python3转换html到pdf的不同解决方案
Mar 11 Python
Python 多线程,threading模块,创建子线程的两种方式示例
Sep 29 Python
python [:3] 实现提取数组中的数
Nov 27 Python
Python Numpy 自然数填充数组的实现
Nov 28 Python
Python TCPServer 多线程多客户端通信的实现
Dec 31 Python
Keras 使用 Lambda层详解
Jun 10 Python
Django修改app名称和数据表迁移方案实现
Sep 17 Python
使用tensorflow 实现反向传播求导
May 26 Python
Python列表如何更新值
May 27 #Python
Python模拟伯努利试验和二项分布代码实例
May 27 #Python
基于python纯函数实现井字棋游戏
May 27 #Python
Python实现读取并写入Excel文件过程解析
May 27 #Python
Python正则表达式如何匹配中文
May 27 #Python
使用python创建Excel工作簿及工作表过程图解
May 27 #Python
Python实现疫情通定时自动填写功能(附代码)
May 27 #Python
You might like
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
第六章 php目录与文件操作
2011/12/30 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
PHP后端银联支付及退款实例代码
2017/06/23 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
js脚本实现数据去重
2014/11/27 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
webpack之devtool详解
2018/02/10 Javascript
详解小程序rich-text对富文本支持方案
2018/11/28 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
python实现名片管理系统项目
2019/04/26 Python
python实现趣味图片字符化
2019/04/30 Python
Django 开发环境配置过程详解
2019/07/18 Python
Python3并发写文件与Python对比
2019/11/20 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
Django配置跨域并开发测试接口
2020/11/04 Python
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
晋江市人民政府党组群众路线教育实践活动整改方案
2014/10/25 职场文书
扬州个园导游词
2015/02/06 职场文书
小学端午节活动总结
2015/02/11 职场文书
求职信内容一般写什么?
2015/03/20 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书