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.register)

最终大概效果如下：

二、主界面

---

首先进行UI设计，以方便界面布局设置，界面设计大致如下

之后就可以进行GUI编程

同样首先设置窗口大小，名称，图标，并对窗口进行部分设置

self.setFixedSize(960, 700)

self.setWindowTitle(‘Ken-Chy’)

self.setWindowIcon(QIcon(‘favicon.ico’))

self.setWindowOpacity(0.9) # 设置窗口透明度

self.setAttribute(QtCore.Qt.WA_TranslucentBackground) # 设置窗口背景透明

self.setWindowFlags(QtCore.Qt.FramelessWindowHint) # 隐藏边框

随后创建窗口部件并设置布局，由UI图我们首先可以将界面分为左右两个部件，并为它们设置Name标示，随后将左右两侧的部件加入主部件中，并为他们设置位置以及所占大小

self.main_widget = QtWidgets.QWidget() # 创建窗口主部件

self.main_layout = QtWidgets.QGridLayout() # 创建主部件的网格布局

self.main_widget.setLayout(self.main_layout) # 设置窗口主部件布局为网格布局

self.left_widget = QtWidgets.QWidget() # 创建左侧部件

self.left_widget.setObjectName(‘left_widget’)

self.left_layout = QtWidgets.QGridLayout() # 创建左侧部件的网格布局层

self.left_widget.setLayout(self.left_layout) # 设置左侧部件布局为网格

self.right_widget = QtWidgets.QWidget() # 创建右侧部件

self.right_widget.setObjectName(‘right_widget’)

self.right_layout = QtWidgets.QGridLayout()

self.right_widget.setLayout(self.right_layout) # 设置右侧部件布局为网格

self.setCentralWidget(self.main_widget) # 设置窗口主部件

self.main_layout.addWidget(self.left_widget, 0, 0, 12, 2) # 左侧部件在第0行第0列，占8行3列

self.main_layout.addWidget(self.right_widget, 0, 2, 12, 10) # 右侧部件在第0行第3列，占8行9列

观察左侧部件，我们可以看到主要分为三个标签以及九个按钮

创建三个标签并为它们设置Name标示，随后创建九个按钮，同样设置Name标识，并在左侧布局中加入这些标签和按钮

self.left_label_1 = QtWidgets.QPushButton(“每日推荐”)

self.left_label_1.setObjectName(‘left_label’)

self.left_label_2 = QtWidgets.QPushButton(“我的音乐”)

self.left_label_2.setObjectName(‘left_label’)

self.left_label_3 = QtWidgets.QPushButton(“联系与帮助”)

self.left_label_3.setObjectName(‘left_label’)

self.left_button_1 = QtWidgets.QPushButton(qtawesome.icon(‘fa.music’, color=‘white’), “热门歌曲”)

self.left_button_1.setObjectName(‘left_button’)

self.left_button_2 = QtWidgets.QPushButton(qtawesome.icon(‘fa.sellsy’, color=‘white’), “热门歌手”)

self.left_button_2.setObjectName(‘left_button’)

self.left_button_3 = QtWidgets.QPushButton(qtawesome.icon(‘fa.film’, color=‘white’), “热门MV”)

self.left_button_3.setObjectName(‘left_button’)

self.left_button_4 = QtWidgets.QPushButton(qtawesome.icon(‘fa.home’, color=‘white’), “我的下载”)

self.left_button_4.setObjectName(‘left_button’)

self.left_button_5 = QtWidgets.QPushButton(qtawesome.icon(‘fa.download’, color=‘white’), “我的收藏”)

self.left_button_5.setObjectName(‘left_button’)

self.left_button_6 = QtWidgets.QPushButton(qtawesome.icon(‘fa.heart’, color=‘white’), “切换账号”)

self.left_button_6.setObjectName(‘left_button’)

self.left_button_7 = QtWidgets.QPushButton(qtawesome.icon(‘fa.comment’, color=‘white’), “开发流程”)

self.left_button_7.setObjectName(‘left_button’)

self.left_button_8 = QtWidgets.QPushButton(qtawesome.icon(‘fa.star’, color=‘white’), “作者博客”)

self.left_button_8.setObjectName(‘left_button’)

self.left_button_9 = QtWidgets.QPushButton(qtawesome.icon(‘fa.question’, color=‘white’), “联系作者”)

self.left_button_9.setObjectName(‘left_button’)

self.left_layout.addWidget(self.left_label_1, 1, 0, 1, 3)

self.left_layout.addWidget(self.left_button_1, 2, 0, 1, 3)

self.left_layout.addWidget(self.left_button_2, 3, 0, 1, 3)

self.left_layout.addWidget(self.left_button_3, 4, 0, 1, 3)

self.left_layout.addWidget(self.left_label_2, 5, 0, 1, 3)

self.left_layout.addWidget(self.left_button_4, 6, 0, 1, 3)

self.left_layout.addWidget(self.left_button_5, 7, 0, 1, 3)

self.left_layout.addWidget(self.left_button_6, 8, 0, 1, 3)

self.left_layout.addWidget(self.left_label_3, 9, 0, 1, 3)

self.left_layout.addWidget(self.left_button_7, 10, 0, 1, 3)

self.left_layout.addWidget(self.left_button_8, 11, 0, 1, 3)

self.left_layout.addWidget(self.left_button_9, 12, 0, 1, 3)

设置完左侧之后我们看右边的布局

一、Python所有方向的学习路线

Python所有方向路线就是把Python常用的技术点做整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了，给大家节省了很多时间。

三、入门学习视频

我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里无偿获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！