Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）

這篇具有很好參考價(jià)值的文章主要介紹了Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

相關(guān)鏈接

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（簡介篇）

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（爬蟲篇）

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（數(shù)據(jù)分析篇）

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（數(shù)據(jù)庫篇）

一、登錄界面

由于該程序會(huì)通過與數(shù)據(jù)庫的交互來實(shí)現(xiàn)歌曲收藏等功能，故需要首先設(shè)計(jì)一個(gè)進(jìn)行登錄注冊(cè)的界面

登錄界面將與主界面同大小，且為了方便布局，設(shè)置為固定大小不可改變

self.setFixedSize(960, 700)
self.setWindowTitle('登錄')  # 設(shè)置窗口名稱
self.setWindowIcon(QIcon('favicon.ico'))  # 設(shè)置左上角的窗口圖標(biāo)

接下來通過調(diào)色板控件設(shè)置窗口背景

palette = QPalette()
palette.setBrush(QPalette.Background, QBrush(QPixmap('1.jpg')))
self.setPalette(palette)

接下來設(shè)置界面控件

self.frame = QFrame(self)
self.frame.move(260, 110)  # 坐標(biāo)
self.mainLayout = QVBoxLayout(self.frame)

為了簡單方便，只設(shè)置了賬號(hào)密碼兩個(gè)輸入框以及登錄注冊(cè)兩個(gè)按鈕，如下為賬戶號(hào)輸入框設(shè)置

self.nameEd1 = QLineEdit(self)  # 創(chuàng)建輸入框
self.nameEd1.setPlaceholderText("Admin")  # 設(shè)置默認(rèn)文字
self.nameEd1.setFont(QFont('微軟雅黑', 22))  # 設(shè)置字體和大小
# 設(shè)置透明度
op2 = QGraphicsOpacityEffect()
op2.setOpacity(0.5)
self.nameEd1.setGraphicsEffect(op2)
# 設(shè)置控件樣式
self.nameEd1.setStyleSheet('''QLineEdit{border-radius:5px; padding: 8px}''')

密碼輸入框也類似，只需要再將其編輯模式設(shè)置為小圓點(diǎn)填充即可

self.nameEd2.setEchoMode(QLineEdit.Password)

登錄和注冊(cè)按鈕設(shè)置則完全一致

self.btnLG = QPushButton('Login')  # 按鈕值設(shè)置Login
# 設(shè)置透明度
op3 = QGraphicsOpacityEffect()
op3.setOpacity(0.5)
self.btnLG.setGraphicsEffect(op3)
# 設(shè)置控件樣式
self.btnLG.setStyleSheet(
'''QPushButton{background:#1E90FF;border-radius:5px;}QPushButton:hover{background:#4169E1;}\
QPushButton{font-family:'Arial';color:#FFFFFF; padding:6px}''')  # hover為鼠標(biāo)懸浮樣式

接下來再將部件加入布局中，并為它們?cè)O(shè)置相鄰距離

self.mainLayout.addWidget(self.nameEd1)
self.mainLayout.addWidget(self.nameEd2)
self.mainLayout.addWidget(self.btnLG)
self.mainLayout.addWidget(self.btnRG)
self.mainLayout.setSpacing(60)

最后再為他們綁定鼠標(biāo)單擊事件，即完成了登錄界面的設(shè)計(jì)

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

最終大概效果如下：
Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）

二、主界面

首先進(jìn)行UI設(shè)計(jì)，以方便界面布局設(shè)置，界面設(shè)計(jì)大致如下

Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）

之后就可以進(jìn)行GUI編程

同樣首先設(shè)置窗口大小，名稱，圖標(biāo)，并對(duì)窗口進(jìn)行部分設(shè)置

self.setFixedSize(960, 700)
self.setWindowTitle('Ken-Chy')
self.setWindowIcon(QIcon('favicon.ico'))
self.setWindowOpacity(0.9)  # 設(shè)置窗口透明度
self.setAttribute(QtCore.Qt.WA_TranslucentBackground)  # 設(shè)置窗口背景透明
# self.setWindowFlags(QtCore.Qt.FramelessWindowHint) # 隱藏邊框

隨后創(chuàng)建窗口部件并設(shè)置布局，由UI圖我們首先可以將界面分為左右兩個(gè)部件，并為它們?cè)O(shè)置Name標(biāo)示，隨后將左右兩側(cè)的部件加入主部件中，并為他們?cè)O(shè)置位置以及所占大小

self.main_widget = QtWidgets.QWidget()  # 創(chuàng)建窗口主部件
self.main_layout = QtWidgets.QGridLayout()  # 創(chuàng)建主部件的網(wǎng)格布局
self.main_widget.setLayout(self.main_layout)  # 設(shè)置窗口主部件布局為網(wǎng)格布局

self.left_widget = QtWidgets.QWidget()  # 創(chuàng)建左側(cè)部件
self.left_widget.setObjectName('left_widget')
self.left_layout = QtWidgets.QGridLayout()  # 創(chuàng)建左側(cè)部件的網(wǎng)格布局層
self.left_widget.setLayout(self.left_layout)  # 設(shè)置左側(cè)部件布局為網(wǎng)格

self.right_widget = QtWidgets.QWidget()  # 創(chuàng)建右側(cè)部件
self.right_widget.setObjectName('right_widget')
self.right_layout = QtWidgets.QGridLayout()
self.right_widget.setLayout(self.right_layout)  # 設(shè)置右側(cè)部件布局為網(wǎng)格

self.setCentralWidget(self.main_widget)  # 設(shè)置窗口主部件
self.main_layout.addWidget(self.left_widget, 0, 0, 12, 2)  # 左側(cè)部件在第0行第0列，占8行3列
self.main_layout.addWidget(self.right_widget, 0, 2, 12, 10)  # 右側(cè)部件在第0行第3列，占8行9列

觀察左側(cè)部件，我們可以看到主要分為三個(gè)標(biāo)簽以及九個(gè)按鈕

創(chuàng)建三個(gè)標(biāo)簽并為它們?cè)O(shè)置Name標(biāo)示，隨后創(chuàng)建九個(gè)按鈕，同樣設(shè)置Name標(biāo)識(shí)，并在左側(cè)布局中加入這些標(biāo)簽和按鈕

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("聯(lián)系與幫助")
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'), "切換賬號(hào)")
self.left_button_6.setObjectName('left_button')
self.left_button_7 = QtWidgets.QPushButton(qtawesome.icon('fa.comment', color='white'), "開發(fā)流程")
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'), "聯(lián)系作者")
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)

設(shè)置完左側(cè)之后我們看右邊的布局

最頂部是搜索框，實(shí)則就是一個(gè)輸入的控件

我們首先為該位置創(chuàng)建一個(gè)部件并設(shè)置為網(wǎng)格布局

隨后創(chuàng)建輸入控件以及圖標(biāo)并加入到搜索框布局中

最后再將搜索框部件加入右側(cè)布局中

self.right_bar_widget = QtWidgets.QWidget()  # 右側(cè)頂部搜索框部件
self.right_bar_layout = QtWidgets.QGridLayout()  # 右側(cè)頂部搜索框網(wǎng)格布局
self.right_bar_widget.setLayout(self.right_bar_layout)

self.search_icon = QtWidgets.QLabel(chr(0xf002) + ' ' + '搜索  ')
self.search_icon.setFont(qtawesome.font('fa', 20))
self.right_bar_widget_search_input = QtWidgets.QLineEdit()
self.right_bar_widget_search_input.setPlaceholderText("輸入歌手、歌曲或用戶，回車進(jìn)行搜索")

self.right_bar_layout.addWidget(self.search_icon, 0, 0, 1, 1)
self.right_bar_layout.addWidget(self.right_bar_widget_search_input, 0, 1, 1, 8)
self.right_layout.addWidget(self.right_bar_widget, 0, 0, 1, 9)

接下來下面左側(cè)是搜索結(jié)果的展示，右邊是操作選項(xiàng)

搜索結(jié)果因?yàn)槭强梢渣c(diǎn)擊播放的，所以與操作選項(xiàng)實(shí)則都是一些按鈕

那么我們首先先創(chuàng)建兩個(gè)“搜索結(jié)果”和“執(zhí)行操作”兩個(gè)標(biāo)簽

隨后再創(chuàng)建左側(cè)十個(gè)按鈕（搜索結(jié)果），右側(cè)六個(gè)按鈕（執(zhí)行操作）

并將它們加入布局即可完成

搜索結(jié)果按鈕創(chuàng)建大致如下，可通過參數(shù)傳入字符串設(shè)置按鈕文字

self.search_result_button_1 = QtWidgets.QPushButton()

執(zhí)行操作按鈕創(chuàng)建大致如下

self.operator_button_1 = QtWidgets.QToolButton()
self.operator_button_1.setText("導(dǎo)出所有歌曲的url地址")
self.operator_button_1.setIcon(qtawesome.icon('fa.download', color='red'))  # 設(shè)置按鈕圖標(biāo)
self.operator_button_1.setIconSize(QtCore.QSize(50, 50))  # 設(shè)置按鈕大小
self.operator_button_1.setToolButtonStyle(QtCore.Qt.ToolButtonTextUnderIcon)  # 設(shè)置按鈕與文字展示方式

最后是最下面的進(jìn)度條以及上一首下一首和播放按鈕

self.right_process_bar = QtWidgets.QProgressBar()  # 播放進(jìn)度部件
self.process_value = 0  # 設(shè)置播放值（0為還未播放）
self.right_process_bar.setValue(self.process_value)  # 設(shè)置進(jìn)度條所處位置
self.right_process_bar.setFixedHeight(3)  # 設(shè)置進(jìn)度條高度
self.right_process_bar.setTextVisible(False)  # 不顯示進(jìn)度條文字

self.console_button_1 = QtWidgets.QPushButton(qtawesome.icon('fa.backward', color='#F76677'), "")
self.console_button_2 = QtWidgets.QPushButton(qtawesome.icon('fa.forward', color='#F76677'), "")
self.console_button_3 = QtWidgets.QPushButton(qtawesome.icon('fa.play', color='#F76677', font=18), "")
self.console_button_3.setIconSize(QtCore.QSize(30, 30))

隨后同上將他們加入布局中

接著設(shè)置控件間距，并通過Name標(biāo)識(shí)為他們?cè)O(shè)置樣式，如

self.main_layout.setSpacing(0)

self.left_widget.setStyleSheet("\
    QPushButton{border:none;color:white;}\
    QPushButton#left_label{\
        border:none;\
        border-bottom:1px solid white;\
        font-size:18px;\
        font-weight:700;\
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\
    }\
    QPushButton#left_button:hover{border-left:4px solid red;font-weight:700;}\
    QWidget#left_widget{\
        background:gray;\
        border-top:1px solid white;\
        border-bottom:1px solid white;\
        border-left:1px solid white;\
        border-top-left-radius:10px;\
        border-bottom-left-radius:10px;\
    }")

最后再為它們綁定鼠標(biāo)事件即大功告成！文章來源地址http://www.zghlxwxcb.cn/news/detail-439593.html

self.right_bar_widget_search_input.returnPressed.connect(
            lambda: self.search(self.right_bar_widget_search_input.text()))
self.search_result_button_1.clicked.connect(lambda: self.play_music(0))
self.search_result_button_2.clicked.connect(lambda: self.play_music(1))
self.search_result_button_3.clicked.connect(lambda: self.play_music(2))
self.search_result_button_4.clicked.connect(lambda: self.play_music(3))
self.search_result_button_5.clicked.connect(lambda: self.play_music(4))
self.search_result_button_6.clicked.connect(lambda: self.play_music(5))
self.search_result_button_7.clicked.connect(lambda: self.play_music(6))
self.search_result_button_8.clicked.connect(lambda: self.play_music(7))
self.search_result_button_9.clicked.connect(lambda: self.play_music(8))
self.search_result_button_10.clicked.connect(lambda: self.play_music(9))
self.console_button_1.clicked.connect(self.pre_music)
self.console_button_3.clicked.connect(lambda: self.play_music_by_button())
self.console_button_2.clicked.connect(self.next_music)

到了這里，關(guān)于Python大作業(yè)——爬蟲+可視化+數(shù)據(jù)分析+數(shù)據(jù)庫（可視化篇）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！