基于微信小程序的音樂播放的設(shè)計(jì)與實(shí)現(xiàn)

摘要本次設(shè)計(jì)實(shí)現(xiàn)的音樂播放器小程序，讓用戶可以在登錄微信之后，在微信首頁(yè)通過簡(jiǎn)單的下拉操作即可直接打開小程序即可享受到音樂視聽盛宴。依托于微信本身對(duì)數(shù)據(jù)可以進(jìn)行緩存，讓用戶在第一次聽歌之后，無(wú)需多次耗費(fèi)流量資源，即可繼續(xù)播放。本文基于微信小程序開發(fā)，使用微信小程序獨(dú)特構(gòu)建，來(lái)實(shí)現(xiàn)音樂播放程序的設(shè)計(jì)和功能開發(fā)工作。在技術(shù)方面主要通過JS來(lái)進(jìn)行業(yè)務(wù)邏輯的實(shí)現(xiàn)，而表現(xiàn)層則WXML和WXSS來(lái)共同實(shí)現(xiàn)。程序主要包括如下功能：首頁(yè)歌曲歌單展示、歌曲搜索功能、歌曲列表一覽功能、歌曲播放、單曲循環(huán)設(shè)置、隨機(jī)播放設(shè)置、下拉刷新?lián)Q曲、用戶登錄、歌曲切換功能、暫停/重播功能、歌曲時(shí)長(zhǎng)進(jìn)度條展示功能，能夠基本滿足用戶對(duì)聽歌的使用需求。關(guān)鍵詞：互聯(lián)網(wǎng)應(yīng)用微信小程序音樂播放

ABSTRACTThemusicplayerappletdesignedandimplementedinthisdesignallowsuserstologintowechat,andthendirectlyopentheappletthroughasimplepull-downoperationonthewechathomepagetoenjoythemusicaudio-visualfeast.Relyingonwechatitself,datacanbecached,sothatuserscancontinueplayingafterthefirsttimelisteningtosongswithoutconsumingtrafficresourcesformanytimes.Basedonthedevelopmentofwechatapplet,thispaperusestheuniqueconstructionofwechatapplettorealizethedesignandfunctiondevelopmentofmusicplayingprogram.Intermsoftechnology,JSismainlyusedtoimplementbusinesslogic,whilewxmlandwxssareusedtoimplementthepresentationlayer.Theprogrammainlyincludesthefollowingfunctions:thefirstpagesongsingledisplay,songsearchfunction,songlistlistfunction,songplay,singlecyclesetting,randomplaysetting,pull-downrefreshandmusicchange,userlogin,songswitchingfunction,pause/replayfunction,songdurationprogressbardisplayfunction,whichcanbasicallymeettheuser'sdemandforlisteningtosongs.Keywords：Internetapplications,Wechatapplet,Musicplaying

目錄Designandimplementationofmusicplayingbasedonwechatapplet摘要 1ABSTRACT 21. 緒論 11.1 選題背景 11.2 課題研究目的及意義 11.3 論文主要研究?jī)?nèi)容 21.4 論文的結(jié)構(gòu) 22. 系統(tǒng)開發(fā)技術(shù)方案研究 32.1 平臺(tái)與框架 32.1.1 微信開發(fā)者工具 32.1.2 Taro框架 32.2 開發(fā)技術(shù) 52.2.1 WXML技術(shù) 52.2.2 WXSS與CSS技術(shù) 52.2.3 Ajax技術(shù) 52.2.4 JavaScript 52.2.5 數(shù)據(jù)庫(kù)概述 52.2.6 Node.js概述 63. 系統(tǒng)分析 73.1 系統(tǒng)可行性分析 73.1.1 技術(shù)可行性 73.1.2 經(jīng)濟(jì)可行性 73.1.3 操作可行性 73.2 系統(tǒng)開發(fā)環(huán)境 73.2.1 軟件環(huán)境 73.2.2 硬件環(huán)境 73.3 系統(tǒng)需求分析 83.3.1 功能需求分析 83.3.2 性能需求分析 94. 系統(tǒng)模塊詳細(xì)設(shè)計(jì) 104.1 系統(tǒng)總體功能框架設(shè)計(jì) 104.2 系統(tǒng)功能模塊設(shè)計(jì) 104.2.1 用戶登錄模塊設(shè)計(jì) 104.2.2 系統(tǒng)首頁(yè)模塊設(shè)計(jì) 114.2.3 歌曲搜索功能設(shè)計(jì) 114.2.4 音樂播放模塊設(shè)計(jì) 124.2.5 播放模式切換模塊設(shè)計(jì) 124.3 本章小結(jié) 135. 系統(tǒng)實(shí)現(xiàn) 145.1 用戶登錄模塊實(shí)現(xiàn) 145.2 首頁(yè)模塊實(shí)現(xiàn)效果 165.3 歌曲列表展示實(shí)現(xiàn)效果 165.4 音樂播放模塊實(shí)現(xiàn)效果 175.5 播放模式模塊切換實(shí)現(xiàn)效果 186. 數(shù)據(jù)庫(kù)設(shè)計(jì) 207. 系統(tǒng)測(cè)試 217.1 測(cè)試與糾錯(cuò)流程 217.2 測(cè)試環(huán)境準(zhǔn)備 217.3 測(cè)試方法介紹 227.4 系統(tǒng)功能測(cè)試 227.5 測(cè)試分析 24總結(jié)與展望 25參考文獻(xiàn) 26致謝 27

緒論1.1 選題背景伴隨著智能手機(jī)的普及以及國(guó)家對(duì)運(yùn)營(yíng)商提出的“提速降費(fèi)”政策的實(shí)施，移動(dòng)互聯(lián)應(yīng)用在國(guó)內(nèi)市場(chǎng)百花齊放，各行各業(yè)都在移動(dòng)端設(shè)備上搭載各自的APP。移動(dòng)端設(shè)備的操作習(xí)慣和個(gè)人電腦使用完全不同，對(duì)于各應(yīng)用廠商來(lái)說(shuō)，他們需要在較小的屏幕上盡可能友好的展示用戶需要的內(nèi)容，才能達(dá)到培養(yǎng)用戶習(xí)慣、繼而達(dá)到持續(xù)擁有這個(gè)用戶流量的可能[7]。同樣隨著移動(dòng)端的應(yīng)用越來(lái)越廣泛的是：一個(gè)領(lǐng)域下同類型的公司也越來(lái)越多，本論文所實(shí)現(xiàn)的是一個(gè)音樂播放小程序，其中一個(gè)原因就是在日常聽歌過程中，因?yàn)楦枨鏅?quán)、曲庫(kù)內(nèi)容、使用習(xí)慣的不同，需要下載多個(gè)音樂APP，加大占用了手機(jī)的內(nèi)存資源，同時(shí)帶來(lái)了繁瑣的操作方式。微信通過這么多年的努力，打造了一個(gè)完整的生態(tài)圈，使得用戶粘度不斷提高，引得各大互聯(lián)網(wǎng)平臺(tái)紛紛在微信上入駐為小程序商家，以滿足自己產(chǎn)品多元化，增加產(chǎn)品可擴(kuò)展性，提高用戶交融性[3]，但是用戶在操作上，只需要打開微信這一個(gè)APP即可，無(wú)需更加復(fù)雜的操作?？偟膩?lái)說(shuō)，微信小程序是擁抱了用戶希望的變化：減少APP的下載、注冊(cè)，直接打開微信，一站即達(dá)。1.2 課題研究目的及意義微信作為一款高頻的社交軟件，對(duì)于入駐在微信上的小程序商家來(lái)說(shuō)，很容易產(chǎn)生分享、易傳播，達(dá)到用戶數(shù)量裂變的目的。而對(duì)于用戶來(lái)說(shuō)，微信小程序帶來(lái)了依托微信本身的單點(diǎn)登錄、免注冊(cè)、手機(jī)內(nèi)存瘦身、易在一個(gè)朋友圈中進(jìn)行傳播等優(yōu)勢(shì)。本次設(shè)計(jì)實(shí)現(xiàn)的音樂播放系統(tǒng)，目的是基于微信平臺(tái)，能夠讓用戶在小程序上非?？焖俚膶?shí)現(xiàn)歌曲收聽等功能。同時(shí)也做到了對(duì)音樂播放軟件功能的集成和成熟應(yīng)用。通過微信本身的小程序分享接口，能夠在朋友圈中進(jìn)行快速推廣，方便在日常生活中進(jìn)行使用。對(duì)用戶來(lái)說(shuō)，一個(gè)輕便的音樂播放系統(tǒng)能夠帶來(lái)操作上的簡(jiǎn)化，功能清晰，讓用戶一目了然。對(duì)筆者來(lái)說(shuō)，可以研究用戶的使用習(xí)慣：借助微信后臺(tái)的流量信息，可以進(jìn)一步統(tǒng)計(jì)用戶的歌曲播放量、小程序使用量，以進(jìn)一步研究用戶的操作習(xí)慣，更好地提升下一版本的系統(tǒng)功能。1.3 論文主要研究?jī)?nèi)容本次開發(fā)的音樂播放微信小程序，主要基于微信開發(fā)者工具上，使用Taro框架的開發(fā)流程進(jìn)行，目的是為了后續(xù)可以適應(yīng)多端產(chǎn)品的小程序使用，主要進(jìn)行一下幾塊內(nèi)容的研究：Taro組件及API功能的學(xué)習(xí)研究。微信小程序開發(fā)文檔的學(xué)習(xí)研究。Taro框架React組件的學(xué)習(xí)研究。微信小程序設(shè)計(jì)指南的學(xué)習(xí)研究。JSON、Node.js、HTML、CSS的學(xué)習(xí)研究。系統(tǒng)功能需求模塊分析、劃分。系統(tǒng)的功能模塊的劃分是根據(jù)系統(tǒng)的功能需求來(lái)設(shè)定的，只有對(duì)需求分析的透徹，才會(huì)盡量避免返工的情況，因此，在軟件開發(fā)之前，需求分析是第一要素。而為了減少數(shù)據(jù)的冗余，透過功能分析，采用結(jié)構(gòu)化的數(shù)據(jù)規(guī)范方法，用以減少數(shù)據(jù)的操作產(chǎn)生的異常。1.4 論文的結(jié)構(gòu)本論文一共有七章，其結(jié)構(gòu)如下：第一章：緒論。目的是對(duì)本次設(shè)計(jì)實(shí)現(xiàn)的系統(tǒng)的背景、意義以及研究的內(nèi)容做出說(shuō)明。第二章：系統(tǒng)開發(fā)技術(shù)方案研究，主要對(duì)本系統(tǒng)所使用的關(guān)鍵技術(shù)和框架以及其原理和使用的原因進(jìn)行介紹。第三章：系統(tǒng)分析，包括對(duì)系統(tǒng)的定義，可行性的分析、需求的分析，以及可行性方面的分析；第四章：系統(tǒng)模塊詳細(xì)設(shè)計(jì)，系統(tǒng)的設(shè)計(jì)指的是本系統(tǒng)總體功能模塊的設(shè)計(jì)，并且對(duì)單獨(dú)的模塊實(shí)現(xiàn)的功能也有相對(duì)應(yīng)的設(shè)計(jì)說(shuō)明。第五章：系統(tǒng)實(shí)現(xiàn)，包括系統(tǒng)的實(shí)現(xiàn)原理和各個(gè)功能模塊的具體實(shí)現(xiàn)。第六章：數(shù)據(jù)庫(kù)設(shè)計(jì)第七章：系統(tǒng)測(cè)試，指的是系統(tǒng)的測(cè)試方法、測(cè)試結(jié)果、測(cè)試結(jié)論的分析。結(jié)論與展望。系統(tǒng)開發(fā)技術(shù)方案研究本章主要對(duì)本次開發(fā)的音樂播放系統(tǒng)所用到的相關(guān)軟件技術(shù)以及開發(fā)平臺(tái)進(jìn)行了說(shuō)明：采用的開發(fā)模式、系統(tǒng)開發(fā)所需要的IDE編碼工具、開發(fā)語(yǔ)言、相應(yīng)開發(fā)技術(shù)和系統(tǒng)結(jié)構(gòu)進(jìn)行了相應(yīng)的介紹。2.1 平臺(tái)與框架微信開發(fā)者工具微信開小程序開發(fā)團(tuán)隊(duì)專門設(shè)計(jì)推出完全匹配微信內(nèi)容的開發(fā)工具-微信開發(fā)者工具，隨著近兩年對(duì)該工具的快速迭代和不斷更新，目前已經(jīng)處于比較穩(wěn)定的狀態(tài)，當(dāng)然前期的開發(fā)者在開發(fā)的時(shí)候仍然要隨著微信小程序的更新而對(duì)自己的應(yīng)用進(jìn)行更新。因此在微信開發(fā)者論壇上吐槽的文章是非常多的，但是正是這些吐槽的內(nèi)容才是微信更新的一個(gè)龐大的知識(shí)體量庫(kù)[1][2]。如圖2.1所示：圖2.1微信開發(fā)者工具個(gè)人中心：通過點(diǎn)擊頭像進(jìn)行個(gè)人中心面板的顯示；展示內(nèi)容：小程序版本、版本更新的消息推送；提供切換小程序賬號(hào)的入口在個(gè)人中心（頭像）后邊有三個(gè)按鈕：模擬器、編輯器和調(diào)試器：通過點(diǎn)擊進(jìn)行這三塊內(nèi)容的顯示或隱藏相應(yīng)的模塊編譯模式：普通編譯和自定義編譯條件預(yù)覽：在真機(jī)預(yù)覽遠(yuǎn)程調(diào)試：提供遠(yuǎn)程調(diào)試真機(jī)的功能，主要通過共同局域網(wǎng)環(huán)境下的網(wǎng)絡(luò)連接對(duì)小程序進(jìn)行調(diào)試。切后臺(tái)：切后臺(tái)按鈕會(huì)幫助我們快速的切到不同的場(chǎng)景值，通過這個(gè)場(chǎng)景值可以幫助我們?nèi)€(gè)性化一些我們的功能需求清緩存：清除開發(fā)者工具以及調(diào)試設(shè)備中的數(shù)據(jù)緩存、文件緩存、授權(quán)緩存、網(wǎng)絡(luò)緩存和我們的登錄狀態(tài)。Taro框架Taro框架是進(jìn)行微信小程序開發(fā)過程的一大利器。通過taro框架，我們可以使得技術(shù)棧進(jìn)行統(tǒng)一，以實(shí)現(xiàn)在節(jié)約資源的同時(shí)，極大提高我們的開發(fā)效率[12]。通過taro，我們可以完成一次編碼多端適配的效果。Taro編碼和編譯過程，以及目錄結(jié)果分別見圖2.2，圖2.3：圖2.2Taro流程圖圖2.3Taro項(xiàng)目目錄Taro的特點(diǎn)是：遵循react的語(yǔ)法規(guī)范，可以使用JSX語(yǔ)法規(guī)范開發(fā)小程序的應(yīng)用；支持組件化開發(fā)（解耦）；支持TypeScript語(yǔ)法開發(fā)；開發(fā)技術(shù)2.2.1 WXML技術(shù)W：代表微信，XML本身就是標(biāo)記性語(yǔ)言，因?yàn)槲覀兛梢杂蟹浅Ｖ庇^的理解：WXML是APP應(yīng)用程序開發(fā)過程中的界面XML描述文件，它是為構(gòu)建適合的程序界面而出現(xiàn)的[4][5]。WXSS與CSS技術(shù)CSS指層疊樣式表(Cascading

Style

Sheets)，定義了如何顯示HTML元素，而這些元素通常存儲(chǔ)在樣式表中，這樣的外部樣式表可以極大的提高工作效率，多個(gè)樣式定義可層疊為一[4][8]。CSS可以稱得上WEB設(shè)計(jì)領(lǐng)域的一個(gè)突破，如需進(jìn)行全局的更新，只需簡(jiǎn)單地改變樣式，然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。Ajax技術(shù)AJAX=異步JavaScript+XML，

ajax技術(shù)用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)。最顯著的就是“局部刷新”功能，使得程序設(shè)計(jì)者在不加在整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行刷新，這種技術(shù)極大的減少了資源的占用，并且一定程序上提升了網(wǎng)站的加載速度，使得用戶體驗(yàn)度更加友好。有很多使用AJAX的應(yīng)用程序案例：新浪微博、Google地圖、開心網(wǎng)等等[3][4]。JavaScript通過百度百科上的查詢，我們可以知道：JavaScript（以下簡(jiǎn)稱JS）一種直譯式的腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。常用于網(wǎng)頁(yè)客戶端編程，使網(wǎng)頁(yè)在客戶端瀏覽器中，實(shí)現(xiàn)更多地動(dòng)態(tài)功能，表現(xiàn)出更加豐富的視覺效果。JS由以下三個(gè)部分組成：ECMAScript：描述JS的語(yǔ)法和基本對(duì)象；文檔對(duì)象模型（DocumentObjectModel，簡(jiǎn)稱DOM））：描述處理網(wǎng)頁(yè)內(nèi)容的方法和接口；瀏覽器對(duì)象模型（BrowserObjectModel，簡(jiǎn)稱BOM））：描述與瀏覽器進(jìn)行交互的方法和接口。數(shù)據(jù)庫(kù)概述數(shù)據(jù)庫(kù)采用的是微信開發(fā)工具中的JSON數(shù)據(jù)庫(kù)[3][6]：它既可以在小程序前端操作，也能夠在云函數(shù)中進(jìn)行讀寫。正常情況下，初始化數(shù)據(jù)庫(kù)的代碼如下所示：//初始化數(shù)據(jù)庫(kù)constdb=wx.cloud.database();const_=mand;db.collection('userInformation').where({userName:_.eq(userName)}).get({success:function(res){if(res.data.length===1){that.setData({repetition:true})注意，在進(jìn)行數(shù)據(jù)庫(kù)連接的時(shí)候，要注意命名是正確的，不能與微信中現(xiàn)存的數(shù)據(jù)庫(kù)的連接名稱是相同的。Node.js概述Node.js有三個(gè)特征：服務(wù)器端JavaScript處理：server-sideJavaScriptexecution非阻斷/異步I/O：non-blockingorasynchronousI/O事件驅(qū)動(dòng)：Event-driven如上圖所示，傳統(tǒng)的服務(wù)器中，類似Apache、NGINX等web類型的服務(wù)器，客戶端發(fā)送的每一個(gè)請(qǐng)求，都會(huì)在服務(wù)端創(chuàng)建一個(gè)進(jìn)程來(lái)處理這個(gè)請(qǐng)求，但如果我們需要在一個(gè)頁(yè)面一直保持連接，比如持續(xù)實(shí)施接收朋友的消息或者系統(tǒng)推送內(nèi)容，就需要在客戶端和服務(wù)端保持一個(gè)長(zhǎng)時(shí)間的有效連接，這也就是長(zhǎng)輪詢。因此，node.js的非阻塞和事件驅(qū)動(dòng)就派上了用場(chǎng)。

系統(tǒng)分析系統(tǒng)可行性分析3.1.1 技術(shù)可行性對(duì)系統(tǒng)可行性進(jìn)行研究的目的在于確定是否可以在較短的時(shí)間內(nèi)使用最小的代價(jià)來(lái)把系統(tǒng)功能實(shí)現(xiàn)?；谖⑿判〕绦虻囊魳凡シ畔到y(tǒng)的用戶都是對(duì)這塊內(nèi)容有需要的人，在一定范圍內(nèi)關(guān)于數(shù)據(jù)關(guān)聯(lián)系的涉及是比較強(qiáng)的。而且應(yīng)用都是基于目前非常成熟的微信開發(fā)工具進(jìn)行開發(fā)的，所以技術(shù)方面是沒有問題的。3.1.2 經(jīng)濟(jì)可行性經(jīng)濟(jì)可行性研究的目的是分析一個(gè)新開發(fā)的系統(tǒng)的費(fèi)用，本次基于微信小程序的音樂播放系統(tǒng)都是有基于成熟的技術(shù)來(lái)實(shí)現(xiàn)，完全是本人在課余時(shí)間看來(lái)完成的，并未占用更多的資源，所以在經(jīng)濟(jì)方面也是完全可行的。3.1.3 操作可行性操作可行性主要是看基于需求設(shè)計(jì)到開發(fā)出來(lái)的產(chǎn)品是否有人使用，用戶的體驗(yàn)度是否良好？本平臺(tái)的界面平滑度高，易于上手，尤其是用戶基本都使用過微信，而使用本系統(tǒng)的人，不需要進(jìn)行復(fù)雜的操作，只需要簡(jiǎn)單的對(duì)歌曲列表中的內(nèi)容進(jìn)行一次點(diǎn)觸操作，即可實(shí)現(xiàn)歌曲播放功能。在UI設(shè)計(jì)上，通過對(duì)各大應(yīng)用的調(diào)研，基本的功能按鈕簡(jiǎn)單易懂，因此對(duì)用戶的使用也沒有問題，所以在操作方面也是可行的。系統(tǒng)開發(fā)環(huán)境軟件環(huán)境本次開發(fā)的基于微信小程序的音樂播放系統(tǒng)的開發(fā)所需的軟件環(huán)境如下：開發(fā)平臺(tái)：微信開發(fā)者工具[1]開發(fā)語(yǔ)言：WXML、WXSS、AJAX、JS、JSON數(shù)據(jù)庫(kù)、Trao框架其余內(nèi)容：Windows10操作系統(tǒng)硬件環(huán)境本次開發(fā)的基于微信小程序的音樂播放系統(tǒng)的開發(fā)所需的硬件環(huán)境如下：硬件環(huán)境：①筆記本450*2MHZ/40G/1024MB/40G/。②手機(jī)：iPhone11、小米6。系統(tǒng)需求分析功能需求分析本章節(jié)通過用戶的不同進(jìn)行功能需求的區(qū)分設(shè)計(jì)，具體內(nèi)容如下：角色和角色介紹：表3.1角色介紹表角色（參與者）角色描述管理員(歌曲資源維護(hù))發(fā)布、刪除、修改、查詢發(fā)布出去的歌曲信息。普通用戶登錄后可以正常使用本小程序內(nèi)所有的功能：音樂播放、音樂切換、音樂列表查詢等角色前后端的用例關(guān)系圖3.1角色前后端用例關(guān)系圖表3.2描述了用戶進(jìn)行歌曲播放的用例活動(dòng)。表3.2歌曲播放用例名稱：?jiǎn)栴}發(fā)布參與者：所有用戶描述：用戶使用小程序，在點(diǎn)擊具體的歌曲名稱前置條件：用戶成功登錄微信，打開音樂播放小程序用例功能：用戶在線聽歌功能事件流：用戶已正常登錄微信，且正常打開小程序界面，進(jìn)行歌曲的點(diǎn)擊異常事件流：當(dāng)播放按鈕在點(diǎn)擊的過程中，因網(wǎng)絡(luò)波動(dòng)造成微信不在線的狀態(tài)，導(dǎo)致播放失敗后置條件：系統(tǒng)沒有改變表3.3描述了用戶進(jìn)行歌曲切換時(shí)候的用例活動(dòng)。表3.3用戶進(jìn)行歌曲切換用例名稱：?jiǎn)栴}回答參與者：所有用戶描述：用戶使用小程序，在歌曲播放界面，點(diǎn)擊界面下方的上一曲/下一曲按鈕，可以進(jìn)行音樂的切換，且必須是上一首的歌曲前置條件：用戶成功登錄微信，打開音樂播放小程序，并且打開歌曲播放界面用例功能：用戶歌曲切換功能事件流：用戶已正常登錄微信，在小程序上實(shí)現(xiàn)了歌曲播放，網(wǎng)絡(luò)正常，點(diǎn)擊上一曲/下一曲播放按鈕進(jìn)行音樂切換異常事件流：按鈕在觸發(fā)時(shí)候，因網(wǎng)絡(luò)波動(dòng)造成發(fā)布失敗后置條件：系統(tǒng)沒有改變下面以文字描述進(jìn)行功能需求難點(diǎn)以及實(shí)現(xiàn)的痛點(diǎn)進(jìn)行分析設(shè)計(jì)：隨機(jī)播放模式下，通過多次點(diǎn)擊音樂切換按鈕，需要真正實(shí)現(xiàn)隨機(jī)的功能，不能是類似順序播放的上一曲、下一曲切換，但是如果是通過random函數(shù)產(chǎn)生隨機(jī)的數(shù)字進(jìn)行，容易產(chǎn)生index越位，因此隨機(jī)播放模式需要先獲取到當(dāng)前數(shù)據(jù)庫(kù)中的歌曲列表長(zhǎng)度；性能需求分析數(shù)據(jù)準(zhǔn)確度在本系統(tǒng)中，從系統(tǒng)用戶的角度來(lái)分析，因?yàn)橐劳杏谖⑿诺陌踩芾頇C(jī)制，尤其是數(shù)據(jù)庫(kù)直接調(diào)用微信的Json數(shù)據(jù)庫(kù)，所以用戶的數(shù)據(jù)安全是相對(duì)不需要關(guān)心的，但是對(duì)于問題展示的內(nèi)容是一定要準(zhǔn)確的，尤其是涉及到不同的人發(fā)表的不同的評(píng)論信息，因此數(shù)據(jù)的準(zhǔn)確性是最重要的，要保證這一塊的內(nèi)容功能的魯棒性足夠強(qiáng)，但是這方面有一定的保障，用戶在操作過程中不會(huì)受到太大的影響。運(yùn)行速度由于本系統(tǒng)所采用的數(shù)據(jù)庫(kù)較小，而且框架比較成熟，尤其是對(duì)音樂資源和數(shù)據(jù)存儲(chǔ)進(jìn)行分離，只通過歌曲名稱和id進(jìn)行關(guān)聯(lián)，大大減少了數(shù)據(jù)庫(kù)的運(yùn)行時(shí)間，因此不管是在數(shù)據(jù)處理時(shí)間以及程序的響應(yīng)時(shí)間都達(dá)到了足夠的優(yōu)化內(nèi)容，本系統(tǒng)的性能都是可以直接表現(xiàn)給用戶的。

系統(tǒng)模塊詳細(xì)設(shè)計(jì)系統(tǒng)總體功能框架設(shè)計(jì)對(duì)系統(tǒng)功能模塊的劃分也是要依據(jù)對(duì)需求分析來(lái)開展的，劃分功能模塊時(shí)，如何進(jìn)行模塊之間的低耦合設(shè)計(jì)是考慮的主要問題，模塊的規(guī)模要預(yù)先設(shè)想好。根據(jù)需求分析，本系統(tǒng)可劃分為首頁(yè)歌曲歌單展示、歌曲搜索功能、歌曲列表一覽功能、歌曲播放、單曲循環(huán)設(shè)置、隨機(jī)播放設(shè)置、下拉刷新?lián)Q曲、用戶登錄、歌曲切換功能、暫停/重播功能、歌曲時(shí)長(zhǎng)進(jìn)度條展示功能，系統(tǒng)框架設(shè)計(jì)圖如下圖4.1所示：圖4.1整體框架圖系統(tǒng)功能模塊設(shè)計(jì)用戶登錄模塊設(shè)計(jì)基于微信小程序的特性，我們?cè)O(shè)計(jì)只有允許操作平臺(tái)的人才可以使用功能,而小程序的特性就是可以調(diào)用微信的當(dāng)前用戶信息，實(shí)在單點(diǎn)登錄的功能，但是登錄模塊依然是必須的。我們可以這樣設(shè)想：用戶等于進(jìn)入了一個(gè)虛擬的登錄頁(yè)面，填寫用戶數(shù)據(jù)相關(guān)的用戶名密碼完成登錄。登錄模塊設(shè)計(jì)的流程圖，繪制出如圖4.2所示的登錄模塊的流程圖：圖4.2用戶登錄模塊設(shè)計(jì)系統(tǒng)首頁(yè)模塊設(shè)計(jì)用戶登錄到小程序中，系統(tǒng)直接跳轉(zhuǎn)到小程序首頁(yè)，并在跳轉(zhuǎn)過程中向后臺(tái)請(qǐng)求歌曲列表數(shù)據(jù)，默認(rèn)加載存儲(chǔ)在微信云端系統(tǒng)全部數(shù)據(jù)，前端頁(yè)面設(shè)計(jì)基于WXSS+JS進(jìn)行。功能模塊設(shè)計(jì)圖如下4.3所示：圖4.3系統(tǒng)首頁(yè)展示模塊設(shè)計(jì)歌曲搜索功能設(shè)計(jì)歌曲搜索模塊設(shè)計(jì)通過ajax技術(shù)，用戶在前端輸入框中輸入相關(guān)歌曲名稱、歌手名稱、歌單名稱，點(diǎn)擊搜索之后，通過模糊查詢規(guī)則與后臺(tái)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行關(guān)聯(lián)性匹配，如果找到數(shù)據(jù)，則根據(jù)返回的數(shù)據(jù)內(nèi)容，前端展示數(shù)據(jù)。如果找不到后臺(tái)存放的歌曲信息，返回空列表；搜素過程中，如果因網(wǎng)絡(luò)波動(dòng)造成的請(qǐng)求失敗，則通過微信應(yīng)用本身的網(wǎng)絡(luò)連接斷開進(jìn)行提示。模塊功能圖如下4.4所示：圖4.4歌曲搜索功能流向圖音樂播放模塊設(shè)計(jì)音樂播放模塊通過的前置條件是用戶正常點(diǎn)擊了播放按鈕，點(diǎn)擊頁(yè)面上的歌曲列表項(xiàng)，跳轉(zhuǎn)到歌曲播放界面，基于Node.js的數(shù)據(jù)輪詢、長(zhǎng)連接保持特性，在歌曲播放的同時(shí)，后臺(tái)持續(xù)獲取數(shù)據(jù)，數(shù)據(jù)緩存加載的內(nèi)容，在前端通過歌曲時(shí)長(zhǎng)和進(jìn)度條功能向用戶進(jìn)行展示。模塊功能圖如下4.5所示：圖4.5音樂播放模塊播放模式切換模塊設(shè)計(jì)同音樂播放模塊的前置項(xiàng)相同，播放模式切換模塊前置條件是用戶正常點(diǎn)擊了播放按鈕，點(diǎn)擊頁(yè)面上的歌曲列表項(xiàng)，跳轉(zhuǎn)到歌曲播放界面。通過點(diǎn)擊“界面左下方的模式切換按鈕，用戶可以進(jìn)行歌曲的隨機(jī)播放模式、重復(fù)播放模式、順序播放模式，在每一種模式切換成功之后，界面的UI圖標(biāo)也隨著變化，并且在不同的模式下點(diǎn)擊界面的上一曲/下一曲按鈕的作用也不同?；竟δ芰鞒虉D如下圖4.6所示：圖4.6播放模式切換模塊功能本章小結(jié)本章節(jié)的系統(tǒng)模塊功能設(shè)計(jì)，充分利用軟件工程的知識(shí)，在頂層設(shè)計(jì)之初就實(shí)現(xiàn)“高內(nèi)聚、低耦合”的特點(diǎn)。并且，先從角色的劃分來(lái)進(jìn)行初步的設(shè)計(jì)，之后從兩個(gè)角色是否有關(guān)聯(lián)性找到共同點(diǎn)，以此作為減少工作量的一方面。然后根據(jù)角色來(lái)劃分的功能模塊，進(jìn)行流程設(shè)計(jì)。充分考慮到了數(shù)據(jù)庫(kù)中外鍵關(guān)聯(lián)的相關(guān)內(nèi)容，相信通過這樣的設(shè)計(jì)，可以為接下來(lái)系統(tǒng)的具體功能實(shí)現(xiàn)打下良好的基礎(chǔ)。系統(tǒng)實(shí)現(xiàn)根據(jù)本文上述章節(jié)的敘述，從軟件的需求設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、功能設(shè)計(jì)、具體功能的分析，均進(jìn)行了非常具體的實(shí)現(xiàn)，本章節(jié)依據(jù)上述章節(jié)的內(nèi)容，進(jìn)行相關(guān)系統(tǒng)功能的具體實(shí)現(xiàn)，主要通過功能的實(shí)現(xiàn)代碼、實(shí)現(xiàn)截圖進(jìn)行驗(yàn)證展示。用戶登錄模塊實(shí)現(xiàn)小程序在開發(fā)過程中，通過獲取用戶輸入的用戶名、密碼，（可以在控制控制臺(tái)中打印用戶的用戶名密碼來(lái)進(jìn)行驗(yàn)證）。在用戶端的呈現(xiàn)效果是：用戶在個(gè)人賬號(hào)界面，直接點(diǎn)擊登錄按鈕，即可在1秒內(nèi)完成登錄和主頁(yè)跳轉(zhuǎn)。實(shí)現(xiàn)效果如下圖5.1所示：圖5.1獲取微信的用戶名密碼及登錄展示小程序獲取用戶賬號(hào)信息（賬號(hào)同步）實(shí)現(xiàn)代碼如下所示：（1）wxml<viewclass="itemView">用戶名：

<inputclass="input"name="userName"placeholder="請(qǐng)輸入用戶名"

bindinput="userNameInput"/>

</view><viewclass="itemView">密

碼：

<inputclass="input"passwordplaceholder="請(qǐng)輸入密碼"

bindinput="passWdInput"/>

</view><viewclass="viewName"style="background-color:#fbf9fe">

<buttonclass="loginBtn"bindtap="loginBtnClick">登錄</button></view>（2）jsPage({

data:{

userName:'',

userPwd:""

},

//獲取用戶輸入的用戶名

userNameInput:function(e){

this.setData({

userName:e.detail.value

})

},

passWdInput:function(e){

this.setData({

userPwd:e.detail.value

})

},

//獲取用戶輸入的密碼

loginBtnClick:function(e){

console.log("用戶名："+this.data.userName+"密碼："+this.data.userPwd);

}

,

//用戶點(diǎn)擊右上角分享

onShareAppMessage:function(){

}})首頁(yè)模塊實(shí)現(xiàn)效果登錄微信之后，點(diǎn)擊小程序logo圖標(biāo)，成功進(jìn)入到主頁(yè)，主頁(yè)展示內(nèi)容包括所有頂部搜索框、輪播圖海報(bào)切換、歌單類別展示、排行榜展示。實(shí)現(xiàn)效果如下圖所示：圖5.2主頁(yè)展示歌曲列表展示實(shí)現(xiàn)效果歌曲列表展示可以通過首頁(yè)多個(gè)部分實(shí)現(xiàn)跳轉(zhuǎn)：用戶通過輸入框搜索用戶通過點(diǎn)擊首頁(yè)歌曲歌單封面跳轉(zhuǎn)之后，以list列表形式展示歌曲的序號(hào)、歌曲的名稱、歌手名稱，功能實(shí)現(xiàn)圖如下所示：圖5.3歌曲列表模塊展示音樂播放模塊實(shí)現(xiàn)效果音樂播放模塊是最能體現(xiàn)本次設(shè)計(jì)的小程序界面友好的一個(gè)模塊，用戶通過點(diǎn)擊具體的歌曲名稱跳轉(zhuǎn)到該界面，預(yù)先加載界面歌手海報(bào)、歌曲信息，并持續(xù)對(duì)歌曲進(jìn)行緩存，界面同時(shí)展示了歌曲模式切換按鈕、上/下曲播放按鈕。在歌曲播放過程中，海報(bào)會(huì)進(jìn)行動(dòng)態(tài)的旋轉(zhuǎn)，能夠讓用戶在該界面停留時(shí)間更長(zhǎng)。模塊功能實(shí)現(xiàn)圖如下所示：圖5.3歌曲播放模塊展示播放模式模塊切換實(shí)現(xiàn)效果用戶在歌曲播放界面，通過點(diǎn)擊“界面左下方的模式切換按鈕，用戶可以進(jìn)行歌曲的隨機(jī)播放模式、重復(fù)播放模式、順序播放模式，在每一種模式切換成功之后，界面的UI圖標(biāo)也隨著變化，并且在不同的模式下點(diǎn)擊界面的上一曲/下一曲按鈕的作用也不同。下圖展示了在歌曲播放界面通過連續(xù)點(diǎn)擊播放模式按鈕，對(duì)播放模式進(jìn)行切換。用戶同樣可以通過對(duì)頁(yè)面進(jìn)行刷新操作，來(lái)實(shí)現(xiàn)不同模式下的歌曲切換效果。圖5.5播放模式模塊展示

數(shù)據(jù)庫(kù)設(shè)計(jì)

系統(tǒng)測(cè)試系統(tǒng)在微信小程序開發(fā)者后，在測(cè)試之前分別運(yùn)行雙端的服務(wù)，確保平臺(tái)具有進(jìn)行完整性功能測(cè)試的前提，依據(jù)這個(gè)前提本章制定了下面的測(cè)試計(jì)劃，并記錄了相應(yīng)的測(cè)試結(jié)果。測(cè)試與糾錯(cuò)流程測(cè)試評(píng)價(jià)糾錯(cuò)系統(tǒng)啟動(dòng)測(cè)試評(píng)價(jià)糾錯(cuò)系統(tǒng)啟動(dòng)測(cè)試數(shù)據(jù)測(cè)試結(jié)果錯(cuò)誤信息改正信息期望結(jié)果測(cè)試環(huán)境準(zhǔn)備硬件環(huán)境（以此啟動(dòng)手機(jī)模擬器）測(cè)

試

平

臺(tái)

硬

件

配

置核心配件CPUIntel/AMD酷睿i7/Ryzen系列處理器主板技嘉Z97/Z270/X99/990X/X370系列主板顯卡NVIDIAGTX

1080內(nèi)存影馳8GB

DDR4

2400x4/8GB

DDR3

1600x2硬盤浦科特M7V

512GB散熱器超頻3東海X5系統(tǒng)及驅(qū)動(dòng)程序操作系統(tǒng)Microsoft

Windows

10主板驅(qū)動(dòng)Intel/AMD芯片組驅(qū)動(dòng)顯卡驅(qū)動(dòng)NVIDIA顯示驅(qū)動(dòng)DirectX環(huán)境DirectX

9.0c/12幀數(shù)監(jiān)控Fraps

3.5.1軟件環(huán)境：Windows/IOS/Adnroid/Taro/Node.js/微信開發(fā)者工具。測(cè)試方法介紹作為軟件工程中非常重要的組成部分，軟件測(cè)試貫穿在軟件從設(shè)計(jì)到服務(wù)結(jié)束的全生命周期的過程中。對(duì)于測(cè)試方法，主要分為黑盒和白盒兩種方式的測(cè)試，在系統(tǒng)實(shí)現(xiàn)的過程中，已經(jīng)進(jìn)行了單元測(cè)試、集成測(cè)試，主要是通過代碼端的調(diào)試進(jìn)行的，在本文中不做過多的敘述。本章節(jié)主要介紹系統(tǒng)的功能測(cè)試，通過黑盒測(cè)試的方式進(jìn)行。系統(tǒng)功能測(cè)試服務(wù)啟動(dòng)冒煙測(cè)試測(cè)試用例名稱雙端服務(wù)啟動(dòng)測(cè)試/服務(wù)冒煙測(cè)試測(cè)試方法手動(dòng)測(cè)試測(cè)試目標(biāo)系統(tǒng)可以正常啟動(dòng)，日志中沒有1級(jí)錯(cuò)誤測(cè)試操作在安卓模擬器中啟動(dòng)小程序，觀察是否可以正常進(jìn)入主頁(yè)，是否有閃退等情況；用戶在IOS系統(tǒng)中啟動(dòng)小程序的服務(wù)，系統(tǒng)可以正常啟動(dòng)，界面可以正常打開。預(yù)期結(jié)果程序運(yùn)行成功，沒有異常的報(bào)錯(cuò)信息拋出，Android端和IOS端均可以正常顯示測(cè)試結(jié)果通過歌曲播放模式切換測(cè)試測(cè)試用例名稱歌曲播放模式切換測(cè)試測(cè)試方法手動(dòng)測(cè)試測(cè)試目標(biāo)能夠完成歌曲播放模塊的功能需求，無(wú)任何異常信息測(cè)試操作在安卓模擬器中啟動(dòng)小程序，通過下表1中的測(cè)試用例，逐條數(shù)據(jù)進(jìn)行驗(yàn)證；在Iphone手機(jī)中啟動(dòng)小程序，通過下表1中的測(cè)試用例，逐條數(shù)據(jù)進(jìn)行驗(yàn)證；預(yù)期結(jié)果根據(jù)測(cè)試用例表中的數(shù)據(jù)項(xiàng)，驗(yàn)證內(nèi)容沒問題測(cè)試結(jié)果通過表STYLEREF1\s6.SEQ表\*ARABIC\s11歌曲播放模塊切換測(cè)試用例表用戶類型播放模式模式切換是否成功提示內(nèi)容使用者隨機(jī)模式是隨機(jī)模式使用者順序模式是順序模式使用者單曲循環(huán)是單曲循環(huán)使用者隨機(jī)模式是隨機(jī)模式使用者上/下曲切換是正常切換歌曲搜索播放測(cè)試測(cè)試用例名稱歌曲切換播放測(cè)試方法手動(dòng)測(cè)試測(cè)試目標(biāo)用戶完美匹配數(shù)據(jù)庫(kù)中的數(shù)據(jù)，并且根據(jù)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行Filter后臺(tái)篩選，并展示到界面，觀察前端數(shù)據(jù)是否錯(cuò)亂測(cè)試操作在安卓模擬器中啟動(dòng)小程序，搜索“夏天的風(fēng)”；在Iphone手機(jī)中啟動(dòng)小程序，搜索“夏天的風(fēng)”；預(yù)期結(jié)果程序運(yùn)行成功，沒有異常的報(bào)錯(cuò)信息拋出，能夠?qū)λ阉鞯母枨M(jìn)行準(zhǔn)確的列表展示測(cè)試結(jié)果通過歌曲播放模式測(cè)試測(cè)試用例名稱歌曲播放模式測(cè)試測(cè)試方法手動(dòng)測(cè)試測(cè)試目標(biāo)可以正常播放音樂測(cè)試操作問題發(fā)布者在安卓模擬器中啟動(dòng)小程序，對(duì)音樂進(jìn)行正常的播放；問題發(fā)布者在Iphone手機(jī)中啟動(dòng)小程序，對(duì)音樂進(jìn)行正常的播放；預(yù)期結(jié)果程序運(yùn)行成功，沒有異常的報(bào)錯(cuò)信息拋出，支持測(cè)試目標(biāo)中的內(nèi)容。測(cè)試結(jié)果通過意見反饋功能測(cè)試測(cè)試用例名稱意見反饋功能測(cè)試測(cè)試方法手動(dòng)測(cè)試測(cè)試目標(biāo)用戶只要登錄小程序之后，就可以點(diǎn)擊個(gè)人主頁(yè)的意見反饋按鈕，輸入相關(guān)內(nèi)容，點(diǎn)擊提交，完成意見反饋。測(cè)試操作根據(jù)音樂播放模塊設(shè)計(jì)流程步驟進(jìn)行；預(yù)期結(jié)果程序運(yùn)行成功，音樂沒有異常的報(bào)錯(cuò)信息拋出，進(jìn)度條根據(jù)歌曲的進(jìn)度也在正常的進(jìn)行，支持測(cè)試目標(biāo)中的內(nèi)容。測(cè)試結(jié)果通過測(cè)試分析本次設(shè)計(jì)開發(fā)的音樂播放小程序時(shí)借鑒了國(guó)內(nèi)外優(yōu)秀小程序開發(fā)過程的設(shè)計(jì)，從需求進(jìn)行統(tǒng)一的安排，再到系統(tǒng)實(shí)現(xiàn)、系統(tǒng)測(cè)試等過程均能夠保證基本的功能沒有明顯bug，從界面到系統(tǒng)設(shè)計(jì)都保證了普通用戶以及管理員用戶能夠方便操作。系統(tǒng)的主要特點(diǎn)和優(yōu)點(diǎn)歸納如下：（1）本系統(tǒng)用的移置性和針對(duì)性都比較高，因?yàn)獒槍?duì)性高可以提供更好的服務(wù)而移置性可以在多個(gè)系統(tǒng)上運(yùn)行，更給客戶帶來(lái)了極大的方便。（2）內(nèi)容全面但是操作界面不會(huì)很復(fù)雜，設(shè)計(jì)上很多都做了自動(dòng)跳轉(zhuǎn)，其操作方便，用戶界面友好，能夠上網(wǎng)的人都可以很好的進(jìn)行操作。經(jīng)過對(duì)總體測(cè)試分析，基于微信小程序的音樂播放系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)滿足用戶的要求和需求。功能齊全，操作簡(jiǎn)單，產(chǎn)品運(yùn)行性能良好。

總結(jié)與展望從該系統(tǒng)設(shè)計(jì)的整體來(lái)看，本次設(shè)計(jì)開發(fā)的音樂播放系統(tǒng)操作簡(jiǎn)單、平滑性好，用戶體驗(yàn)度良好。又因?yàn)楣δ鼙容^清晰，所以系統(tǒng)功能的魯棒性也是可以得到保障的。相信本次開發(fā)設(shè)計(jì)的系統(tǒng)會(huì)給用戶帶來(lái)非常直觀舒服的使用。但是在設(shè)計(jì)的過程中，對(duì)于界面UI的設(shè)計(jì)、頁(yè)面主體的的多樣化選擇方面還需要進(jìn)行優(yōu)化。比如：設(shè)計(jì)多種不同風(fēng)格的主題，提供用戶在不同的節(jié)假日以及發(fā)布的問題再得到解答之后的主頁(yè)色彩變化和通知功能。畢業(yè)論文終稿修訂在新冠肺炎疫情期間，2020年剛剛開年，一場(chǎng)疫情讓本該及時(shí)返校的我們，一直“滯留”在家中，很慶幸，大家受到的疫情影響不大。同時(shí)經(jīng)過這樣的事件，讓我更加肯定的是當(dāng)時(shí)選擇軟件這個(gè)專業(yè)是正確的。在各行各業(yè)都受到影響的情況，唯有先進(jìn)的科技類型的公司：遠(yuǎn)程辦公系統(tǒng)、網(wǎng)絡(luò)社交平臺(tái)、甚至網(wǎng)絡(luò)游戲平臺(tái)公司，業(yè)務(wù)量大增。同時(shí)感受到大家因?yàn)椴荒芗皶r(shí)返校的情況下，在畢業(yè)論文編寫的過程中、系統(tǒng)實(shí)現(xiàn)的過程中，有很多的問題都想向老師進(jìn)行詢問。但是恰恰因?yàn)椴荒苊鎸?duì)面的進(jìn)行統(tǒng)一解答，使得老師們的業(yè)務(wù)量大增，同時(shí)也為自己沒有更快的將這款小程序發(fā)布出來(lái)，給同學(xué)們使用感到非常抱歉。但是從軟件工程的角度來(lái)說(shuō)，交付給用戶使用之前，肯定要進(jìn)行內(nèi)測(cè)、灰度測(cè)試、初期的公測(cè)，所以心情稍有平復(fù)。參考文獻(xiàn)尚鮮連,陳靜,張?zhí)K.基于用戶興趣的個(gè)性化推薦系統(tǒng)比較研究[J].蘇州市職業(yè)大學(xué)學(xué)報(bào),2013(3):7-11.雷磊.微信小程序開發(fā)入門與實(shí)踐[M].北京：清華大學(xué)出版社,2017.4高洪濤.從零開始學(xué)微信小程序開發(fā)[M].北京：電子工業(yè)出版社,2017.2\o"熊普江謝宇華"熊普江,\o"熊普江謝宇華"謝宇華.小程序·巧應(yīng)用,微信小程序開發(fā)實(shí)戰(zhàn)[M].北京：\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社,2017.1\o"王延平"王延平.21天精通微信小程序開發(fā)[M].北京：電子工業(yè)出版社,2017.1基于微信小程序的圖片分享系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]程海峰.工業(yè)控制計(jì)算機(jī).2019(02)基于微信小程序的O2O模式校園快遞的設(shè)計(jì)與實(shí)現(xiàn)[J]張智林陰毅電子技術(shù)與軟件工程2019(03)微信小程序在高校圖書館忠的創(chuàng)新實(shí)踐[J]楊毅李兆瑞信息記錄材料2019(02)音樂播放器[J]方巖潘一豪美與時(shí)代(城市版)2018(02)基于BaaS開發(fā)微信支付小程序[J]朱先忠電腦編程技巧與維護(hù)2019(02)基于Android平臺(tái)的音樂播放器設(shè)計(jì)與實(shí)現(xiàn)[J]張小琴?gòu)埜浖?018(09)基于web的音樂播放器的設(shè)計(jì)與實(shí)現(xiàn)[J]鄧海文電腦知識(shí)與技術(shù)2018(29)微信小程序應(yīng)用探析[J]劉衛(wèi)紅無(wú)線互聯(lián)科技2016(23)微信小程序如何使用[J]意達(dá)新天地2017(02)音頻播放器的架構(gòu)分析與關(guān)鍵技術(shù)的實(shí)現(xiàn)[J]馮建元計(jì)算機(jī)與網(wǎng)絡(luò)2009(20)ResnickP,VarianHR.Recommendersystems[J].CommunicationsoftheAcm,1997,40(3):56–58.SchaferJB,KonstanJ,RiedlJ.Recommendersystemsine-commerce[C]//WorldAutomationCongress.IEEE,1999.RicciF,RokachL,ShapiraB,etal.RecommenderSystemsHandbook[M].SpringerUS,2011:1-3.BobadillaJ,OrtegaF,HernandoA,etal.Recommendersystemssurvey[J].Knowledge-BasedSystems,2013,46(1):109–132.2019《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》Taro是什么？/item/taro/23339887致謝幾個(gè)月的畢業(yè)設(shè)計(jì)歷程不算是短，也不算長(zhǎng)。很感激有這樣一次檢驗(yàn)自己學(xué)習(xí)成果的機(jī)會(huì)，選擇了軟件這個(gè)行當(dāng)，基本的思想準(zhǔn)備還是有的，尤其是現(xiàn)在的軟件技術(shù)更迭迅速的情況下，我覺得計(jì)算機(jī)軟件類設(shè)計(jì)開發(fā)在國(guó)內(nèi)下一步的發(fā)展歷程才剛剛開始。從現(xiàn)在很火的人工智能、全民編程等國(guó)家號(hào)召，到5G時(shí)代帶來(lái)的大數(shù)據(jù)的更深層次的發(fā)展，可以預(yù)見的是，軟件尤其是作為底層支撐的管理軟件的應(yīng)用需求還是很大的。在本次畢業(yè)設(shè)計(jì)過程中，非常感謝我的指導(dǎo)老師對(duì)我選題以及開題報(bào)告過程中的解答，很感謝身邊的朋友同學(xué)，對(duì)我的不吝指導(dǎo)。馬上就要離開學(xué)校了，帶給我的是充滿挑戰(zhàn)的社會(huì)，再次愿大家都能實(shí)現(xiàn)下一個(gè)夢(mèng)想。讓我們帶著夢(mèng)想出發(fā)！

HYPERLINK如何選擇組裝電腦配件

如何選擇組裝的電腦配件．

第一，選擇好CPU平臺(tái)，就是INTER還是AMD，看你是要配什么樣的電腦，高端還是低端的，兩個(gè)平臺(tái)都高低的產(chǎn)品。第二，選擇主板了，主板的品牌比較多，質(zhì)量，價(jià)格也不一，當(dāng)你第一步卻定了，那么主板也就相應(yīng)的卻定下來(lái)了，以INTER為例，只可以選擇775接口的主板（早期有478接口的，不推薦），主板的選擇主要有兩種，一是集成顯卡，二是不集成顯卡。集成顯卡的話，就可以省下顯卡的錢，但是對(duì)游戲玩家不推薦。那么當(dāng)然是選擇不集成顯卡的主板了，而且最好選擇一線品牌，如華碩，技嘉等。主板里，還有個(gè)蕊片組的選擇。關(guān)于蕊片組，各個(gè)品牌的主板命名有些不一樣，主流是INTER965，945，915，VIA的KT890，還有NFORCE4，NFORCE5。等。比較難說(shuō)清楚。最好是選擇INTER的蕊片組，雖然價(jià)格會(huì)稍高一些。推薦945，技術(shù)比較成熟。第三，顯卡的選擇。顯卡主要還是有兩類品牌，GEFORCE和ATI，兩個(gè)品牌有高，中，低的顯卡。顯卡選擇要看你個(gè)人喜歡了，預(yù)算充足的話，最好是買中，高端的顯卡。

第四，就是內(nèi)存了，內(nèi)存關(guān)系電腦的穩(wěn)定性。當(dāng)然是要好一點(diǎn)的。買一線品牌的。現(xiàn)在配電腦，主流是DDR667，DDR800DDR1333第五，顯示器的選擇，推薦液晶。如何選擇硬件組裝電腦這是一個(gè)老生常談的問題了，這也是一個(gè)讓高手們顯示自己硬件功底的問題，同時(shí)這還是一個(gè)讓很多新手為之焦頭爛額的問題。該怎么配？具體配什么？怎樣配才能盡量減小瓶頸？本文就將從內(nèi)到外，從理論到實(shí)踐，為朋友們抽絲剝繭一一道來(lái)。

一、CPU

作為一臺(tái)電腦最關(guān)鍵的組成部分，CPU確實(shí)起著舉足輕重的作用，但體現(xiàn)一臺(tái)電腦的綜合速度，并不是僅僅依靠CPU的，常?？吹胶芏嘈率謧?cè)谂潆娔X的時(shí)候，把CPU選的很好，但其他的東西諸如內(nèi)存、主板、硬盤等都選的不太理想，好像這臺(tái)電腦速度的快慢就體現(xiàn)在CPU速度的快慢上似的。甚至很多著名的品牌機(jī)廠商，都推出過類似“P4+256M內(nèi)存”的這種跛腳配置。其實(shí)對(duì)于一般的家用電腦而言，一個(gè)真正會(huì)配的高手，是不會(huì)把大量的錢花在CPU上的。家用電腦，畢竟不是做密集型科學(xué)計(jì)算用的，它講求的是多種媒體的配合工作，講求的是能一邊下載文件、一邊上網(wǎng)瀏覽網(wǎng)頁(yè)、一邊聽音樂、一邊還能打開其他的程序，在這種情況下，提升內(nèi)存的容量比提升CPU的主頻對(duì)速度的影響要明顯的多?，F(xiàn)今的中國(guó)家庭用戶，很多家長(zhǎng)對(duì)于電腦一竅不通，他們只聽說(shuō)“奔四”代表著速度快，并不知道整機(jī)速度的快慢除了CPU以外，還有很多其他的因素影響著它。但在買電腦的時(shí)候，最后做決定并掏錢的人，往往都是這些啥都不懂的家長(zhǎng)們，于是就出現(xiàn)了上面的一幕：品牌機(jī)廠商為了能有更好的銷路、兼容機(jī)裝機(jī)店的銷售人員為了能拿到更多的獎(jiǎng)金，開始違背良心來(lái)配置出這種高主頻處理器、低容量?jī)?nèi)存的跛腳電腦。說(shuō)嚴(yán)重點(diǎn)，這是屬于對(duì)消費(fèi)者的不負(fù)責(zé)任，是一種商業(yè)欺詐行為！同樣5000元的配置，高手配出來(lái)的賽揚(yáng)，比新手配出來(lái)的P4還要快很多，曾經(jīng)有一家全球著名的硬件網(wǎng)站在2003年的時(shí)候刊登過一篇關(guān)于配置家用電腦時(shí)各硬件占用總預(yù)算百分比的文章，文中很明確的提到了CPU的價(jià)錢最好不要超過總預(yù)算的10％－15％，我們雖然不能說(shuō)他肯定完全正確，但至少人家是通過很多調(diào)查后得出的結(jié)論，有借鑒的理由。反觀現(xiàn)在的很多所謂的“低價(jià)奔四電腦”、“3999元買P4品牌機(jī)”之類的廣告，我想說(shuō)的就是：你花了3999元，只買了一塊P4的處理器，其他的什么都沒有了！

二、內(nèi)存

對(duì)于配置一臺(tái)電腦來(lái)說(shuō)，內(nèi)存是重頭戲，容量、速度、類型等等每一項(xiàng)指標(biāo)都對(duì)最終的整機(jī)綜合速度起著至關(guān)重要的影響，尤其是內(nèi)存的帶寬和容量。對(duì)于內(nèi)存帶寬而言，很多人都認(rèn)為400MHz、533MHz前端總線的賽揚(yáng)四或P4，配單通道的DDR內(nèi)存就足夠了，雙通道DDR內(nèi)存是配合800MHz以上前端總線的P4處理器用的，其實(shí)這樣就大錯(cuò)特錯(cuò)了，哪怕是最老的賽揚(yáng)四，都需要雙通道的DDR內(nèi)存才能達(dá)到它的帶寬！也就是說(shuō)，你如果選擇賽揚(yáng)四1.8G，必須配合865以上的主板和至少雙通道DDR200的內(nèi)存，才能滿足它的帶寬要求！稍微計(jì)算一下就可以得知：賽揚(yáng)四1.8G的前端總線是400MHz，它的內(nèi)存帶寬理論值是400MHz×64bit÷8＝3.2G/s，但當(dāng)它裝在845系列的主板上時(shí)，由于845主板的限制，即使你插上能符合它帶寬要求的DDR400內(nèi)存，也只能運(yùn)行在DDR266上，這時(shí)的內(nèi)存所能提供的帶寬是266MHz×64bit÷8＝2.1G/s，比3.2G/s要小很多，即使你通過BIOS里的內(nèi)存調(diào)節(jié)選項(xiàng)往上調(diào)節(jié)一檔（也只能調(diào)節(jié)一檔而已），讓內(nèi)存運(yùn)行在DDR333下，所能提供的帶寬也僅僅是333MHz×64bit÷8＝2.66G/s，離3.2G/s還是有一定的距離，而內(nèi)存帶寬的降低，能非常明顯的降低整機(jī)的綜合速度，運(yùn)行任何程序都能明顯的感覺出來(lái)！所以如果想滿足賽揚(yáng)1.8G處理器的內(nèi)存帶寬要求，你必須要為它配置865以上的主板和雙通道的內(nèi)存才行！P4亦是如此。很多人也許會(huì)問：那845系列的主板是配什么處理器的呢？我想回答你的就是：845系列的主板是屬于“不能用”的主板，因?yàn)樘幚砥饔肋h(yuǎn)比主板發(fā)展的快，當(dāng)初Intel造出845系列的芯片組是為了能給當(dāng)時(shí)的賽揚(yáng)和P4提供一個(gè)過渡的平臺(tái)，不至于讓它們成為“沒有主板配合”的處理器而已，也是為了能在低端市場(chǎng)分一杯羹，而現(xiàn)今865甚至9xx系列的主板橫行的時(shí)候，845系列的主板確實(shí)是屬于“不能用”的主板了，滿足不了任何一款處理器的內(nèi)存帶寬，造成性能上的嚴(yán)重低下，試問這種主板你會(huì)選擇么？即使配臺(tái)2000多元的超低價(jià)電腦，也不要去選擇845系列的主板，至少需要865以上的和雙通道內(nèi)存才行，因?yàn)閮?nèi)存帶寬是一個(gè)非常影響系統(tǒng)性能的參數(shù)，倘若一味的為了省錢而配置845系列的主板，那就得不償失了。

內(nèi)存的容量方面，應(yīng)每個(gè)人對(duì)電腦的使用方向不同，容量的要求也是不同的，現(xiàn)在配置的家用電腦，筆者建議：如果不打游戲，或者是打打掃雷、紙牌之類的游戲，平時(shí)注重于上網(wǎng)瀏覽或者是聊天、看電影之類的應(yīng)用的話，內(nèi)存容量不應(yīng)該低于1G；如果是偶爾打打單機(jī)游戲或者是網(wǎng)絡(luò)游戲，內(nèi)存容量應(yīng)該選擇在2G左右，如果是經(jīng)常打大型的游戲或是進(jìn)行HDTV視頻編輯等應(yīng)用，那么4G的內(nèi)存是必不可少的。

三、主板

一臺(tái)電腦的穩(wěn)定性和兼容性，一大部分是看主板的，一款優(yōu)秀的主板不僅需要擁有上等的用料和優(yōu)良的做工，還需要擁有合理的走線設(shè)計(jì)，那些沒有技術(shù)實(shí)力的三、四線主板廠家生產(chǎn)的主板，多數(shù)是采用公版走線，而且用料非常差，穩(wěn)定性不堪一擊，這種類型的主板，筆者建議寧愿不買電腦也不要配這種主板，否則以后將會(huì)是個(gè)淘氣的祖宗。對(duì)于家庭用戶，主板方面一定不能省錢，預(yù)算夠的話最好能買個(gè)一線的主板品牌，如果預(yù)算實(shí)在不足，二線的主板是底線了，不要再往下選擇了，畢竟家用電腦是用來(lái)使用的，不是用來(lái)整天維修的。再談到主板的用料，筆者常?？吹胶芏嘈率衷谂渲弥靼宓臅r(shí)候，貌似老鳥似的說(shuō)某某品牌的主板好，某某品牌的不好，試問你知道它好在哪里么？不好在哪里么？這個(gè)就要看主板的用料了，雖然用料好的主板并不能代表一定是高檔主板，但最少能代表它的電氣性能出色。舉一個(gè)很簡(jiǎn)單的例子吧：有A、B兩款主板，A主板的處理器供電濾波電容采用的是日系電容，B主板的處理器供電濾波電容采用的是臺(tái)系電容，那么基本上可以肯定的是：如果在電源輸出電壓的波動(dòng)范圍比較大的情況下，A主板就比較能耐得住，而B主板就很容易產(chǎn)生電容鼓包、漏夜等情況。不要小看這小小的電容，筆者從一個(gè)開維修店的朋友那里得知，來(lái)維修主板的人，有80％的都是這幾個(gè)小電容損壞，究其原因，就是電源選擇的不好，導(dǎo)致了輸出電壓的不穩(wěn)定，久而久之最終導(dǎo)致這幾個(gè)小電容爆漿，并且詳細(xì)敘述了主板的品牌：“一線廠家的×碩牌主板就很少出現(xiàn)這種情況，但同樣為一線廠家的×星牌主板，經(jīng)常遇到！原因就是前者的大部分主板使用的是日系電容，而后者的大部分主板為了省錢，選用的是臺(tái)系電容！”廠家的廣告不能信，宣傳也不能信，看到一個(gè)產(chǎn)品的廣告之后，你所能相信的唯一一點(diǎn)就是：地球上有這么個(gè)產(chǎn)品的存在！然后其他的就統(tǒng)統(tǒng)都不能信了！網(wǎng)上有好多所謂的“評(píng)測(cè)”文章，都是槍手寫的，基本上沒有任何參考余地，只能作為一篇小說(shuō)來(lái)讀，一款主板的真正性能，只有你自己使用了之后才能知道。廠家為了銷量、商家為了利潤(rùn)，他們能把最最垃圾的主板宣傳為最頂級(jí)的產(chǎn)品，筆者曾經(jīng)就看到過一款四線品牌的主板廠商，在對(duì)其主流主板的廣告上說(shuō)“最優(yōu)秀的設(shè)計(jì)、最精湛的工藝、最穩(wěn)定的性能”……結(jié)果一看報(bào)價(jià)：550元/塊……其他的話我也不想多說(shuō)了，只想問問這家廠商：你這么垃圾的主板都用了三個(gè)“最”字，那么華碩的同芯片組主板，售價(jià)是你三倍的，應(yīng)該用什么詞語(yǔ)來(lái)描述了？？中國(guó)有一句古話：一分錢一分貨，說(shuō)的非常正確！不要認(rèn)為價(jià)格高的主板就是暴利產(chǎn)品，從市場(chǎng)經(jīng)濟(jì)學(xué)上說(shuō)，暴利產(chǎn)品是不會(huì)被市場(chǎng)所接受的，之所以他能存活到今天，而且售價(jià)依然是這么高，肯定有他的理由，他在做工用料方面肯定比其他品牌的要好很多，成本高所以售價(jià)高，在此，筆者奉勸大家一句：買主板千萬(wàn)不要憑僥幸心理，認(rèn)為自己能花很少的錢買到很好的東西，只有錯(cuò)買的沒有錯(cuò)賣的，商家永遠(yuǎn)都比你精明！主板上面還是老老實(shí)實(shí)的多花點(diǎn)錢來(lái)買個(gè)一線產(chǎn)品吧，否則以后有你吃苦的時(shí)候！

四、硬盤

現(xiàn)在的電腦，硬盤的速度當(dāng)之無(wú)愧的成為了“第一大瓶頸”，無(wú)論你是再高的高手，配電腦的時(shí)候也無(wú)法消除這個(gè)瓶頸的存在，我們只有盡量的減小…再減小……。對(duì)于家用電腦的硬盤來(lái)說(shuō)，容量和速度是兩個(gè)非常重要的參數(shù)，容量上而言，筆者建議：如果你的電腦只是上網(wǎng)瀏覽瀏覽、偶爾打打小游戲的，那么160G的硬盤是個(gè)不錯(cuò)的選擇；如果你常常下載軟件或電影，那么250G的硬盤是個(gè)不錯(cuò)的選擇，如果你是個(gè)下載狂人，那么400G的硬盤比較適合你；如果你有DV或者是經(jīng)常編輯大型的視頻文件，那么400G×2比較適合你，如果你是個(gè)玩HDTV的人，那么恭喜你，400G×4也許你都不夠用。對(duì)于硬盤容量上的選擇，你不能考慮現(xiàn)在是否夠用，你應(yīng)該考慮未來(lái)的1年里是否夠用，大概的公式是：現(xiàn)在需要的容量×3。也就是說(shuō)，如果你現(xiàn)在感覺80G的硬盤差不多夠用了，那么你就需要買個(gè)250G的硬盤。如果你現(xiàn)在感覺120G的硬盤夠用了，那么就去買個(gè)400G的硬盤吧。硬盤另外的一個(gè)參數(shù)就是速度，受到內(nèi)部傳輸率等諸多因素的限制，一塊硬盤的實(shí)際傳輸速度是不可能達(dá)到它的接口速度的，現(xiàn)在的并口硬盤基本上都是ATA133了，串口硬盤也都是150了，但民用級(jí)硬盤的實(shí)際傳輸速度最快的也還沒突破66M/s，所以跟內(nèi)存相比，硬盤的速度是電腦中最大的瓶頸，那么怎么來(lái)減小這個(gè)瓶頸呢？于是人們就發(fā)明了RAID，就是磁盤陣列（當(dāng)然RAID不是僅僅為了這個(gè)而發(fā)明的），用兩塊一模一樣的硬盤來(lái)組成RAID0，速度理論上能提高1倍，雖然實(shí)際上是不可能達(dá)到1倍的，但至少能非常非常明顯的感覺到了硬盤速度的提升，筆者建議：如果你買的主板是帶有RAID功能的，并且你需要保存的數(shù)據(jù)不是很重要的話，那么強(qiáng)烈建議你在預(yù)算允許的情況下購(gòu)買兩塊硬盤來(lái)組建RAID0，這將使你能親身體會(huì)到飛機(jī)與火車的速度差別！但最好是串口的，如果是并口的話，因?yàn)椴⒖谧叩氖荘CI總線，由于PCI總線上的設(shè)備比較多，所以速度不可能達(dá)到比較高的地步，但如果是串口的話，那么硬盤的速度提升將更加明顯！

五、顯示器

顯示器方面，筆者想澄清一個(gè)觀念：曾經(jīng)聽過非常多的人說(shuō)液晶顯示器保護(hù)眼睛，因?yàn)闆]有輻射和閃爍……包括很多業(yè)內(nèi)人士都這么認(rèn)為的，其實(shí)錯(cuò)了，液晶顯示器比普通的CRT還要傷眼睛！因?yàn)閭劬Σ粌H僅是輻射和閃爍，還有對(duì)比度、亮度等參數(shù)，雖然液晶顯示器的輻射和閃爍比CRT要小的多，但它那要命的對(duì)比度、那要命的色澤度、還有那大于每平方米300cd的亮度，這些都會(huì)對(duì)眼睛造成很大的傷害，并且你即使將液晶顯示器的亮度和對(duì)比度調(diào)節(jié)到最低，也還是非常的刺眼。德國(guó)的一家權(quán)威機(jī)構(gòu)做過一項(xiàng)調(diào)查：液晶顯示器用久了會(huì)使人的眼睛感覺到疲倦，甚至頭痛等癥狀，而使用相同時(shí)間的CRT顯示器，卻基本沒有這些情況出現(xiàn)。現(xiàn)在的通過TCO03認(rèn)證的CRT顯示器，其實(shí)外露的輻射已經(jīng)相當(dāng)小了，基本上對(duì)人已經(jīng)沒有多大的傷害了，閃爍感也可以通過調(diào)節(jié)刷新率來(lái)降低，筆者實(shí)在是搞不懂為什么很多人非要去選擇液晶顯示器，還非要說(shuō)液晶顯示器不傷眼睛？？一個(gè)最差的17寸液晶顯示器的價(jià)格，能買一臺(tái)不錯(cuò)的、通過TCO03標(biāo)準(zhǔn)的19寸CRT了，顯示面積也差不多大，而且CRT又比液晶更保護(hù)眼睛，液晶顯示器唯一的一個(gè)優(yōu)點(diǎn)就是占用空間小而已，其他的統(tǒng)統(tǒng)是缺點(diǎn)，為什么不選擇CRT呢？？說(shuō)到TCO03標(biāo)準(zhǔn)，現(xiàn)在很多的號(hào)稱是通過TCO03認(rèn)證的顯示器，其實(shí)都是貼牌的，都沒有真正的通過，關(guān)于怎樣鑒別一臺(tái)TCO03的顯示器，網(wǎng)上已經(jīng)有很多文章可以搜索到，筆者在此不想過多敘述，只是提醒大家一點(diǎn)：一臺(tái)真正的通過TCO03認(rèn)證的顯示器，外表的顏色除了白色以外，是不會(huì)有其他顏色的了，因?yàn)門CO03認(rèn)證中有重要的一條就是外殼可回收性，而除了白色以外，其他的任何顏色都加了有機(jī)染料在里面，是不能作為回收利用的，這點(diǎn)請(qǐng)大家購(gòu)買顯示器的時(shí)候一定要注意了！

六、電源

作為一臺(tái)電腦的動(dòng)力之源，電源質(zhì)量的好壞直接關(guān)系到這臺(tái)電腦的壽命，在這點(diǎn)上筆者先要肯定一下品牌機(jī)廠商的做法了，在各大品牌機(jī)中，雖然其他配件可以用跛腳來(lái)形容，但所配的電源和機(jī)箱基本上都是不錯(cuò)的，功率雖然不是很大，但滿足它的配置是足夠了。而一些新手在配兼容機(jī)的時(shí)候，很多情況下都忽視了電源這一方面，結(jié)果導(dǎo)致的直接后果就是主板電容爆漿、硬盤損壞、顯卡電容爆漿等情況。對(duì)于電源來(lái)說(shuō)，有很多參數(shù)去標(biāo)準(zhǔn)它，但對(duì)我們影響最大的兩個(gè)參數(shù)就是它的功率和輸出電流穩(wěn)定度，首先來(lái)看看它的功率：很多國(guó)內(nèi)的著名電源制造廠商，例如×河田、×國(guó)者等等品牌，都有嚴(yán)重虛標(biāo)功率的