PyQt5中登录界面跳转到不同界面的使用方式

Posted 2022-12-02 胜天半月子

文章目录

• 友情连接
• 一、需求分析
• 二、具体实施
• • 2.1 UI文件介绍
  • 2.2 功能文件介绍
• 总结

---

友情连接

1. PyQt5之环境搭建教程
2. PyQt5中编程与界面设计分离的两种方式（UI逻辑分离）
3. 【PyQt5】designer 页面点击按钮跳转页面

---

一、需求分析

我的需求是不同的角色用户登录系统跳转到不同的界面。例如，学校中学生和教师可以进入的系统是不一样的，他们执行的操作也是不同的！
本需求中是管理元和员工登录界面跳转到不同的界面进行操作！

---

二、具体实施

2.1 UI文件介绍

• 主要的ui界面文件
  

上述的xxx.py文件都是先通过xxx.ui文件通过PyUIC工具直接转换生成的！！！

• 工程思路 ⭐

1. 首先通过Qtdesigner对所有参与的界面设计【设计界面的布局】
2. 对xxx.ui界面文件右击鼠标，选择External Tools中的PyUIC将xxx.ui转文件换为xxx.py文件 ⭐
3. 最后在登录界面文件中对xxx.py进行调用即可 【例如在本工程中login.py是登录文件，而admin与staff是两个不同的用户角色，他们登录系统后应该跳转到不同界面，因此需要在login.py中调用与重写】

详情：PyQt5中编程与界面设计分离的两种方式（UI逻辑分离）

• admin.py文件
  该文件中都是对admin.ui文件中各种组件的使用情况代码记录情况，通俗的话说将ui界面控制的方式转换成代码表达出来。【用过TKinter的知道Tk中组件的位置是通过代码来调控的，不是通过鼠标拖拽来布局的!而PyQt5中组件既可以通过QTdesigner进行设计(即鼠标拖拽方式)，也可以直接进行代码编写调试。而PyUIC工具则是将QTdesigner中鼠标拖拽的方式用代码生成出来表示。】

• staff.py文件
  该文件功能同admin.py文件中的功能

• login.py文件
  该界面同admin.py文件中的功能

2.2 功能文件介绍

在2.1章节中讲解了工程中所有的ui及其对应的py文件，那有了相关py文件，功能又如何实施呢？如何实现我们所想要的效果呢？

新建logintoadmin.py文件，实现上述功能！【文件名起的不是很棒，不要以为就是实现了登录界面到管理员界面的跳转，其实是都实现了上述功能！】

• logtoadmin.py文件⭐
  
  logintoadmin是桥梁，连接了所有的设计的系统UI界面文件！

• login登录界面
  

• 代码实现
  点击登录按钮如何跳转到不同的界面呢？通过哪个角色被选中来进行判断！

# 登录-》跳转不同界面
def jumptodiff(self):
    # print('main - mess:', mess['role'])
    if self.radioadmin.isChecked():
        self.admin = admin_Dialog()  # self.admin 才可以成功！！！⭐⭐
        self.admin.show()
        self.close()
        print("admin-admin")
    else:
        self.staff = staff_Dialog()  # self.staff 才可以成功！！！⭐⭐
        self.staff.show()
        self.close()
        print("staff-staff")

---

总结

最后的实现的功能相对粗糙些，但是重点是掌握如何实现登录界面到不同界面的跳转！