Python大作业——爬虫+可视化+数据分析+数据库（可视化篇

---

由于该程序会通过与数据库的交互来实现歌曲收藏等功能，故需要首先设计一个进行登录注册的界面

登录界面将与主界面同大小，且为了方便布局，设置为固定大小不可改变

self.setFixedSize(960, 700)

self.setWindowTitle(‘登录’) # 设置窗口名称

self.setWindowIcon(QIcon(‘favicon.ico’)) # 设置左上角的窗口图标

接下来通过调色板控件设置窗口背景

palette = QPalette()

palette.setBrush(QPalette.Background, QBrush(QPixmap(‘1.jpg’)))

self.setPalette(palette)

接下来设置界面控件

self.frame = QFrame(self)

self.frame.move(260, 110) # 坐标

self.mainLayout = QVBoxLayout(self.frame)

为了简单方便，只设置了账号密码两个输入框以及登录注册两个按钮，如下为账户号输入框设置

self.nameEd1 = QLineEdit(self) # 创建输入框

self.nameEd1.setPlaceholderText(“Admin”) # 设置默认文字

self.nameEd1.setFont(QFont(‘微软雅黑’, 22)) # 设置字体和大小

设置透明度

op2 = QGraphicsOpacityEffect()

op2.setOpacity(0.5)

self.nameEd1.setGraphicsEffect(op2)

设置控件样式

self.nameEd1.setStyleSheet(‘’‘QLineEdit{border-radius:5px; padding: 8px}’‘’)

密码输入框也类似，只需要再将其编辑模式设置为小圆点填充即可

self.nameEd2.setEchoMode(QLineEdit.Password)

登录和注册按钮设置则完全一致

self.btnLG = QPushButton(‘Login’) # 按钮值设置Login

设置透明度

op3 = QGraphicsOpacityEffect()

op3.setOpacity(0.5)

self.btnLG.setGraphicsEffect(op3)

设置控件样式

self.btnLG.setStyleSheet(

‘’'QPushButton{background:#1E90FF;border-radius:5px;}QPushButton:hover{background:#4169E1;}\

QPushButton{font-family:‘Arial’;color:#FFFFFF; padding:6px}‘’') # hover为鼠标悬浮样式

接下来再将部件加入布局中，并为它们设置相邻距离

self.mainLayout.addWidget(self.nameEd1)

self.mainLayout.addWidget(self.nameEd2)

self.mainLayout.addWidget(self.btnLG)

self.mainLayout.addWidget(self.btnRG)

self.mainLayout.setSpacing(60)

最后再为他们绑定鼠标单击事件，即完成了登录界面的设计

self.btnLG.clicked.connect(self.login)

self.btnRG.clicked.connect(self.re