PyQT5一起学做图书管理系统（4）登陆页面

古城微笑少年丶 2022-03-16 10:34 213阅读 0赞

# 登陆页面 #

## 环境 ##

系统：windows10系统  
编辑器：Sublime3  
编程语言：python3+pyqt5

## 前言 ##

本节登陆页面和注册页面有点类似，还是那句话哈，记得把数据库文件的代码先做好。

## 登陆页面逻辑 ##

界面显示，两个输入框，两个按钮就可以了。  
逻辑方面，限制输入框长度，输入内容类型限制，密码输入之后不可见，  
点击登陆之后，对比数据库，账号不存在重新输入，密码错误重新输入，完全一致才成功登陆

界面应该如下图所示，也可以参照qq登陆界面设计

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpcWl5aW5nc2U_size_16_color_FFFFFF_t_70][]

## 界面设计 ##

对于界面设计，可以使用QTCreator通过拖拽的方式来实现，然后再转换为python代码  
也可以全部直接写代码来实现，本文中全部是代码方式。  
UI界面很简洁：

正中间一个Lable输入标识  
2个Lable,2个输入框来输入登陆信息  
2个按钮

def setUpUI(self):
            self.Vlayout = QVBoxLayout(self)
            self.Hlayout1 = QHBoxLayout()
            self.Hlayout2 = QHBoxLayout()
            self.formlayout = QFormLayout()
    
            
    
            self.label1 = QLabel("账 号 : ")
            labelFont = QFont()
            labelFont.setPixelSize(18)
            lineEditFont = QFont()
            lineEditFont.setPixelSize(16)
            self.label1.setFont(labelFont)
            self.lineEdit1 = QLineEdit()
            self.lineEdit1.setFixedHeight(32)
            self.lineEdit1.setFixedWidth(180)
            self.lineEdit1.setFont(lineEditFont)
            self.lineEdit1.setMaxLength(10)
    
            self.formlayout.addRow(self.label1, self.lineEdit1)
    
            self.label2 = QLabel("密 码 : ")
            self.label2.setFont(labelFont)
            self.lineEdit2 = QLineEdit()
            self.lineEdit2.setFixedHeight(32)
            self.lineEdit2.setFixedWidth(180)
            self.lineEdit2.setMaxLength(16)
    
            # 设置验证
            reg = QRegExp("PB[0~9]{8}")
            pValidator = QRegExpValidator(self)
            pValidator.setRegExp(reg)
            self.lineEdit1.setValidator(pValidator)
    
            reg = QRegExp("[a-zA-z0-9]+$")
            pValidator.setRegExp(reg)
            self.lineEdit2.setValidator(pValidator)
    
            passwordFont = QFont()
            passwordFont.setPixelSize(16)
            self.lineEdit2.setFont(passwordFont)
    
            self.lineEdit2.setEchoMode(QLineEdit.Password)  #输入后就显示为星号
            self.lineEdit2.setEchoMode(QLineEdit.PasswordEchoOnEdit) #输入时为字符，失去焦点为星号
            self.formlayout.addRow(self.label2, self.lineEdit2)
    
    
            self.signIn = QPushButton("登 录")
            self.signIn.setFixedWidth(70)
            self.signIn.setFixedHeight(30)
            self.signIn.setFont(labelFont)
    
            self.signCancle = QPushButton("重 置")
            self.signCancle.setFixedWidth(70)
            self.signCancle.setFixedHeight(30)
            self.signCancle.setFont(labelFont)
            #self.signCancle.setStyleSheet('background-color: #505F69;border: 1px solid #32414B;color: #F0F0F0;border-radius: 4px;padding: 3px;outline: none;')
    
            self.testlayout=QHBoxLayout()
            self.testlayout.addWidget(self.signIn)
            self.testlayout.addWidget(self.signCancle)
            self.testwidget = QWidget()
            self.testwidget.setLayout(self.testlayout)
            self.formlayout.addRow('',self.testwidget)
            
    
            self.label = QLabel("欢迎使用图书馆管理系统")
            fontlabel = QFont()
            fontlabel.setPixelSize(30)
            self.label.setFixedWidth(390)
            #pixmap=QPixmap('index.jpg').scaled(self.label.width(), self.label.height())
            #self.label.setPixmap(pixmap)
            #self.label.setStyleSheet("QLabel{background-image:url(index.jpg)}") 
            # self.label.setFixedHeight(80)             #不设置宽度了
            self.label.setFont(fontlabel)
            self.Hlayout1.addWidget(self.label, Qt.AlignCenter)
            self.widget1 = QWidget()
            self.widget1.setLayout(self.Hlayout1)
            self.widget2 = QWidget()
            self.widget2.setFixedWidth(300)
            self.widget2.setFixedHeight(150)
            self.widget2.setLayout(self.formlayout)
            
            self.Hlayout2.addWidget(self.widget2, Qt.AlignCenter)
            self.widget = QWidget()
            self.widget.setLayout(self.Hlayout2)
            
            #background-image，当背景图片宽度高度小于窗口的宽度高度时，则会加载多个背景图片 
            #background-image，当背景图片的宽度高度大于窗口的宽度高度时，背景图片会平铺整个背景
           # self.widget1.setStyleSheet("QWidget{background-image:url(index.jpg);}")     #设置背景图片
            self.widget.setStyleSheet("QWidget{border-image:url(index.jpg)}")          # 使用border-image会自适应完全填充这个控件
            #self.widget1.setStyleSheet("color:green")                                  #设置字体颜色
            #self.widget1.setStyleSheet("color:red;background:yellow")                  #设置字体颜色和背景颜色
            self.Vlayout.addWidget(self.widget1)
            self.Vlayout.addWidget(self.widget, Qt.AlignTop)

## 初始化程序 ##

初始化UI界面和数据库文件

def __init__(self):
            super(SignInWidget, self).__init__()
            self.resize(900, 600)
            self.setWindowTitle("欢迎使用图书馆管理系统")
            self.setUpUI()
            self.userdb=UserDbManager()

## 注册事件 ##

首先是将注册信号和注册函数进行绑定，这部分是再UI设计中

self.signIn.clicked.connect(self.signInCheck)
            self.signCancle.clicked.connect(self.signInCancleReset)
            self.lineEdit2.returnPressed.connect(self.signInCheck)
            self.lineEdit1.returnPressed.connect(self.signInCheck)

然后来看重置功能：  
重置功能，就是把输入内容删除，所以直接调用lineEdit控件的clear()功能就好了

def signInCancleReset(self):
            self.lineEdit1.clear()  
            self.lineEdit2.clear()

注册功能:

1.什么都没输入，直接点击登陆按钮，就弹出告警信息直接返回  
2.当前账号没有注册，弹出告警信息，然后重置输入框  
3.一切信息正确，根据账号ID判断是否为管理员，然后发送不同的信号，登陆进入不同的窗口

def signInCheck(self):
            studentId = self.lineEdit1.text()
            password = self.lineEdit2.text()
            if (studentId == "" or password == ""):
                print(QMessageBox.warning(self, "警告", "学号和密码不可为空!", QMessageBox.Yes, QMessageBox.Yes))
                return
    
            hl = hashlib.md5()                                              #md5加密对象
            hl.update(password.encode(encoding='utf-8'))                    # 将密码更新为MD5加密对象
    
            userdata=self.userdb.querybyUserid(studentId)
            if (not userdata):
                #QMessageBox.information()返回值是一个整形变量,是点击按钮所代表的值
                # QMessageBox.Yes       =   16384
                # QMessageBox.No        =   65536
                # QMessageBox.Close     =   2097152
                # QMessageBox.Abort     =   262144
                # QMessageBox.Help     =   16777216
                print(QMessageBox.information(self, "提示", "该账号不存在,请重新输入!", QMessageBox.Yes))     
                self.signInCancleReset()
            else:
                #将输入的密码经过MD5加密之后，重新跟数据库中的值对比
                print( userdata[0][0] )
                print( userdata[0][1] )
                print( userdata[0][2] )
                print( userdata[0][3] )
                print( userdata[0][4] )
                if (studentId == userdata[0][0] and hl.hexdigest() == userdata[0][2]):     
                    # 如果是管理员， 再在数据库中，第三项代表是否是管理员，1为管理员，0不是
                    if (userdata[0][3]==1):
                        self.is_admin_signal.emit()
                    else:
                        self.is_student_signal.emit(studentId)
                else:
                    print(QMessageBox.information(self, "提示", "密码错误!", QMessageBox.Yes, QMessageBox.Yes))
            return

同样的本次代码可以单独改造一下适用于其他项目

## 完整的代码 ##

#!/usr/bin/env python
    # -*- coding: utf-8 -*-
    # @Date    : 2018-12-05 21:36:26
    # @Author  : Jimy_Fengqi (jmps515@163.com)
    # @Link    : https://blog.csdn.net/qiqiyingse/
    # @Version : $Id$
    
    import sys
    from PyQt5.QtWidgets import *
    from PyQt5.QtGui import *
    from PyQt5.QtCore import *
    import qdarkstyle
    import hashlib
    from PyQt5.QtSql import *
    from db.userInfoManager import UserDbManager
    import images
    class SignInWidget(QWidget):
        is_admin_signal = pyqtSignal()
        is_student_signal = pyqtSignal(str)
    
        def __init__(self):
            super(SignInWidget, self).__init__()
            self.resize(900, 600)
            self.setWindowTitle("欢迎使用图书馆管理系统")
            self.setUpUI()
            self.userdb=UserDbManager()
    
        def setUpUI(self):
            self.Vlayout = QVBoxLayout(self)
            self.Hlayout1 = QHBoxLayout()
            self.Hlayout2 = QHBoxLayout()
            self.formlayout = QFormLayout()
    
            
    
            self.label1 = QLabel("账 号 : ")
            labelFont = QFont()
            labelFont.setPixelSize(18)
            lineEditFont = QFont()
            lineEditFont.setPixelSize(16)
            self.label1.setFont(labelFont)
            self.lineEdit1 = QLineEdit()
            self.lineEdit1.setFixedHeight(32)
            self.lineEdit1.setFixedWidth(180)
            self.lineEdit1.setFont(lineEditFont)
            self.lineEdit1.setMaxLength(10)
    
            self.formlayout.addRow(self.label1, self.lineEdit1)
    
            self.label2 = QLabel("密 码 : ")
            self.label2.setFont(labelFont)
            self.lineEdit2 = QLineEdit()
            self.lineEdit2.setFixedHeight(32)
            self.lineEdit2.setFixedWidth(180)
            self.lineEdit2.setMaxLength(16)
    
            # 设置验证
            reg = QRegExp("PB[0~9]{8}")
            pValidator = QRegExpValidator(self)
            pValidator.setRegExp(reg)
            self.lineEdit1.setValidator(pValidator)
    
            reg = QRegExp("[a-zA-z0-9]+$")
            pValidator.setRegExp(reg)
            self.lineEdit2.setValidator(pValidator)
    
            passwordFont = QFont()
            passwordFont.setPixelSize(16)
            self.lineEdit2.setFont(passwordFont)
    
            self.lineEdit2.setEchoMode(QLineEdit.Password)  #输入后就显示为星号
            self.lineEdit2.setEchoMode(QLineEdit.PasswordEchoOnEdit) #输入时为字符，失去焦点为星号
            self.formlayout.addRow(self.label2, self.lineEdit2)
    
    
            self.signIn = QPushButton("登 录")
            self.signIn.setFixedWidth(70)
            self.signIn.setFixedHeight(30)
            self.signIn.setFont(labelFont)
    
            self.signCancle = QPushButton("重 置")
            self.signCancle.setFixedWidth(70)
            self.signCancle.setFixedHeight(30)
            self.signCancle.setFont(labelFont)
            #self.signCancle.setStyleSheet('background-color: #505F69;border: 1px solid #32414B;color: #F0F0F0;border-radius: 4px;padding: 3px;outline: none;')
    
            self.testlayout=QHBoxLayout()
            self.testlayout.addWidget(self.signIn)
            self.testlayout.addWidget(self.signCancle)
            self.testwidget = QWidget()
            self.testwidget.setLayout(self.testlayout)
            self.formlayout.addRow('',self.testwidget)
            
    
            self.label = QLabel("欢迎使用图书馆管理系统")
            fontlabel = QFont()
            fontlabel.setPixelSize(30)
            self.label.setFixedWidth(390)
            #pixmap=QPixmap('index.jpg').scaled(self.label.width(), self.label.height())
            #self.label.setPixmap(pixmap)
            #self.label.setStyleSheet("QLabel{background-image:url(index.jpg)}") 
            # self.label.setFixedHeight(80)             #不设置宽度了
            self.label.setFont(fontlabel)
            self.Hlayout1.addWidget(self.label, Qt.AlignCenter)
            self.widget1 = QWidget()
            self.widget1.setLayout(self.Hlayout1)
            self.widget2 = QWidget()
            self.widget2.setFixedWidth(300)
            self.widget2.setFixedHeight(150)
            self.widget2.setLayout(self.formlayout)
            
            self.Hlayout2.addWidget(self.widget2, Qt.AlignCenter)
            self.widget = QWidget()
            self.widget.setLayout(self.Hlayout2)
            
            #background-image，当背景图片宽度高度小于窗口的宽度高度时，则会加载多个背景图片 
            #background-image，当背景图片的宽度高度大于窗口的宽度高度时，背景图片会平铺整个背景
           # self.widget1.setStyleSheet("QWidget{background-image:url(index.jpg);}")     #设置背景图片
            self.widget.setStyleSheet("QWidget{border-image:url(index.jpg)}")          # 使用border-image会自适应完全填充这个控件
            #self.widget1.setStyleSheet("color:green")                                  #设置字体颜色
            #self.widget1.setStyleSheet("color:red;background:yellow")                  #设置字体颜色和背景颜色
            self.Vlayout.addWidget(self.widget1)
            self.Vlayout.addWidget(self.widget, Qt.AlignTop)
    
            self.signIn.clicked.connect(self.signInCheck)
            self.signCancle.clicked.connect(self.signInCancleReset)
            self.lineEdit2.returnPressed.connect(self.signInCheck)
            self.lineEdit1.returnPressed.connect(self.signInCheck)
    
        def signInCancleReset(self):
            self.lineEdit1.clear()  
            self.lineEdit2.clear()  
    
    
        def signInCheck(self):
            studentId = self.lineEdit1.text()
            password = self.lineEdit2.text()
            if (studentId == "" or password == ""):
                print(QMessageBox.warning(self, "警告", "学号和密码不可为空!", QMessageBox.Yes, QMessageBox.Yes))
                return
    
            hl = hashlib.md5()                                              #md5加密对象
            hl.update(password.encode(encoding='utf-8'))                    # 将密码更新为MD5加密对象
    
            userdata=self.userdb.querybyUserid(studentId)
            if (not userdata):
                #QMessageBox.information()返回值是一个整形变量,是点击按钮所代表的值
                # QMessageBox.Yes       =   16384
                # QMessageBox.No        =   65536
                # QMessageBox.Close     =   2097152
                # QMessageBox.Abort     =   262144
                # QMessageBox.Help     =   16777216
                print(QMessageBox.information(self, "提示", "该账号不存在,请重新输入!", QMessageBox.Yes))     
                self.signInCancleReset()
            else:
                #将输入的密码经过MD5加密之后，重新跟数据库中的值对比
                print( userdata[0][0] )
                print( userdata[0][1] )
                print( userdata[0][2] )
                print( userdata[0][3] )
                print( userdata[0][4] )
                if (studentId == userdata[0][0] and hl.hexdigest() == userdata[0][2]):     
                    # 如果是管理员， 再在数据库中，第三项代表是否是管理员，1为管理员，0不是
                    if (userdata[0][3]==1):
                        self.is_admin_signal.emit()
                    else:
                        self.is_student_signal.emit(studentId)
                else:
                    print(QMessageBox.information(self, "提示", "密码错误!", QMessageBox.Yes, QMessageBox.Yes))
            return
    
    
    if __name__ == "__main__":
        app = QApplication(sys.argv)
        app.setWindowIcon(QIcon(":/images/MainWindow_1.png"))
        #app.setStyleSheet(qdarkstyle.load_stylesheet_pyqt5())
        
    
        mainMindow = SignInWidget()
        mainMindow.show()
        sys.exit(app.exec_())

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpcWl5aW5nc2U_size_16_color_FFFFFF_t_70]: /images/20220316/b23b10330f224329a12e431cf2a616b9.png