需要金幣： 1000 個金幣 |
資料包括：完整論文 |  |
 |
| 轉(zhuǎn)換比率：金額 X 10=金幣數(shù)量， 例100元=1000金幣 | 論文字數(shù)：7929 |  | |
| 折扣與優(yōu)惠：團購最低可5折優(yōu)惠 - 了解詳情 | 論文格式：Word格式(*.doc) |  |
摘要:歷史的車輪滾滾向前，社會的快速發(fā)展和進步，越來越多的人開始享受著網(wǎng)絡(luò)的便利，越來越多的人開始在網(wǎng)上沖浪，看電影，看小說，看體育賽事來緩解工作之后的疲憊，當然，音樂當然也是其中最緩解疲憊的一種方式，尤其近幾年來，隨著移動互聯(lián)網(wǎng)浪潮的高速發(fā)展，智能手機的大力推廣，硬件的快速更新?lián)Q代，4G甚至未來的5G技術(shù)的不斷普及，讓在線類的網(wǎng)站不在拘束于硬件和網(wǎng)速的制約，網(wǎng)絡(luò)的傳播很快，能夠跨平臺，高效的傳播，便捷的傳輸方式的優(yōu)勢迅速流行。并且在歐美風(fēng)，港臺熱，日韓流的沖擊下，音樂已經(jīng)深入我們的日常生活，音樂與我們幾乎融為一體。在線收聽音樂試聽已經(jīng)成為我們生活中的一種愉悅生活的情調(diào)，因此，為了能讓更多的音樂被大家共享，我認為在線的音樂網(wǎng)站是不能缺少的。 近幾年來，隨著移動互聯(lián)網(wǎng)如雨后春筍般發(fā)展，人們對手機的依賴慢慢超過了對計算機的依賴。人們在網(wǎng)上聊天交友（Facebook，Twitter，Google+），在網(wǎng)上請教問題（Quora，Stack Overflow），搜索查閱資料（Google，Yahoo，Bing，Yandex），在網(wǎng)上看視頻（YouTube，Megavideo，Hulu）。除此之外，我發(fā)現(xiàn)很多人還會在網(wǎng)上進行電子商務(wù)交易，多媒體的下載，有著很多的使用者。尤其是近些年電子商務(wù)的高速發(fā)展，大大減少了我們對周圍環(huán)境的熟悉和依賴，無論是世界各地哪里的網(wǎng)友，都可以瀏覽到世界各地的各類不同的信息，非常的方便和實用，由于以上的優(yōu)勢和便捷，近些年來各種各樣的網(wǎng)站參差不齊如爆發(fā)性火山一樣噴發(fā)，出現(xiàn)在網(wǎng)絡(luò)的各個角落，這也是我做一個在線的音樂網(wǎng)站設(shè)計的實際意義。 本音樂網(wǎng)站主要集中在前端的實現(xiàn)，實現(xiàn)前后端的完全分離，利用前端VueJs框架+PHP寫的API實現(xiàn)的SPA（single page application），就是現(xiàn)在比較流行的單頁面應(yīng)用，包括頁面無刷新切換（vue-router路由控制實現(xiàn)），音樂動態(tài)展示，在線試聽，歌曲封面標題滾動，歌詞同步，單曲，隨機，列表循環(huán)播放等信息，囊括在前端實現(xiàn)。后端使用PHP API，實現(xiàn)前后端分離的高效開發(fā)，也便于維護。 本網(wǎng)站界面友好，采用HTML5和CSS3，JAVAScript布局和展示，網(wǎng)站交互性和美觀性都值得品味，主要參考網(wǎng)易云音樂和蝦米音樂的界面設(shè)計，與目前市場上主流的音樂網(wǎng)站有所不同，操作簡單，界面簡潔。各個組件層級之間切換高效，頁面無刷新，減少網(wǎng)絡(luò)延時帶來的網(wǎng)站卡頓，減輕服務(wù)器壓力。同時，網(wǎng)站采用現(xiàn)在移動端比較流行的rem的響應(yīng)式設(shè)計，實現(xiàn)各個手機屏幕分辨率和平板的多端自適應(yīng)。實現(xiàn)了一套代碼，多端適用，大大的減少了開發(fā)成本，也利于維護。 根據(jù)網(wǎng)站所需功能，采用PHP + VueJS的技術(shù)方案，充分利用軟件工程思維方法，總體上用結(jié)構(gòu)化生命周期法進行系統(tǒng)分析和設(shè)計，并且采用快速的原型法來實現(xiàn)系統(tǒng)，如果不太考慮性能的話，單頁面應(yīng)用還可以直接打包成native app。 關(guān)鍵詞：Vuejs；PHP；SPA；HTML5
目錄 摘要 Abstract 1引言-1 1.1項目的來源及背景-1 1.2項目研究的意義-1 1.3 國內(nèi)外的現(xiàn)狀-1 1.4 國內(nèi)音樂網(wǎng)站存在問題-2 2系統(tǒng)規(guī)劃和可行性分析-2 2.1 系統(tǒng)調(diào)研-2 2.1.1音樂的信息基本瀏覽功能-3 2.1.2用戶注冊登錄的功能-3 2.1.3音樂的試聽功能-3 2.2 系統(tǒng)分析-3 2.2.1系統(tǒng)平臺-3 2.2.2模塊分析-3 3開發(fā)工具與技術(shù)-4 3.1 HTML&CSS的概述-4 3.1.1 HTML&HTML5概述-4 3.1.2 CSS&SASS概述-4 3.2 JavaScript的概述-4 3.3 VueJS的概述-5 3.3.1簡介-5 3.3.2概念綜述-5 3.3.3模型 (Model) -6 3.4 PHP+MYSQL的概述-6 3.4.1 PHP，PHP 是世界上最好的編程語言。-6 3.4.2 MYSQL，MySQL 是世界上最流行的開源數(shù)據(jù)庫服務(wù)器。-6 3.5 響應(yīng)式設(shè)計的概述-6 3.5.1響應(yīng)式介紹-6 3.5.2移動端rem布局-7 3.6 開發(fā)環(huán)境與工具概述-8 3.6.1服務(wù)器搭建的環(huán)境：-8 3.6.2開發(fā)工具：-8 4系統(tǒng)設(shè)計與實現(xiàn)-9 4.1 系統(tǒng)功能設(shè)計-9 4.1.1 域名的注冊，服務(wù)器的搭建-9 4.1.2 登錄注冊功能的實現(xiàn)-13 4.1.3 音樂播放首頁歌單詳情頁-21 結(jié) 論-24 致 謝-25 參考文獻 -26 |
