pyqt5登录界面设计——模仿qq登录界面，可登录注册（数据库）

淡淡的烟草味﹌ 2022-12-29 09:47 441阅读 0赞

pyqt5登录界面设计——模仿qq登录界面

  • 一、简单易用的可直接登录的界面——账号密码程序写死
    • 1.1、效果图：
    • 1.2、视频效果图
  • 3、代码说明
  • 4、使用示例
  • 5、全部源码见：
  • 二、带数据库的可登录注册
    • 效果图

今天给大家分享一个十分不错的pyqt5实现的登录界面，很像qq的登录界面，你可以将此登录界面用到自己的项目中，甚至完全不用修改，只需在自己项目中运行该py文件即可，在输入正确的账号和密码后，就可以进入的自己的主界面。

一、简单易用的可直接登录的界面——账号密码程序写死

1.1、效果图：

在这里插入图片描述

1.2、视频效果图

西瓜视频——pyqt5实现登录界面

3、代码说明

首先最开始，我们自己用代码编写了一个标题栏，用于美化我们的登录界面，但是这个和你主界面的并无关系。在代码190行第载入了一张图片，这个图片你可以随意改变。

  1. palette1.setBrush(self.backgroundRole(), QtGui.QBrush(
  2.     QtGui.QPixmap('log0.jpg')))  # 设置登录背景图片

然后在536行，我们可以调整登录界面大小。

  1. mainWnd.setFixedSize(QSize(650,500))  #因为这里固定了大小，所以窗口的大小没有办法任意调整，想要使resizeWidget函数生效的话要把这里去掉，自己调节布局和窗口大小

在511行 on_pushButton_enter_clicked函数中，实现了一个账号和密码判断的函数，如果输入正确，则销毁登录界面，login_main.py函数运行结束，可以进入到你的主界面。这里的账号名和密码你可以随便改动

4、使用示例

假如我的原主界面函数如下：

  1. app = QtWidgets.QApplication(sys.argv)
  3.     MainWindow = QtWidgets.QMainWindow()
  4.     ui = Ui_MainWindow()
  5.     ui.setupUi(MainWindow)
  6.     MainWindow.show()
  7.     sys.exit(app.exec_())

想加入登录界面，只需要在第二行直接插入

  1. os.system('python login_main.py')  #执行login_main.py文件

即

  1. app = QtWidgets.QApplication(sys.argv)
  2.     os.system('python login_main.py')  #执行login_main.py文件，即登录界面
  3.     MainWindow = QtWidgets.QMainWindow()
  4.     ui = Ui_MainWindow()
  5.     ui.setupUi(MainWindow)
  6.     MainWindow.show()
  7.     sys.exit(app.exec_())

就可以实现，登录界面，在输入正确的账号和密码后，就可以调到主界面。

5、全部源码见：

登录界面源代码

二、带数据库的可登录注册

效果图

在这里插入图片描述
在这里插入图片描述

  1. #login_main.py
  3. #!/usr/bin/env python
  4. # -*- coding:utf-8 -*-
  5. # Author: diyun
  6. # time：2020.9.7
  7. import pymysql
  8. from PyQt5.QtCore import Qt, pyqtSignal, QPoint
  9. from PyQt5.QtGui import QFont, QEnterEvent, QPainter, QColor, QPen
  10. from PyQt5.QtWidgets import QHBoxLayout, QLabel,QSpacerItem, QSizePolicy
  11. from PyQt5.QtWidgets import QWidget, QVBoxLayout, QPushButton, QTextEdit
  12. from PyQt5 import QtGui
  13. import sys
  15. from PyQt5.QtCore import QSize
  16. from PyQt5.QtWidgets import QApplication
  17. from PyQt5.QtCore import Qt
  18. from PyQt5.QtWidgets import QComboBox
  19. from PyQt5.QtWidgets import QGridLayout
  20. from PyQt5.QtWidgets import QLineEdit
  21. from PyQt5.QtWidgets import QLabel
  22. from PyQt5.QtGui import QIcon
  23. from PyQt5.QtWidgets import QWidget, QVBoxLayout, QPushButton, QTextEdit
  24. from PyQt5 import QtWidgets
  25. from PyQt5.QtWidgets import *
  26. from PyQt5.QtGui import *
  27. from PyQt5 import QtGui
  28. from PyQt5.QtGui import QFont
  30. StyleSheet = """ /*最小化最大化关闭按钮通用默认背景*/ #buttonMinimum,#buttonMaximum,#buttonClose { border: none; } #buttonClose,#buttonMaximum,#buttonMinimum{ color:grey; } /*悬停*/ #buttonMinimum:hover,#buttonMaximum:hover { color: white; } #buttonClose:hover { color: white; } /*鼠标按下不放*/ #buttonMinimum:pressed,#buttonMaximum:pressed { color:grey; } #buttonClose:pressed { color: white; } """
  31. class TitleBar(QWidget):
  33.     # 窗口最小化信号
  34.     windowMinimumed = pyqtSignal()
  35.     # 窗口最大化信号
  36.     windowMaximumed = pyqtSignal()
  37.     # 窗口还原信号
  38.     windowNormaled = pyqtSignal()
  39.     # 窗口关闭信号
  40.     windowClosed = pyqtSignal()
  42.     # 窗口移动
  43.     windowMoved = pyqtSignal(QPoint)
  45.     def __init__(self, *args, **kwargs):
  46.         super(TitleBar, self).__init__(*args, **kwargs)
  47.         self.setStyleSheet(StyleSheet)
  48.         self.mPos = None
  49.         self.iconSize = 20  # 图标的默认大小
  51.         # 布局
  52.         layout = QHBoxLayout(self, spacing=0)
  53.         layout.setContentsMargins(0, 0, 0, 0)
  54.         # 窗口图标
  55.         self.iconLabel = QLabel(self)
  56. # self.iconLabel.setScaledContents(True)
  57.         layout.addWidget(self.iconLabel)
  58.         # 窗口标题
  59.         self.titleLabel = QLabel(self)
  60.         self.titleLabel.setStyleSheet("color:grey")
  61.         self.titleLabel.setMargin(2)
  62.         layout.addWidget(self.titleLabel)
  63.         # 中间伸缩条
  64.         layout.addSpacerItem(QSpacerItem(
  65.             40, 20, QSizePolicy.Expanding, QSizePolicy.Minimum))
  66.         # 利用Webdings字体来显示图标
  67.         font = self.font() or QFont()
  68.         font.setFamily('Webdings')
  69.         # 最小化按钮
  70.         self.buttonMinimum = QPushButton(
  71.             '0', self, clicked=self.windowMinimumed.emit, font=font, objectName='buttonMinimum')
  72.         layout.addWidget(self.buttonMinimum)
  73.         # 最大化/还原按钮
  74.         self.buttonMaximum = QPushButton(
  75.             '1', self, clicked=self.showMaximized, font=font, objectName='buttonMaximum')
  76.         layout.addWidget(self.buttonMaximum)
  77.         # 关闭按钮
  78.         self.buttonClose = QPushButton(
  79.             'r', self, clicked=self.windowClosed.emit, font=font, objectName='buttonClose')
  80.         layout.addWidget(self.buttonClose)
  81.         # 初始高度
  82.         self.setHeight()
  84.     def showMaximized(self):
  85.         if self.buttonMaximum.text() == '1':
  86.             # 最大化
  87.             self.buttonMaximum.setText('2')
  88.             self.windowMaximumed.emit()
  89.         else:  # 还原
  90.             self.buttonMaximum.setText('1')
  91.             self.windowNormaled.emit()
  93.     def setHeight(self, height=38):
  94.         """设置标题栏高度"""
  95.         self.setMinimumHeight(height)
  96.         self.setMaximumHeight(height)
  97.         # 设置右边按钮的大小
  98.         self.buttonMinimum.setMinimumSize(height, height)
  99.         self.buttonMinimum.setMaximumSize(height, height)
  100.         self.buttonMaximum.setMinimumSize(height, height)
  101.         self.buttonMaximum.setMaximumSize(height, height)
  102.         self.buttonClose.setMinimumSize(height, height)
  103.         self.buttonClose.setMaximumSize(height, height)
  105.     def setTitle(self, title):
  106.         """设置标题"""
  107.         self.titleLabel.setText(title)
  109.     def setIcon(self, icon):
  110.         """设置图标"""
  111.         self.iconLabel.setPixmap(icon.pixmap(self.iconSize, self.iconSize))
  113.     def setIconSize(self, size):
  114.         """设置图标大小"""
  115.         self.iconSize = size
  117.     def enterEvent(self, event):
  118.         self.setCursor(Qt.ArrowCursor)
  119.         super(TitleBar, self).enterEvent(event)
  121.     def mouseDoubleClickEvent(self, event):
  122.         super(TitleBar, self).mouseDoubleClickEvent(event)
  123.         self.showMaximized()
  125.     def mousePressEvent(self, event):
  126.         """鼠标点击事件"""
  127.         if event.button() == Qt.LeftButton:
  128.             self.mPos = event.pos()
  129.         event.accept()
  131.     def mouseReleaseEvent(self, event):
  132.         '''鼠标弹起事件'''
  133.         self.mPos = None
  134.         event.accept()
  136.     def mouseMoveEvent(self, event):
  137.         if event.buttons() == Qt.LeftButton and self.mPos:
  138.             self.windowMoved.emit(self.mapToGlobal(event.pos() - self.mPos))
  139.         event.accept()
  141. # 枚举左上右下以及四个定点
  142. Left, Top, Right, Bottom, LeftTop, RightTop, LeftBottom, RightBottom = range(8)
  144. class FramelessWindow(QWidget):
  146.     # 四周边距
  147.     Margins = 5
  149.     def __init__(self, *args, **kwargs):
  150.         super(FramelessWindow, self).__init__(*args, **kwargs)
  151.         palette1 = QtGui.QPalette()
  152.         palette1.setBrush(self.backgroundRole(), QtGui.QBrush(
  153.             QtGui.QPixmap('./input/log0.jpg')))  # 设置登录背景图片
  154.         self.setPalette(palette1)
  155.         self.setAutoFillBackground(True)
  156.         self.setGeometry(300, 300, 250, 150)
  157.         self._pressed = False
  158.         self.Direction = None
  159.         # 无边框
  160.         self.setWindowFlags(Qt.FramelessWindowHint)  # 隐藏边框
  161.         # 鼠标跟踪
  162.         self.setMouseTracking(True)
  163.         # 布局
  164.         layout = QVBoxLayout(self, spacing=0)
  165.         layout.setContentsMargins(0,0,0,0)
  166.         # 标题栏
  167.         self.titleBar = TitleBar(self)
  168.         layout.addWidget(self.titleBar)
  169.         # 信号槽
  170.         self.titleBar.windowMinimumed.connect(self.showMinimized)
  171.         self.titleBar.windowMaximumed.connect(self.showMaximized)
  172.         self.titleBar.windowNormaled.connect(self.showNormal)
  173.         self.titleBar.windowClosed.connect(self.close)
  174.         self.titleBar.windowMoved.connect(self.move)
  175.         self.windowTitleChanged.connect(self.titleBar.setTitle)
  176.         self.windowIconChanged.connect(self.titleBar.setIcon)
  178.     #def setTitleBarHeight(self, height=38):
  179.     def setTitleBarHeight(self, height=50):
  180.         """设置标题栏高度"""
  181.         self.titleBar.setHeight(height)
  183.     def setIconSize(self, size):
  184.         """设置图标的大小"""
  185.         self.titleBar.setIconSize(size)
  187.     def setWidget(self, widget):
  188.         """设置自己的控件"""
  189.         if hasattr(self, '_widget'):
  190.             return
  191.         self._widget = widget
  192.         # 设置默认背景颜色,否则由于受到父窗口的影响导致透明
  193.         self._widget.setAutoFillBackground(True)
  194.         self._widget.installEventFilter(self)
  195.         self.layout().addWidget(self._widget)
  197.     def move(self, pos):
  198.         if self.windowState() == Qt.WindowMaximized or self.windowState() == Qt.WindowFullScreen:
  199.             # 最大化或者全屏则不允许移动
  200.             return
  201.         super(FramelessWindow, self).move(pos)
  203.     def showMaximized(self):
  204.         """最大化,要去除上下左右边界,如果不去除则边框地方会有空隙"""
  205.         super(FramelessWindow, self).showMaximized()
  206.         self.layout().setContentsMargins(0, 0, 0, 0)
  208.     def showNormal(self):
  209.         """还原,要保留上下左右边界,否则没有边框无法调整"""
  210.         super(FramelessWindow, self).showNormal()
  211.         self.layout().setContentsMargins(0, 0, 0, 0)
  213.     def eventFilter(self, obj, event):
  214.         """事件过滤器,用于解决鼠标进入其它控件后还原为标准鼠标样式"""
  215.         if isinstance(event, QEnterEvent):
  216.             self.setCursor(Qt.ArrowCursor)
  217.         return super(FramelessWindow, self).eventFilter(obj, event)
  219.     def paintEvent(self, event):
  220.         """由于是全透明背景窗口,重绘事件中绘制透明度为1的难以发现的边框,用于调整窗口大小"""
  221.         super(FramelessWindow, self).paintEvent(event)
  222.         painter = QPainter(self)
  223.         painter.setPen(QPen(QColor(255, 255, 255, 1), 2 * self.Margins))
  224.         painter.drawRect(self.rect())
  226.     def mousePressEvent(self, event):
  227.         """鼠标点击事件"""
  228.         super(FramelessWindow, self).mousePressEvent(event)
  229.         if event.button() == Qt.LeftButton:
  230.             self._mpos = event.pos()
  231.             self._pressed = True
  233.     def mouseReleaseEvent(self, event):
  234.         '''鼠标弹起事件'''
  235.         super(FramelessWindow, self).mouseReleaseEvent(event)
  236.         self._pressed = False
  237.         self.Direction = None
  239.     def mouseMoveEvent(self, event):
  240.         """鼠标移动事件"""
  241.         super(FramelessWindow, self).mouseMoveEvent(event)
  242.         pos = event.pos()
  243.         xPos, yPos = pos.x(), pos.y()
  244.         wm, hm = self.width() - self.Margins, self.height() - self.Margins
  245.         if self.isMaximized() or self.isFullScreen():
  246.             self.Direction = None
  247.             self.setCursor(Qt.ArrowCursor)
  248.             return
  249.         if event.buttons() == Qt.LeftButton and self._pressed:
  250.             self._resizeWidget(pos)
  251.             return
  252.         if xPos <= self.Margins and yPos <= self.Margins:
  253.             # 左上角
  254.             self.Direction = LeftTop
  255.             self.setCursor(Qt.SizeFDiagCursor)
  256.         elif wm <= xPos <= self.width() and hm <= yPos <= self.height():
  257.             # 右下角
  258.             self.Direction = RightBottom
  259.             self.setCursor(Qt.SizeFDiagCursor)
  260.         elif wm <= xPos and yPos <= self.Margins:
  261.             # 右上角
  262.             self.Direction = RightTop
  263.             self.setCursor(Qt.SizeBDiagCursor)
  264.         elif xPos <= self.Margins and hm <= yPos:
  265.             # 左下角
  266.             self.Direction = LeftBottom
  267.             self.setCursor(Qt.SizeBDiagCursor)
  268.         elif 0 <= xPos <= self.Margins and self.Margins <= yPos <= hm:
  269.             # 左边
  270.             self.Direction = Left
  271.             self.setCursor(Qt.SizeHorCursor)
  272.         elif wm <= xPos <= self.width() and self.Margins <= yPos <= hm:
  273.             # 右边
  274.             self.Direction = Right
  275.             self.setCursor(Qt.SizeHorCursor)
  276.         elif self.Margins <= xPos <= wm and 0 <= yPos <= self.Margins:
  277.             # 上面
  278.             self.Direction = Top
  279.             self.setCursor(Qt.SizeVerCursor)
  280.         elif self.Margins <= xPos <= wm and hm <= yPos <= self.height():
  281.             # 下面
  282.             self.Direction = Bottom
  283.             self.setCursor(Qt.SizeVerCursor)
  285.     def _resizeWidget(self, pos):
  286.         """调整窗口大小"""
  287.         if self.Direction == None:
  288.             return
  289.         mpos = pos - self._mpos
  290.         xPos, yPos = mpos.x(), mpos.y()
  291.         geometry = self.geometry()
  292.         x, y, w, h = geometry.x(), geometry.y(), geometry.width(), geometry.height()
  293.         if self.Direction == LeftTop:  # 左上角
  294.             if w - xPos > self.minimumWidth():
  295.                 x += xPos
  296.                 w -= xPos
  297.             if h - yPos > self.minimumHeight():
  298.                 y += yPos
  299.                 h -= yPos
  300.         elif self.Direction == RightBottom:  # 右下角
  301.             if w + xPos > self.minimumWidth():
  302.                 w += xPos
  303.                 self._mpos = pos
  304.             if h + yPos > self.minimumHeight():
  305.                 h += yPos
  306.                 self._mpos = pos
  307.         elif self.Direction == RightTop:  # 右上角
  308.             if h - yPos > self.minimumHeight():
  309.                 y += yPos
  310.                 h -= yPos
  311.             if w + xPos > self.minimumWidth():
  312.                 w += xPos
  313.                 self._mpos.setX(pos.x())
  314.         elif self.Direction == LeftBottom:  # 左下角
  315.             if w - xPos > self.minimumWidth():
  316.                 x += xPos
  317.                 w -= xPos
  318.             if h + yPos > self.minimumHeight():
  319.                 h += yPos
  320.                 self._mpos.setY(pos.y())
  321.         elif self.Direction == Left:  # 左边
  322.             if w - xPos > self.minimumWidth():
  323.                 x += xPos
  324.                 w -= xPos
  325.             else:
  326.                 return
  327.         elif self.Direction == Right:  # 右边
  328.             if w + xPos > self.minimumWidth():
  329.                 w += xPos
  330.                 self._mpos = pos
  331.             else:
  332.                 return
  333.         elif self.Direction == Top:  # 上面
  334.             if h - yPos > self.minimumHeight():
  335.                 y += yPos
  336.                 h -= yPos
  337.             else:
  338.                 return
  339.         elif self.Direction == Bottom:  # 下面
  340.             if h + yPos > self.minimumHeight():
  341.                 h += yPos
  342.                 self._mpos = pos
  343.             else:
  344.                 return
  345.         self.setGeometry(x, y, w, h)
  355. StyleSheet_2 = """ QComboBox{ height: 20px; border-radius: 4px; border: 1px solid rgb(111, 156, 207); background: white; } QComboBox:enabled{ color: grey; } QComboBox:!enabled { color: rgb(80, 80, 80); } QComboBox:enabled:hover, QComboBox:enabled:focus { color: rgb(51, 51, 51); } QComboBox::drop-down { background: transparent; } QComboBox::drop-down:hover { background: lightgrey; } QComboBox QAbstractItemView { border: 1px solid rgb(111, 156, 207); background: white; outline: none; } QLineEdit { border-radius: 4px; height: 20px; border: 1px solid rgb(111, 156, 207); background: white; } QLineEdit:enabled { color: rgb(84, 84, 84); } QLineEdit:enabled:hover, QLineEdit:enabled:focus { color: rgb(51, 51, 51); } QLineEdit:!enabled { color: rgb(80, 80, 80); } """   #QComobox和QLineEdite的样式
  357. StyleSheet_btn = """ QPushButton{ height:30px; background-color: transparent; color: grey; border: 2px solid #555555; border-radius: 6px; } QPushButton:hover { background-color: blue; border-radius: 6px; } """  #登录Button的样式
  359. class loginWnd(QWidget):
  360.     '''登录窗口'''
  361.     def __init__(self, *args, **kwargs):
  362.         super(loginWnd, self).__init__()
  364.         self._layout = QVBoxLayout(spacing=0)
  365.         self._layout.setContentsMargins(0, 0, 0, 0)
  366.         self.setAutoFillBackground(True)
  367.         self.setWindowOpacity(0.9)#透明度
  369.         self.setLayout(self._layout)
  371.         self._setup_ui()
  373.     def _setup_ui(self):
  375.         self.main_layout = QGridLayout()
  377.         self.main_layout.setAlignment(Qt.AlignCenter)
  379.         name_label = QLabel('账号：')
  380.         name_label.setStyleSheet("color:black;")#设置颜色
  381.         name_label.setFont(QFont("SimSun", 13, 50))#设置字体及大小 第一个参数是字体（微软雅黑），第二个是字体大小，第三个是加粗（50代表正常）
  382.         passwd_label = QLabel('密码：')
  383.         passwd_label.setStyleSheet("color:black;")
  384.         passwd_label.setFont(QFont("SimSun", 13, 50))
  386.         # self.name_box = QComboBox()
  387.         # self.name_box.setEditable(True)
  388.         self.name_box = QLineEdit()
  389.         #self.name_box.setEchoMode(QLineEdit.Password)
  390.         #self.name_box.setEditable(True)
  391.         self.passwd_box = QLineEdit()
  392.         self.passwd_box.setEchoMode(QLineEdit.Password)
  394.         self.name_box.setStyleSheet(StyleSheet_2)
  395.         self.passwd_box.setStyleSheet(StyleSheet_2)
  397.         label = QLabel()
  399.         login_btn = QPushButton("登录")
  400.         login_btn.setStyleSheet(StyleSheet_btn)
  401.         login_btn.setStyleSheet("color:red;")
  402.         login_btn.setFont(QFont("Microsoft YaHei", 15, 50))
  403.         self.main_layout.addWidget(name_label,0,0,1,1)    #坐标（0，0）的组件占用一行一列
  404.         self.main_layout.addWidget(passwd_label,1,0,1,1)
  405.         self.main_layout.addWidget(self.name_box,0,1,1,2)
  406.         self.main_layout.addWidget(self.passwd_box,1,1,1, 2)
  407.         self.main_layout.addWidget(label,3,0,1,3)
  408.         self.main_layout.addWidget(login_btn,4,0,1,3)
  410.         self._layout.addLayout(self.main_layout)
  411.         ###### 绑定按钮事件
  412.         login_btn.clicked.connect(self.on_pushButton_enter_clicked)
  414.         regist_btn = QPushButton("注册")
  415.         regist_btn.setStyleSheet(StyleSheet_btn)
  416.         regist_btn.setStyleSheet("color:red;")
  417.         regist_btn.setFont(QFont("Microsoft YaHei", 15, 50))
  418.         self.main_layout.addWidget(name_label, 0, 0, 1, 1)  # 坐标（0，0）的组件占用一行一列
  419.         self.main_layout.addWidget(passwd_label, 1, 0, 1, 1)
  420.         self.main_layout.addWidget(self.name_box, 0, 1, 1, 2)
  421.         self.main_layout.addWidget(self.passwd_box, 1, 1, 1, 2)
  422.         self.main_layout.addWidget(label, 3, 0, 1, 3)
  423.         self.main_layout.addWidget(regist_btn, 5, 0, 1, 3)
  425.         self._layout.addLayout(self.main_layout)
  426.         ###### 绑定按钮事件
  427.         login_btn.clicked.connect(self.on_pushButton_enter_clicked)
  428.         regist_btn.clicked.connect(self.on_pushButton_regist_clicked)
  430.     def on_pushButton_regist_clicked(self, text):
  431.         print("进入注册界面")
  432.         mainWnd.hide()  # 关闭登陆界面，在这之后就可以进入你编写的其他界面了
  433.         mainWnd2.show()
  436.     def on_pushButton_enter_clicked(self, text):
  437.         print("进入账号判断函数")
  438.         db = pymysql.connect(host='localhost', user='root', password='root', charset='utf8mb4', db='fire')
  439.         #这里要提前在数据库中新建相关的表格
  441.         # 使用cursor()方法获取操作游标
  442.         cursor = db.cursor()
  444.         # SQL 查询语句
  445.         cursor.execute("SELECT * FROM userinfo")
  447.         # 使用fetall()获取全部数据
  448.         data = cursor.fetchall()
  450.         # 打印获取到的数据
  451.         for i in range(len(data)):
  452.             print(data[i][1])
  453.             print(data[i][2])
  454.             if self.name_box.text() == data[i][1]:
  455.                 print("账号正确")
  456.                 if self.passwd_box.text() == data[i][2]:
  457.                   print("密码正确")
  458.                   mainWnd.close()  # 关闭登陆界面，在这之后就可以进入你编写的其他界面了。
  459.         cursor.close()
  460.         db.close()
  463. class regist(QWidget):
  464.     '''登录窗口'''
  465.     def __init__(self, *args, **kwargs):
  466.         super(regist, self).__init__()
  468.         self._layout = QVBoxLayout(spacing=0)
  469.         self._layout.setContentsMargins(0, 0, 0, 0)
  470.         self.setAutoFillBackground(True)
  471.         self.setWindowOpacity(0.9)#透明度
  473.         self.setLayout(self._layout)
  475.         self._setup_ui()
  477.     def _setup_ui(self):
  479.         self.main_layout = QGridLayout()
  481.         self.main_layout.setAlignment(Qt.AlignCenter)
  483.         name_label = QLabel('账号：')
  484.         name_label.setStyleSheet("color:black;")#设置颜色
  485.         name_label.setFont(QFont("SimSun", 13, 50))#设置字体及大小 第一个参数是字体（微软雅黑），第二个是字体大小，第三个是加粗（50代表正常）
  486.         passwd_label = QLabel('密码：')
  487.         passwd_label.setStyleSheet("color:black;")
  488.         passwd_label.setFont(QFont("SimSun", 13, 50))
  490.         # self.name_box = QComboBox()
  491.         # self.name_box.setEditable(True)
  492.         self.name_box = QLineEdit()
  493.         #self.name_box.setEchoMode(QLineEdit.Password)
  494.         #self.name_box.setEditable(True)
  495.         self.passwd_box = QLineEdit()
  496.         self.passwd_box.setEchoMode(QLineEdit.Password)
  498.         self.name_box.setStyleSheet(StyleSheet_2)
  499.         self.passwd_box.setStyleSheet(StyleSheet_2)
  501.         label = QLabel()
  503.         login_btn = QPushButton("确认提交")
  504.         login_btn.setStyleSheet(StyleSheet_btn)
  505.         login_btn.setStyleSheet("color:red;")
  506.         login_btn.setFont(QFont("Microsoft YaHei", 15, 50))
  507.         self.main_layout.addWidget(name_label,0,0,1,1)    #坐标（0，0）的组件占用一行一列
  508.         self.main_layout.addWidget(passwd_label,1,0,1,1)
  509.         self.main_layout.addWidget(self.name_box,0,1,1,2)
  510.         self.main_layout.addWidget(self.passwd_box,1,1,1, 2)
  511.         self.main_layout.addWidget(label,3,0,1,3)
  512.         self.main_layout.addWidget(login_btn,4,0,1,3)
  514.         self._layout.addLayout(self.main_layout)
  515.         ###### 绑定按钮事件
  517.         regist_btn = QPushButton("返回登录")
  518.         regist_btn.setStyleSheet(StyleSheet_btn)
  519.         regist_btn.setStyleSheet("color:red;")
  520.         regist_btn.setFont(QFont("Microsoft YaHei", 15, 50))
  521.         self.main_layout.addWidget(name_label, 0, 0, 1, 1)  # 坐标（0，0）的组件占用一行一列
  522.         self.main_layout.addWidget(passwd_label, 1, 0, 1, 1)
  523.         self.main_layout.addWidget(self.name_box, 0, 1, 1, 2)
  524.         self.main_layout.addWidget(self.passwd_box, 1, 1, 1, 2)
  525.         self.main_layout.addWidget(label, 3, 0, 1, 3)
  526.         self.main_layout.addWidget(regist_btn, 5, 0, 1, 3)
  528.         self._layout.addLayout(self.main_layout)
  529.         ###### 绑定按钮事件
  530.         login_btn.clicked.connect(self.on_pushButton_tijiao_clicked)
  531.         regist_btn.clicked.connect(self.on_pushButton_fanhui_clicked)
  533.     def on_pushButton_fanhui_clicked(self, text):
  534.         print("进入登录界面")
  535.         mainWnd2.hide()  # 关闭登陆界面，在这之后就可以进入你编写的其他界面了
  536.         mainWnd.show()
  538.     def on_pushButton_regist_clicked(self, text):
  539.         print("进入注册界面")
  540.         mainWnd.hide()  # 关闭登陆界面，在这之后就可以进入你编写的其他界面了
  541.         mainWnd2.show()
  543.     def on_pushButton_tijiao_clicked(self, text):
  545.         config = { 
  546.             "host": "localhost",
  547.             "user": "root",
  548.             "password": "root",
  549.             "database": "fire"
  550.         }
  551.         db = pymysql.connect(**config)
  552.         cursor = db.cursor()
  553.         name=str(self.name_box.text())
  554.         password=str(self.passwd_box.text())
  555.         book_num=0
  556.         if name!='null':
  557.             sql = "insert into userinfo values({}, '{}', '{}');".format(book_num,name,password)
  559.             cursor.execute(sql)
  560.             db.commit()  # 提交数据
  561.             cursor.close()
  562.             db.close()
  563.             print("注册成功")
  565.     def on_pushButton_enter_clicked(self, text):
  566.         print("进入账号判断函数")
  567.         db = pymysql.connect(host='localhost', user='root', password='root', charset='utf8mb4', db='fire')
  568.         #这里要提前在数据库中新建相关的表格
  570.         # 使用cursor()方法获取操作游标
  571.         cursor = db.cursor()
  573.         # SQL 查询语句
  574.         cursor.execute("SELECT * FROM userinfo")
  576.         # 使用fetall()获取全部数据
  577.         data = cursor.fetchall()
  579.         # 打印获取到的数据
  580.         for i in range(len(data)):
  581.             #print(data[i][1])
  582.             #print(data[i][2])
  583.             if self.name_box.text() == data[i][1]:
  584.                 print("账号正确")
  585.                 if self.passwd_box.text() == data[i][2]:
  586.                   print("密码正确")
  587.                   mainWnd.close()  # 关闭登陆界面，在这之后就可以进入你编写的其他界面了。
  588.         cursor.close()
  589.         db.close()
  595. if __name__ == '__main__':
  596.     app = QApplication(sys.argv)
  598.     mainWnd = FramelessWindow()
  599.     mainWnd.setWindowTitle('登录')
  600.     mainWnd.setWindowIcon(QIcon('Qt.ico'))
  601.     mainWnd.setFixedSize(QSize(650,500))  #因为这里固定了大小，所以窗口的大小没有办法任意调整，想要使resizeWidget函数生效的话要把这里去掉，自己调节布局和窗口大小
  602.     mainWnd.setWidget(loginWnd(mainWnd))  # 把自己的窗口添加进来
  603.     mainWnd.show()
  605.     mainWnd2 = FramelessWindow()
  606.     mainWnd2.setWindowTitle('注册')
  607.     mainWnd2.setWindowIcon(QIcon('Qt.ico'))
  608.     mainWnd2.setFixedSize(QSize(650, 500))  # 因为这里固定了大小，所以窗口的大小没有办法任意调整，想要使resizeWidget函数生效的话要把这里去掉，自己调节布局和窗口大小
  609.     mainWnd2.setWidget(regist(mainWnd2))  # 把自己的窗口添加进来
  610.     mainWnd2.hide()
  612.     app.exec()

发表评论

表情：
评论列表 （有 0 条评论，441人围观）

还没有评论，来说两句吧...

相关阅读

    相关 QQ聊天室登录界面

    界面布局 分上中下三个部分。顶部是一张图，最下面是三个按钮，中间就是qq号码框和密码框，在加上几个按钮。 ![在这里插入图片描述][watermark_type_Zm

    迷南。迷南。/ 0 赞/ 84 阅读

    相关 PyQt5设置登录界面及界面美化

    写在前面 前一段时间博主刷了半个多月的LeetCode算法题，刷的归类为简单的那些题，做到自己简直要怀疑人生。想着人生在世，何苦这么为难自己呢，何不做点自己擅长的东西。想

    r囧r小猫r囧r小猫/ 0 赞/ 600 阅读

    相关 django做一个注册登录界面

    一、基于sb-admin模板完成以下登录的逻辑 用户想要访问一个网页，首先要求注册账号，有了账号之后再去登录，才能访问网站的主页 1.先说以下用户注册的逻辑： r

    末蓝、末蓝、/ 0 赞/ 630 阅读