1項(xiàng)目說明
最近在學(xué)習(xí)小程序的開發(fā)的過程中，臨時想寫一個音樂小程序，看到了網(wǎng)易云
提供了后臺api程序，這方便我們直接進(jìn)行音樂小程序的開發(fā)不用再從后端開始開發(fā)，網(wǎng)易云音樂平時也經(jīng)常在用，因此想記錄一下學(xué)習(xí)過程
2項(xiàng)目環(huán)境準(zhǔn)備
開發(fā)工具：微信開發(fā)者工具
界面UI組件庫用到的是ColorUI
網(wǎng)易云開發(fā)接口文檔：網(wǎng)易云開發(fā)接口文檔
3項(xiàng)目開發(fā)過程
3.1登錄頁面
登錄頁面樣式是借鑒之前別人已經(jīng)開發(fā)好的登錄界面進(jìn)行修改實(shí)現(xiàn)的，作為一個后端對于前端樣式真的調(diào)不來。。。。
采用手機(jī)號+密碼的方式登錄（網(wǎng)易云的賬號和密碼登錄）
3.2首頁設(shè)計
主要分為幾部分：搜索欄，輪播圖，推薦歌單，熱門歌手精選。
搜索根據(jù)搜索的關(guān)鍵詞搜索對應(yīng)的歌曲列表
歌單點(diǎn)擊后進(jìn)入歌單列表界面，展示對應(yīng)歌單的歌曲列表，點(diǎn)擊可進(jìn)行播放
切換等相關(guān)操作
歌手熱門精選點(diǎn)擊后是對應(yīng)歌手簡介信息和對應(yīng)的歌曲列表
3.3分類頁面
主要分為：搜索欄，分類歌曲排行榜，熱門視頻推薦，熱門話題精選幾部分。
搜索欄：和首頁搜索類似
分類歌曲排行榜點(diǎn)擊進(jìn)入歌曲播放頁面，播放相關(guān)的歌曲
熱門話題精選進(jìn)入話題列表頁，展示相關(guān)的動態(tài)
點(diǎn)擊熱門視頻推薦進(jìn)入視頻播放界面，展示相似視頻推薦，相關(guān)評論列表
發(fā)彈幕等
3.4我的頁面
主要展示對應(yīng)登錄用戶的音樂個人信息，個人關(guān)注列表，最近歌曲播放列表
創(chuàng)建的歌單列表
3.5動態(tài)頁面
這里主要展示對應(yīng)用戶關(guān)注的人相關(guān)動態(tài)信息瀏覽，相關(guān)評論列表展示
4視頻展示
小程序演示視頻
5到的問題
1歌曲播放時有時播放會出現(xiàn)錯誤，這個和后臺接口和網(wǎng)絡(luò)有一定關(guān)系，還沒根本解決。
2頁面渲染過慢的問題。文章來源：http://www.zghlxwxcb.cn/news/detail-426722.html
6總結(jié)
開發(fā)這個音樂小程序過程中進(jìn)一步了解了小程序的結(jié)構(gòu)，對相關(guān)的api操作也
更熟悉了一點(diǎn)，同時也發(fā)現(xiàn)了很多問題，總之就是收獲滿滿。
感興趣的小伙伴可以一起交流學(xué)習(xí)呀~想要相關(guān)資料的可以聯(lián)系我：QQ
1625095546
雖然項(xiàng)目基本模塊已經(jīng)開發(fā)完成，但是個人感覺還是沒有完善，所以相關(guān)資料就先不放上來了。后面完善后再同步到這里。文章來源地址http://www.zghlxwxcb.cn/news/detail-426722.html
到了這里，關(guān)于基于網(wǎng)易云音樂API的微信小程序——zwhdlb的音樂平臺的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
