Python 开发：设计一个简单的登录界面（附源码）

痛定思痛。 2022-12-30 08:09 266阅读 0赞

# 前言 #

本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理

**Python GUI编程：高清电影在线观看平台制作，全网电影免费看**

https://www.bilibili.com/video/BV1tz4y1o7Yc/

**案例：设计一个用户登录界面**

**工具：python PyQt5**

# 程序运行结果如下： #

（1）初始界面

![784d6c5ab62a4f40fb0d38f8c2bf0453.png][]

（2）输入“用户名”和“密码”，点击“登录”

![b4daafae9c2dc5fe61ec62e6b5b84cc1.png][]

（3）切换“管理员”和“普通用户”登录

![9f01b30be9ffe5ad74a8736e5aff8b90.png][]

![c2f136cfd21a10a3fbe6419160f82207.png][]

（4）点击“退出”按钮后界面退出

# 设计程序如下： #

# -*- coding: utf-8 -*-
    
    
    from PyQt5 import QtCore, QtGui, QtWidgets
    from PyQt5.QtGui import QPixmap, QIcon
    from PyQt5.QtWidgets import QMessageBox
    
    
    class Ui_MainWindow(object):
        def setupUi(self, MainWindow):
            MainWindow.setObjectName("MainWindow")
            MainWindow.resize(300, 180)
            self.centralwidget = QtWidgets.QWidget(MainWindow)
            self.centralwidget.setObjectName("centralwidget")
    
    
            self.label = QtWidgets.QLabel(self.centralwidget)
            self.label.setGeometry(QtCore.QRect(60, 30, 51, 16))
            self.label.setObjectName("label")
            self.label_2 = QtWidgets.QLabel(self.centralwidget)
            self.label_2.setGeometry(QtCore.QRect(60, 60, 51, 16))
            self.label_2.setObjectName("label_2")
    
    
            self.lineEdit = QtWidgets.QLineEdit(self.centralwidget)
            self.lineEdit.setGeometry(QtCore.QRect(120, 30, 113, 20))
            self.lineEdit.setObjectName("lineEdit")
    
    
            self.lineEdit_2 = QtWidgets.QLineEdit(self.centralwidget)
            self.lineEdit_2.setGeometry(QtCore.QRect(120, 60, 113, 20))
            self.lineEdit_2.setObjectName("lineEdit_2")
            self.lineEdit_2.setEchoMode(QtWidgets.QLineEdit.Password)  # 设置文本框为密码
            self.lineEdit_2.setValidator(QtGui.QIntValidator(10000000,99999999))  # 设置只能输入8位数字
            
            self.pushButton = QtWidgets.QPushButton(self.centralwidget)
            self.pushButton.setGeometry(QtCore.QRect(70, 120, 61, 27))
            self.pushButton.setObjectName("pushButton")
            self.pushButton.setIcon(QIcon(QPixmap("login.ico")))  # 为“登录”按钮设置图标
    
    
            self.label = QtWidgets.QLabel(self.centralwidget)
            self.label.setGeometry(QtCore.QRect(60, 30, 51, 16))
            self.label.setObjectName("label")
            self.label_2 = QtWidgets.QLabel(self.centralwidget)
            self.label_2.setGeometry(QtCore.QRect(60, 60, 51, 16))
            self.label_2.setObjectName("label_2")
    
    
            self.radioButton = QtWidgets.QRadioButton(self.centralwidget)
            self.radioButton.setGeometry(QtCore.QRect(70, 90, 71, 18))
            self.radioButton.setObjectName("radioButton")
            self.radioButton.setChecked(True)  # 设置“管理员单选按钮默认选中
    
    
            self.radioButton_2 = QtWidgets.QRadioButton(self.centralwidget)
            self.radioButton_2.setGeometry(QtCore.QRect(150, 90, 81, 18))
            self.radioButton_2.setObjectName("radioButton_2")
    
    
            self.pushButton_2 = QtWidgets.QPushButton(self.centralwidget)
            self.pushButton_2.setGeometry(QtCore.QRect(160, 120, 61, 27))
            self.pushButton_2.setObjectName("pushButton_2")
            self.pushButton_2.setIcon(QIcon(QPixmap("exit.ico")))  # 为“退出”按钮设置图标
    
    
            MainWindow.setCentralWidget(self.centralwidget)
            self.retranslateUi(MainWindow)
    
    
            self.pushButton.clicked.connect(self.login)  # 为“登录”按钮的clicked信号绑定自定义槽函数
            self.pushButton_2.clicked.connect(MainWindow.close)  # 为“退出”按钮的clicked信号绑定MainWindow窗口自带的close(）槽函数
            self.radioButton.toggled.connect(self.select)  # 为单选按钮的toggled信号绑定自定义槽函数
    
    
    
    
            self.menubar = QtWidgets.QMenuBar(MainWindow)
            self.menubar.setGeometry(QtCore.QRect(0, 0, 317, 26))
            self.menubar.setObjectName("menubar")
            MainWindow.setMenuBar(self.menubar)
            self.statusbar = QtWidgets.QStatusBar(MainWindow)
            self.statusbar.setObjectName("statusbar")
            MainWindow.setStatusBar(self.statusbar)
    
    
            QtCore.QMetaObject.connectSlotsByName(MainWindow)
        def login(self):
            from PyQt5.QtWidgets import QMessageBox
            # 使用information()方法弹出信息提示框
            QMessageBox.information(MainWindow, "登录信息", "用户名: " + self.lineEdit.text() +
                                    "  密码:" + self.lineEdit_2.text(), QMessageBox.Ok)
    
    
        # 自定义槽函数，用来判断用户登录身份
        def select(self):
            if self.radioButton.isChecked():    # 判断是否为管理员登录
                QMessageBox.information(MainWindow, "提示", "您选择的是 管理员 登录", QMessageBox.Ok)
            elif self.radioButton_2.isChecked():    # 判断是否为普通用户登录
                QMessageBox.information(MainWindow, "提示", "您选择的是 普通用户  登录", QMessageBox.Ok)
    
    
    
    
        def retranslateUi(self, MainWindow):
            _translate = QtCore.QCoreApplication.translate
            MainWindow.setWindowTitle(_translate("MainWindow", "系统登录"))
            self.label.setText(_translate("MainWindow", "用户名："))
            self.label_2.setText(_translate("MainWindow", "密 码："))
            self.pushButton.setText(_translate("MainWindow", "登录"))
            self.pushButton_2.setText(_translate("MainWindow", "退出"))
            self.radioButton.setText(_translate("MainWindow", "管理员"))
            self.radioButton_2.setText(_translate("MainWindow", "普通用户"))
    
    
    import sys
    if __name__ == '__main__':
        app = QtWidgets.QApplication(sys.argv)
        MainWindow = QtWidgets.QMainWindow()
        ui = Ui_MainWindow()
        ui.setupUi(MainWindow)
        MainWindow.show()
        sys.exit(app.exec_())

[784d6c5ab62a4f40fb0d38f8c2bf0453.png]: /images/20221120/0aa6db6c2c5c424d94ddf95a89a79ced.png
[b4daafae9c2dc5fe61ec62e6b5b84cc1.png]: https://img-blog.csdnimg.cn/img_convert/b4daafae9c2dc5fe61ec62e6b5b84cc1.png
[9f01b30be9ffe5ad74a8736e5aff8b90.png]: https://img-blog.csdnimg.cn/img_convert/9f01b30be9ffe5ad74a8736e5aff8b90.png
[c2f136cfd21a10a3fbe6419160f82207.png]: https://img-blog.csdnimg.cn/img_convert/c2f136cfd21a10a3fbe6419160f82207.png