更新 UI相关

demo2.py

@@ -0,0 +1,98 @@
+import sys
+from PyQt5.QtWidgets import QApplication, QWidget, QLineEdit, QPushButton, QVBoxLayout, QHBoxLayout, QLabel
+from PyQt5.QtCore import Qt
+from PyQt5.QtGui import QPixmap, QPainter
+
+class MyApp(QWidget):
+    def __init__(self):
+        super().__init__()
+        self.initUI()
+
+    def initUI(self):
+        # 加载背景图片
+        self.background = QPixmap('hnu.jpg')
+
+        # 创建一个垂直布局
+        mainLayout = QVBoxLayout()
+
+        # 创建三个文本框并设置占位符
+        self.nameEdit = QLineEdit()
+        self.pwdEdit = QLineEdit()
+        self.urlEdit = QLineEdit()
+        self.nameEdit.setPlaceholderText('Name')
+        self.pwdEdit.setPlaceholderText('Password')
+        self.urlEdit.setPlaceholderText('URL')
+
+        # 创建一个按钮并连接信号
+        btn = QPushButton('提交')
+        btn.clicked.connect(self.onSubmit)
+
+        # 对于每个输入框，创建一个水平布局以保持居中
+        for label_text, edit_widget in [("用户名", self.nameEdit), 
+                                        ("密码", self.pwdEdit), 
+                                        ("实训网址", self.urlEdit)]:
+            hbox = QHBoxLayout()
+            hbox.addStretch()
+            vbox_inner = QVBoxLayout()
+            vbox_inner.addWidget(QLabel(label_text))
+            vbox_inner.addWidget(edit_widget)
+            hbox.addLayout(vbox_inner)
+            hbox.addStretch()
+            mainLayout.addLayout(hbox)
+
+        # 添加按钮到布局
+        mainLayout.addWidget(btn, 0, Qt.AlignCenter)
+
+        # 设置窗口的布局
+        self.setLayout(mainLayout)
+        self.setWindowTitle('')
+        self.setGeometry(300, 300, 400, 300)
+        self.centerWindow()
+
+        # 应用样式
+        self.applyStyles()
+
+    def paintEvent(self, event):
+        painter = QPainter(self)
+
+        # 计算背景图片绘制的起始坐标，使其位于窗口中心
+        bgWidth = self.background.width()
+        bgHeight = self.background.height()
+        startX = (self.width() - bgWidth) // 2
+        startY = (self.height() - bgHeight) // 2
+
+        painter.drawPixmap(startX, startY, self.background)
+
+    def centerWindow(self):
+        qr = self.frameGeometry()
+        cp = QApplication.desktop().availableGeometry().center()
+        qr.moveCenter(cp)
+        self.move(qr.topLeft())
+
+    def applyStyles(self):
+        self.setStyleSheet("""
+            QLineEdit {
+                border: 1px solid gray;
+                border-radius: 10px;
+                padding: 5px;
+                background: transparent;
+            }
+            QLineEdit:focus {
+                border: 1px solid LightSeaGreen;
+            }
+        """)
+
+    def onSubmit(self):
+        name = self.nameEdit.text()
+        pwd = self.pwdEdit.text()
+        url = self.urlEdit.text()
+        print(f"Name: {name}, Password: {pwd}, URL: {url}")
+        
+        # 关闭窗口
+        self.close()
+
+if __name__ == '__main__':
+    app = QApplication(sys.argv)
+    ex = MyApp()
+    ex.show()
+    sys.exit(app.exec_())

login_ui.py

@@ -0,0 +1,116 @@
+import sys
+from PyQt5.QtWidgets import QApplication, QWidget, QLineEdit, QPushButton, QVBoxLayout, QHBoxLayout, QLabel
+from PyQt5.QtCore import Qt
+from PyQt5.QtGui import QPixmap, QPainter
+import os
+class MyApp(QWidget):
+    def __init__(self):
+        super().__init__()
+        self.initUI()
+
+    def initUI(self):
+        # 加载背景图片
+        self.background = QPixmap('b3o.png')
+        # 创建一个垂直布局
+        mainLayout = QVBoxLayout()
+
+        # 创建三个文本框并设置占位符
+        self.nameEdit = QLineEdit()
+        self.pwdEdit = QLineEdit()
+        self.urlEdit = QLineEdit()
+        # self.nameEdit.setPlaceholderText('Name')
+        # self.pwdEdit.setPlaceholderText('Password')
+        # self.urlEdit.setPlaceholderText('URL')
+
+        # 创建一个按钮并连接信号
+        btn = QPushButton('提交')
+        btn.clicked.connect(self.onSubmit)
+
+        self.setWindowTitle('头歌助手登录')
+        # 对于每个输入框，创建一个水平布局以保持居中
+        for label_text, edit_widget in [("用户名", self.nameEdit), 
+                                        ("密    码", self.pwdEdit), 
+                                        ("实训网址", self.urlEdit)]:
+            hbox = QHBoxLayout() #创建一个水平布局
+            hbox.addStretch() #添加一个伸缩因子，使得文本框和按钮位于窗口中心
+            vbox_inner = QVBoxLayout() #创建一个垂直布局
+            vbox_inner.addWidget(QLabel(label_text)) #添加一个标签
+            vbox_inner.addWidget(edit_widget) #添加一个文本框
+            hbox.addLayout(vbox_inner) #将垂直布局添加到水平布局中
+            hbox.addStretch() #添加一个伸缩因子，使得文本框和按钮位于窗口中心
+            mainLayout.addLayout(hbox) #将水平布局添加到垂直布局中
+
+        # 添加按钮到布局
+        mainLayout.addWidget(btn, 0, Qt.AlignCenter)
+
+        # 设置窗口的布局
+        self.setLayout(mainLayout)
+        self.setWindowTitle('')
+        self.setGeometry(300, 300, 650,550) # 设置窗口大小,其中300,300为窗口左上角坐标，1000,600为窗口大小
+        self.centerWindow()
+
+        # 应用样式
+        self.applyStyles()
+        self.show()
+
+    def paintEvent(self, event):
+        painter = QPainter(self)
+        painter.drawPixmap(self.rect(), self.background)
+
+    def centerWindow(self):
+        qr = self.frameGeometry()
+        cp = QApplication.desktop().availableGeometry().center()
+        qr.moveCenter(cp)
+        self.move(qr.topLeft())
+
+    def applyStyles(self):
+        # css 用于设置窗口样式
+        self.setStyleSheet("""
+            QLineEdit {
+                border: 1px solid gray; 
+                border-radius: 10px; 
+                padding: 5px; 
+                background: rgba(255, 255, 255, 100);  
+            }
+            QLineEdit:focus {
+                border: 1px solid black;
+            }
+            QLabel {
+            color: black;
+            font-size: 23pt;
+            margin-top: 50px; /* 顶部外边距 */
+            margin-left: 20px; /* 左侧外边距 */
+        }
+            QLineEdit {
+            border: 1px solid gray;
+            border-radius: 10px;
+            padding: 5px;
+            background: rgba(255, 255, 255, 100);
+            color: black; /* 设置输入文本颜色为黑色 */
+            width: 300px; /* 设置输入框宽度 */
+            height: 30px; /* 设置输入框高度 */
+        }
+            QPushButton {
+            border: 1px solid gray;
+            border-radius: 10px;
+            padding: 5px;
+            background: rgba(255, 255, 255, 100);
+            color: black; /* 设置按钮文本颜色为黑色 */
+            width: 100px; /* 设置按钮宽度 */
+            height: 27px; /* 设置按钮高度 */
+        }
+        """)
+
+    def onSubmit(self):
+        name = self.nameEdit.text()
+        pwd = self.pwdEdit.text()
+        url = self.urlEdit.text()
+        print(f"Name: {name}, Password: {pwd}, URL: {url}")
+        
+        # 关闭窗口
+        self.close()
+os.system('python3 show_welcome.py')
+app = QApplication(sys.argv)
+ex = MyApp()
+ex.show()
+sys.exit(app.exec_())

main.py

@@ -4,4 +4,12 @@
 2、get_params.py获取参数
 3、get_answer.py获取答案
 4、cloud.py将json文件存入云端
-'''
+'''
+
+# 生成图形化界面，引导用户登陆并输入实训网址
+# 调用get_params.py获取参数，这一步同时隐含了云端获取答案的过程
+# 如果云端答案不存在，则调用get_answer.py获取答案，并展示给用户
+# 用户verif选项确认后，调用cloud.py将json文件存入云端
+
+
+import login_ui

show_welcome.py

@@ -0,0 +1,39 @@
+import sys
+from PyQt5.QtWidgets import QApplication, QLabel, QWidget
+from PyQt5.QtGui import QPixmap
+from PyQt5.QtCore import QTimer, Qt
+
+class ImageWindow(QWidget):
+    def __init__(self, image_path):
+        super().__init__()
+        self.initUI(image_path)
+
+    def initUI(self, image_path):
+        self.setWindowFlags(Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint)
+        self.setAttribute(Qt.WA_TranslucentBackground)
+
+        label = QLabel(self)
+        pixmap = QPixmap(image_path)
+
+        # 缩放图片到期望的大小
+        scaled_pixmap = pixmap.scaled(700, 400, Qt.KeepAspectRatio)  # 设置图片大小为400x300，并保持纵横比
+        label.setPixmap(scaled_pixmap)
+        self.resize(scaled_pixmap.width(), scaled_pixmap.height())
+
+        # 居中显示窗口
+        qr = self.frameGeometry()
+        cp = QApplication.desktop().availableGeometry().center()
+        qr.moveCenter(cp)
+        self.move(qr.topLeft())
+
+        QTimer.singleShot(3000, self.close)
+
+def show():
+    app = QApplication(sys.argv)
+    ex = ImageWindow('b2.png')
+    ex.show()
+    sys.exit(app.exec_())
+
+if __name__ == '__main__':
+    show()
+