前言
之前學習vue3.0時做了幾個小案例,近段時間又找了幾個案例想著把之前做的那些和現(xiàn)在做的放在一起于是休息的時候就搭建了一個vue3的項目。這個項目所用的數(shù)據(jù)都是頁面上寫死的违寿,音樂播放器數(shù)據(jù)是調(diào)用的網(wǎng)易云api拿到的舆声。
目標功能
[?] 手機奇适、郵箱登錄
[?] 修改密碼
[?] 我的歌單信息
[?] 最近播放
[?] 搜索功能
[?] 搜索結(jié)果展示
[?] 發(fā)現(xiàn)頁面歌單
[?] 發(fā)現(xiàn)頁面排行榜
[?] 喜歡音樂(獲取用戶喜歡的音樂)
[?] 歌曲喜歡與否
[?] 歌詞
[?] 相關(guān)評論
[?] 評論點贊 (目前只獲取評論點贊數(shù)量羽嫡,沒有做點贊功能)
[?] 歌曲mv播放
[?] 簽到
[?] 注冊
[?] 歌手分類
登錄頁面,本來想做個滑塊驗證舞肆,但是之前vue2用到的vue-monoplasty-slide-verify插件好像不支持vue3焦辅,所以這一塊就還沒做。登錄調(diào)用的是網(wǎng)易云登錄接口椿胯,目前只做了手機號筷登、郵箱登陸,二維碼登錄接口一直不返回數(shù)據(jù)暫時先不做
影視大廳功能還沒有做哩盲,豆瓣的API現(xiàn)在已經(jīng)不能用了前方,等找到其他API再做這部分。
部分截圖
1.登陸頁面
2.首頁
3.修改密碼
4.推薦頁
5.歷史歌單
6.歌曲mv播放
啟動步驟
查看源碼點擊 查看源碼 歡迎star种冬,歡迎issue
npm install
npm run dev (本地開發(fā))
后期我會在博客更新項目開發(fā)過程中遇到的坑镣丑,學習到的新知識舔糖,新方法等娱两。歡迎關(guān)注
本項目會長期更新,歡迎大家指出問題金吗,共同學習
希望對讀完本文的你有幫助十兢、有啟發(fā),如果有不足之處摇庙,歡迎批評指正交流旱物!
辛苦整理良久,還望手動點贊鼓勵~