| 失效鏈接處理 |
|
Vue音樂電影評論詳細(xì)報告 PDF 下載
本站整理下載：
提取碼：kv3q
相關(guān)截圖：
主要內(nèi)容：
1 項目開發(fā)的意義
1.1 項目背景與意義
隨著生活水平的提高，娛樂已經(jīng)成為非常主流的話題，人們不僅需要通過音樂陶冶情操，而且越來越多的人傾向于用音樂、電影等娛樂方式放松自己，這大大促進(jìn)了媒體軟件的發(fā)展。這是本項目實現(xiàn)的背景。
本項目由陳煥提出并單獨開發(fā)并實現(xiàn)其功能，開發(fā)此軟件是為開發(fā)者能更好的明確軟件開發(fā)的詳細(xì)過程，安排精度、組織軟件和開發(fā)與測試，撰寫本文檔。
2 項目需求分析
用戶Web_APP端為用戶提供相應(yīng)的功能模塊。
?描述
用戶通過收集訪問網(wǎng)址，可以在首頁查看最近上映的電影，在電影評論頁面可以看到電影的簡介、用戶評論等信息；用戶可以音樂界面，搜過想聽的音樂，點擊搜索結(jié)果即可在線播放音樂。
圖2-1 用戶用例圖
圖2-1 用戶序列圖
2.2 項目非功能性需求
功能性需求解決“如何使這個系統(tǒng)能在實際環(huán)境中運行”。在設(shè)計解決方案的過程中滿足功能性需求當(dāng)然是很重要的。但是，如果沒有考慮非功能性需求，那么這個解決方案則很難取得實效，因為用戶可能難以甚至無法使用系統(tǒng)的功能。很多非功能需求一般會在底層的基礎(chǔ)技術(shù)平臺去仔細(xì)設(shè)計和實現(xiàn)。
表2-1 產(chǎn)品非功能性需求分析表
系統(tǒng)的性能 系統(tǒng)響應(yīng)時間快、吞吐量大、準(zhǔn)確性高、資源利用率高，更新時間快。
系統(tǒng)的完整性 完整的系統(tǒng)應(yīng)該包括數(shù)據(jù)備份、恢復(fù)、日志管理及垃圾數(shù)據(jù)清除等基本功能，使系統(tǒng)處于一個安全且負(fù)載合理的運行狀況，還能提高系統(tǒng)的應(yīng)用適應(yīng)性。
系統(tǒng)的可靠性 系統(tǒng)能7×24小時連續(xù)運行，當(dāng)系統(tǒng)出現(xiàn)故障和用戶出現(xiàn)錯誤的操作后支持恢復(fù)，當(dāng)用戶在使用過程中遇到錯誤的時候可以立即定位問題，當(dāng)網(wǎng)絡(luò)不穩(wěn)定或使用中異常中斷的情況下系統(tǒng)都有相應(yīng)的容錯措施。
系統(tǒng)的兼容性 兼容性盡可能強一些。
3 項目內(nèi)容與設(shè)計方案
系統(tǒng)分為三個部分，分別是電影列表、音樂列表、開發(fā)者介紹。三者相互獨立，電影列表羅列最近上映電影，進(jìn)入課查看相關(guān)影評，亦可跳轉(zhuǎn)豆瓣頁面；音樂列表羅列推薦音樂，用戶可根據(jù)關(guān)鍵詞搜索音樂，進(jìn)入播放音樂可自動開始音樂播放；開發(fā)者介紹是一些開發(fā)者的簡介信息。
圖3-1 系統(tǒng)功能圖
4 設(shè)計開發(fā)方法
4.1 開發(fā)工具與系統(tǒng)環(huán)境
前端
開發(fā)語言 Vue
開發(fā)工具 Vs Code
主要API 網(wǎng)易云API：http://www.cmcandy.com:8000
豆瓣電影列表API：http://api.douban.com/v2/movie/in_theaters?{otherlimits}
豆瓣電影評論API：https://api.douban.com/v2/movie/subject/{id}?apikey={?}
服務(wù)器代理API：http://bird.ioliu.cn/v1/?url={}
開發(fā)環(huán)境 本地開發(fā)環(huán)境：Windows10
API部署環(huán)境：Centos7
4.2 數(shù)據(jù)請求實現(xiàn)方案
數(shù)據(jù)請求部分，主要使用Axios組件進(jìn)行請求，根據(jù)官方文檔的解釋，Axios 是一個基于promise的HTTP庫，可以用在瀏覽器和node.js中。
?調(diào)用的接口主要是上面網(wǎng)易云和豆瓣的API，網(wǎng)易云由于是開發(fā)者自己搭建的個人服務(wù)，因此可以直接訪問，且由于服務(wù)器帶寬足夠，訪問速度非常快，缺點是網(wǎng)易云開源的API不穩(wěn)定，運行一段時間后會自動關(guān)閉，尚不清楚原因，或許和修改過部分源代碼有關(guān)。
?豆瓣是公開API，直接用Axios回返回403，也就是拒絕訪問，此時需要代理服務(wù)器來實現(xiàn)訪問請求，本項目使用的代理服務(wù)器URL是：http://bird.ioliu.cn/v1/?url={}，優(yōu)點是比較穩(wěn)定，缺點就是需要一定的加載時間。
4.3 下滑自動加載實現(xiàn)方案
該部分主要講述實現(xiàn)滑動到底部自動加載下一頁的思想。
圖4-1 下滑自動加載源代碼圖
其原理如上圖所示，啟動滾動監(jiān)聽事件，當(dāng)檢測到滑動到底部時，調(diào)用loaddata方法，其中不同頁面的loadData有所不同，該頁面是音樂列表，因此需要傳入關(guān)鍵詞，開始長度等參數(shù)。
4.4 歌曲搜索功能實現(xiàn)
該部分主要講述搜索歌曲的實現(xiàn)思想。
圖4-2 搜索框UI圖
搜索框由兩部分組成，分別是左側(cè)的input和右側(cè)的搜索div，其原理就是調(diào)用函數(shù)的時候根據(jù)refs得到input框中的相關(guān)關(guān)鍵詞，調(diào)用loadData方法，并
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
蘇公網(wǎng)安備 32061202001004號
