基于深度学习的视觉检测小项目（十五） 用户的登录界面

        用户管理离不开的是消息框（QMessageBox）和对话框（QDialog），比如对话框用于用户名和密码输入，消息框用于提示登录成功、密码错误。

• 基础知识：PySide6（PyQT5）的常用对话框类-CSDN博客

• 组态前端画面：

        在designer中新建QDialog界面，命名为user_login.ui，按照本项目的命名规律，将界面的主部件命名为form_base，顶部边框命名为from_top，主显示区命名为form_main：

        在这个界面中新用到了列表框（QComboBox），单行文本编辑框（QLineEdit）。在项目的样式表文件style_uiproj.qss中添加这两个类的通用设置，并且在颜色设置文件color_setting.json和色卡文件color_card.json中增添新的设置项。

style_uiproj.qss中新增的内容：

/*下拉选项框默认色 */
QComboBox {background-color: 下拉框底色;color: 下拉文字色;通用凹边框;
}/*文字输入框默认色*/
QLineEdit {background-color: 输入框底色;color: 输入文字色;通用凹边框;
}

color_setting.json中新增的内容：

"下拉框底色": "黑下拉框底色",
"下拉文字色": "黑下拉文字色",
"输入框底色": "黑输入框底色",
"输入文字色": "黑输入文字色"

color_card.json中新增的内容：

"黑输入框底色": "#a0a0f6",
"黑输入文字色": "#282828",
"黑下拉框底色": "#a6afb8",
"黑下拉文字色": "#5f5f5f",
"通用凹边框": "border-top: 3px solid #0d0d0d;border-left: 3px solid #0d0d0d;border-right: 2px solid #303030;border-bottom: 2px solid #303030"

经过以上设置，新建的对话框就继承了项目的整体显示风格。

        如果需要改变整体的显示风格或修改局部的颜色值，只需修改color_setting.json或color_card.json即可。

• 组态后端代码：

        将user_login.ui文件用uic工具转换为同名的user_login.py文件，并编写后端文件user_login_func.py。

user_login_func.py的内容：

# user_login（用户登录画面的后端功能函数）
from PySide6.QtCore import Slot
from PySide6.QtWidgets import QApplication, QDialog, QMessageBox
from UI_proj.functions.get_style_sheet import get_style_sheet   # 导入获取样式表的函数
from UI_proj.functions.form_center import center   # 导入窗口居中函数
from . import user_login  # 导入使用uis工具从start_up.ui生成而来的start_up.py文件
from DB_proj import db_set   # 导入数据库设置db_set.py# 定义窗口类
class FormLogin(QDialog, user_login.Ui_form_base):def __init__(self):super().__init__()self.setupUi(self)   # 加载窗口self.run()   # 初始化运行窗口def run(self):   # 窗口的运行函数# 设置窗口样式def set_style_sheet():  # 设置窗口样式style_sheet = get_style_sheet('settings/color_card.json', 'settings/color_setting.json', 'settings/style_uiproj.qss')  # 获取项目级别的样式表style_sheet += get_style_sheet('settings/color_card.json', 'settings/color_setting.json', 'ui_forms/user_login/style_user_login.qss')  # 获取本画面的本地样式表并与项目级别样式表合并self.setStyleSheet(style_sheet)set_style_sheet()  # 设置窗口样式# 设置窗口居中center(self)  # 设置窗口居中# 设置所有用户名到下拉框def set_users():self.combo_users.clear()  # 清空下拉框users = db_set.get_users_name()   # 获取所有用户名for user in users:self.combo_users.addItem(user)  # 添加用户名到下拉框set_users()  # 设置所有用户名# 按钮“进入系统”点击事件连接的槽函数@Slot()def on_btn_login_clicked():user = self.combo_users.currentText()  # 获取当前用户名input_passwd = self.lineEdit_in_passwd.text()  # 获取当前输入密码current_passwd = db_set.get_user_info(user)["password"]  # 获取当前用户密码if input_passwd == current_passwd:  # 判断输入密码是否与当前用户密码一致QMessageBox.information(self, "登录成功", "登录成功")  # 弹出提示框self.close()  # 关闭窗口else:QMessageBox.warning(self, "登录错误", "用户名或密码错误")  # 弹出警告框self.lineEdit_in_passwd.setText("")  # 清空输入框self.btn_logoin.clicked.connect(on_btn_login_clicked)  # 按钮“进入系统”点击事件连接槽函数# 按钮“取消”点击事件连接的槽函数@Slot()def on_btn_cancel_clicked():  # 按钮“取消”点击事件连接的槽函数self.lineEdit_in_passwd.setText("")  # 清空输入框self.close()  # 关闭窗口self.btn_cancel.clicked.connect(on_btn_cancel_clicked)  # 按钮取消点击事件连接槽函数

        以上代码实现了用户登录的基本功能，目前的用户密码是明文存储的，如果需要加密可以使用现成的加密库，或者用字符移位等方法进行简单加密。