最近依然是屁事一堆，煩事成雙，在百忙中繼續(xù)我的個(gè)人項(xiàng)目（雖然說是遙遙無期的個(gè)人項(xiàng)目），所以繼續(xù)加油吧。

三、開發(fā)登錄界面

其實(shí)此音樂播放器的難點(diǎn)在于音樂的爬取或者說在線播放，由于有些技術(shù)還未完全解決，就先開發(fā)界面吧。

先貼上源代碼：

class Login(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        self.qq = QLabel('QQ號(hào)')
        self.password = QLabel('密碼')
        self.qqEdit = QLineEdit()
        self.passEdit = QLineEdit()
        self.logins = QPushButton('登錄', self)
        self.logins.resize(self.logins.sizeHint())
        hbox = QHBoxLayout()
        hbox.addWidget(self.logins)
        grid = QGridLayout()
        grid.addWidget(self.qq, 1, 0)
        grid.addWidget(self.qqEdit, 1, 1)
        grid.addWidget(self.password, 2, 0)
        grid.addWidget(self.passEdit, 2, 1)
        vbox = QVBoxLayout()
        vbox.addLayout(grid)
        vbox.addLayout(hbox)
        self.setLayout(vbox) 
        self.resize(300, 300)
        self.center()
        self.setWindowTitle('登錄')   
        self.show()
    def closeEvent(self, event):
        reply = QMessageBox.question(self, 'Message',
           "Are you sure to quit?", QMessageBox.Yes |
        QMessageBox.No, QMessageBox.No)
        if reply == QMessageBox.Yes:
             event.accept()
        else:
            event.ignore()      
     def center(self):
        qr = self.frameGeometry()
        cp = QDesktopWidget().availableGeometry().center()
        qr.moveCenter(cp)
        self.move(qr.topLeft())

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    login=Login()
    sys.exit(app.exec_())

image.png

整體的布局是垂直布局，其中上半部分為柵格布局（有qq號(hào)、密碼、相應(yīng)的文本框），下半部分為一個(gè)登錄按鈕。

定義標(biāo)簽、文本框和按鈕：

        self.qq = QLabel('QQ號(hào)')
        self.password = QLabel('密碼')
        self.qqEdit = QLineEdit()
        self.passEdit = QLineEdit()
        self.logins = QPushButton('登錄', self)

按鈕設(shè)置默認(rèn)大小：

        self.logins.resize(self.logins.sizeHint())

設(shè)置上半部分的柵格布局：

    grid = QGridLayout()
    grid.addWidget(self.qq, 1, 0)
    grid.addWidget(self.qqEdit, 1, 1)
    grid.addWidget(self.password, 2, 0)
    grid.addWidget(self.passEdit, 2, 1)

下半部分的水平布局，并將按鈕加上：

        hbox = QHBoxLayout()
        hbox.addWidget(self.logins)

總體的垂直布局，并將上下兩部分加上：

        vbox = QVBoxLayout()
        vbox.addLayout(grid)
        vbox.addLayout(hbox)

設(shè)置大小、標(biāo)題并顯示窗口：

        self.resize(300, 300)
        self.setWindowTitle('登錄')   
        self.show()

窗口居中：

     def center(self):
        qr = self.frameGeometry()  
        cp = QDesktopWidget().availableGeometry().center()  #獲取屏幕中點(diǎn)坐標(biāo)
        qr.moveCenter(cp)    
        self.move(qr.topLeft())   

退出時(shí)提示框：

    def closeEvent(self, event):
        reply = QMessageBox.question(self, 'Message',
           "Are you sure to quit?", QMessageBox.Yes |
        QMessageBox.No, QMessageBox.No)
        if reply == QMessageBox.Yes:
             event.accept()
        else:
            event.ignore()     

其中QMessageBox.question參數(shù)一為類本身，第二個(gè)參數(shù)為標(biāo)題，第三個(gè)參數(shù)為提示文字，第四個(gè)參數(shù)為發(fā)送消息的選項(xiàng)，第五個(gè)參數(shù)為默認(rèn)

image.png

四、連接模擬登錄

雖然說界面暫時(shí)有點(diǎn)丑，但是后續(xù)會(huì)使用QSS進(jìn)行美化的所以不用擔(dān)心的。

接下來就是將前面寫的模擬登陸與登錄界面結(jié)合，這里把前面的代碼進(jìn)行修改，改成了面向?qū)ο缶幊痰囊粋€(gè)形式。

class getMusic():
    def __init__(self,userid,password):
        self.userid=userid
        self.password=password

    def login(self):
        #chrome_options=Options()
        #設(shè)置為無界面模式
        #chrome_options.add_argument('--headless')
        userid=self.userid #這里填上QQ號(hào)
        password=self.password#這里填上對(duì)應(yīng)的密碼
        self.browser = webdriver.Chrome()
        self.browser.implicitly_wait(10)
        self.browser.get("https://music.163.com/")
        #login = browser.find_element_by_link_text('登錄')
        #login.click()
        self.browser.implicitly_wait(10)
        self.browser.find_element_by_css_selector(".m-tophead.f-pr.j-tflag > a").click()
        #css 選擇器中如果一個(gè) tag 的 class 包含空格，要用.號(hào)代替空格
        self.browser.find_element_by_css_selector(".lyct.lyct-1 > div > div.u-alt > ul > li:nth-child(2) > a").click()
        #browser.switch_to_frame()
        #QQlogin = browser.find_element_by_link_text('QQ登錄')
        #QQlogin.click()
        music_handle = self.browser.current_window_handle
        print(music_handle) # 輸出當(dāng)前窗口句柄 
        handles = self.browser.window_handles   # 獲取當(dāng)前全部窗口句柄集合
        print(handles)
        #切換到QQ登陸頁面
        for handle in handles:
            if handle != self.browser.current_window_handle:
                print('switch to qq login window')
                self.browser.switch_to.window(handle)
                self.browser.implicitly_wait(10)
                ##QQlogin = browser.find_element_by_link_text('QQ登錄')
                #QQlogin.click()
        #music_handle = browser.current_window_handle
        self.browser.implicitly_wait(10)
        sleep(2)
        self.browser.switch_to.frame('ptlogin_iframe')
        self.browser.find_element_by_link_text('帳號(hào)密碼登錄').click()
        userid_ele=self.browser.find_element_by_name('u')
        #password_ele=browser.find_element_by_id('pwdArea')
        password_ele=self.browser.find_element_by_name('p')
        userid_ele.send_keys(userid)
        password_ele.send_keys(password)
        self.browser.find_element_by_id('login_button').click()
        self.browser.switch_to.window(music_handle)
    def getList(self):
    
        #進(jìn)入我的音樂
        self.browser.find_element_by_xpath('//*[@id="g-topbar"]/div[1]/div/ul/li[2]/span/a/em').click()
        self.browser.implicitly_wait(10)
        sleep(2)
        self.browser.switch_to.frame('contentFrame')
        self.list=[]
        #list=browser.find_element_by_xpath('//*[@id="g_mymusic"]/div/div[1]/div/div[1]/ul/li[3]')
        #list.click()
        #爬取歌單名稱
        i=1
        while True:
           try:
                list=self.browser.find_element_by_xpath('//*[@id="g_mymusic"]/div/div[1]/div/div[1]/ul/li[{}]'.format(i))
                print(list.text)
                i=i+1
            except:
                print('over')
                break;
        i=1
        while True:
            try:
                music=self.browser.find_element_by_xpath('//*[@class="j-flag"]/table/tbody/tr[{}]/td[2]/div/div/div/span/a'.format(i)).get_attribute("href")
                print(music)
                i=i+1
            except:
                print('over')
                break

前一篇文章說過，此處就不多說明。接下來獲取界面中的文本框的值，然后傳給這個(gè)爬蟲文件進(jìn)行模擬登陸

class Login(QWidget):
    ...
    def initUI(self):
    ...
        self.logins.clicked.connect(self.login)      #將按鈕與下面的函數(shù)綁定
    ...
    def login(self):
        self.getMusic=getMusic(self.qqEdit.text(),self.passEdit.text())    #將兩個(gè)文本框的參數(shù)傳給getMusic函數(shù)
        self.getMusic.login()     

image.png

登錄成功后就意味著可以調(diào)用歌單等信息到新的界面，這里并沒有加提示框以及跳轉(zhuǎn)到新的頁面，后面會(huì)繼續(xù)開發(fā)的，敬請(qǐng)期待吧。

（未完待續(xù)，如以上有疑問，不吝賜教）