1緒論1.1課題背景現(xiàn)如今，越來(lái)越多的人喜歡網(wǎng)上購(gòu)物，根據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布第48次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》（以下簡(jiǎn)稱(chēng)《報(bào)告》）。報(bào)告顯示，截至2021年6月，我國(guó)網(wǎng)民規(guī)模達(dá)10.11億，互聯(lián)網(wǎng)普及率達(dá)71.6%。網(wǎng)絡(luò)零售成為消費(fèi)新引擎，我國(guó)網(wǎng)絡(luò)購(gòu)物用戶(hù)規(guī)模達(dá)8.12億，占網(wǎng)民整體的80.3%，網(wǎng)購(gòu)可以不用出門(mén)就購(gòu)買(mǎi)到基本上人們所用到的東西，這當(dāng)然是非常好的，可有利就有弊，網(wǎng)購(gòu)雖然方便，卻不能很好的把握產(chǎn)品質(zhì)量，更不能通過(guò)幾段文字或者圖片來(lái)了解到網(wǎng)購(gòu)商品的方方面面，例如衣服是否合身，餅干是否好吃，耳機(jī)的音質(zhì)好壞等等都是需要消費(fèi)者親身體會(huì)才能知道。基于現(xiàn)代音頻技術(shù)的發(fā)展，本文著重對(duì)耳機(jī)這一產(chǎn)品的特點(diǎn)進(jìn)行研究。大家對(duì)吃飯可能比對(duì)耳機(jī)的了解要多的多，那么我們就從吃飯說(shuō)起。川味辣，粵味淡、鮮，山西人則喜酸。這三種味道什么味道最好？這恐怕不同的人有不同的說(shuō)法。耳機(jī)的特點(diǎn)也是一樣。歐洲耳機(jī)如拜亞、森海塞爾、AKG，大致上音色比較相近，真實(shí)、清晰、清淡如水。美國(guó)耳機(jī)如高斯、愛(ài)麗絲、歌德，則讓人感覺(jué)聲音富有激情、人性化、有朝氣。日本耳機(jī)有東方之美學(xué)特點(diǎn)，人聲美，聲音溫暖，高低頻延伸好，有人形容聲音神似LS3/5a您喜歡什么音樂(lè)，什么耳機(jī)，您是青年人還是中年人，是什么性格、愛(ài)好，您自己決定，從聲音特點(diǎn)上講以上三種類(lèi)型只有特點(diǎn)不同，并無(wú)優(yōu)劣之分，而決定這些耳機(jī)不同特點(diǎn)的頻響曲線(xiàn)。每一款耳機(jī)的頻響曲線(xiàn)都不一樣，聲音特點(diǎn)也不盡相同，頻響曲線(xiàn)的差異，能夠反映出不同級(jí)別耳機(jī)之間的聲音表現(xiàn)差異。例如市面上一些耳機(jī)的頻響曲線(xiàn)在低頻段突然衰減的很厲害，這部分的聲音就會(huì)顯得干癟，松散，沒(méi)有下潛。而在呈現(xiàn)出較為平直的頻響曲線(xiàn)形態(tài)時(shí)，我們能夠聽(tīng)到更多的細(xì)節(jié)，也就是我們常說(shuō)的解析力好。受限于技術(shù)水平和成本方面的考慮，目前市面上并沒(méi)有任何一款耳機(jī)可以達(dá)到完美的音質(zhì)，不同廠(chǎng)家會(huì)有不同的調(diào)音風(fēng)格來(lái)發(fā)揮出耳機(jī)的特點(diǎn)，有的人喜歡低頻多一點(diǎn)，有的人喜歡高頻多一點(diǎn)，在網(wǎng)上購(gòu)買(mǎi)時(shí)無(wú)法根據(jù)圖片和介紹來(lái)代替實(shí)際的聽(tīng)感，為了解決這個(gè)問(wèn)題，本文通過(guò)人頭錄音設(shè)備實(shí)錄音頻還原耳機(jī)聽(tīng)感的特點(diǎn)，通過(guò)對(duì)人頭錄音的采集和耳機(jī)佩戴方式的分類(lèi)設(shè)計(jì)了一套基于Java-Web和android交互的系統(tǒng)。1.2本文主要內(nèi)容第1章緒論,述說(shuō)課題的背景、它的現(xiàn)實(shí)意義以及研究?jī)r(jià)值。第2章相關(guān)技術(shù)概述,把系統(tǒng)所用到的技術(shù)進(jìn)行簡(jiǎn)要的概述。第3章系統(tǒng)需求分析,詳細(xì)的分析系統(tǒng)的功能，主要通過(guò)頁(yè)面模塊，業(yè)務(wù)流程展開(kāi)分析。第4章系統(tǒng)設(shè)計(jì),從系統(tǒng)的數(shù)據(jù)庫(kù)設(shè)計(jì)，到業(yè)務(wù)流程設(shè)計(jì)進(jìn)行詳細(xì)說(shuō)明。第5章系統(tǒng)實(shí)現(xiàn)，通過(guò)圖片和文字說(shuō)明的方式以顯現(xiàn)出系統(tǒng)各頁(yè)面、功能的效果。第6章總結(jié)，對(duì)系統(tǒng)的完成情況及其特點(diǎn)進(jìn)行一些歸納和對(duì)全文總結(jié)。2相關(guān)技術(shù)概述2.1Java-web后臺(tái)2.1.1Jfinal框架Jfinal采用了MVC架構(gòu)，這種架構(gòu)是XeroxPARC在上世紀(jì)八十年代發(fā)明的軟件設(shè)計(jì)模式，如今被廣泛用于軟件開(kāi)發(fā)的一種模式，而后成為JAVAEE平臺(tái)的設(shè)計(jì)模式，受到非常多軟件開(kāi)發(fā)者的青睞，其優(yōu)勢(shì)在于將M和V的代碼分離實(shí)現(xiàn)，如在獲取數(shù)據(jù)后，可以通過(guò)V（用戶(hù)界面）將數(shù)據(jù)以不同的表現(xiàn)形式呈現(xiàn)，不僅方便對(duì)數(shù)據(jù)的取用查看，也對(duì)開(kāi)發(fā)大型復(fù)雜的項(xiàng)目有很大的幫助。C則是代表控制器，用來(lái)處理用戶(hù)和后臺(tái)的數(shù)據(jù)交互，從視圖中讀取數(shù)據(jù)后可以進(jìn)行處理控制，并向模型發(fā)送處理后的數(shù)據(jù)。Jfinal框架便是用了這種架構(gòu)，并且該框架的設(shè)計(jì)也盡量遵循輕量簡(jiǎn)單，遵從與“約定優(yōu)于配置“的開(kāi)發(fā)理念，支持無(wú)xml文件的零配置，其核心可以極大的減少代碼的編寫(xiě)，而且還能覆蓋到所有的功能點(diǎn)，可以快速開(kāi)發(fā)出項(xiàng)目功能，基本是涵蓋了java開(kāi)發(fā)的所有優(yōu)點(diǎn)，又能提高開(kāi)發(fā)效率。2.2Java-web前端2.2.1lay-ui框架Lyui是由職業(yè)的前端作者賢心打造的面向前后端開(kāi)發(fā)者的框架，采用其自身經(jīng)典的模塊化規(guī)范，希望能遵從原生的前后端開(kāi)發(fā)方式，風(fēng)格簡(jiǎn)約，總體給人一種小清新的感覺(jué)，組件卻又十分優(yōu)雅。實(shí)際上更多的是面向后端開(kāi)發(fā)人員獨(dú)立開(kāi)發(fā)項(xiàng)目，同樣具有零依賴(lài)和全模塊的加載方式，它的命名規(guī)則也和后臺(tái)的數(shù)據(jù)高度對(duì)應(yīng)，開(kāi)發(fā)人員可以把核心放在數(shù)據(jù)的交互上。Layui也和那些MVVM底層的前端框架不同，在功能上，可以說(shuō)全覆蓋了VUE+Axios+ElementUI這套方案，極易上手，開(kāi)發(fā)人員無(wú)需涉足于前端的種種工具，只需要對(duì)瀏覽器的本身，寫(xiě)好后臺(tái)就可以很方便的與所需要的元素進(jìn)行交互。2.3Android端2.3.1網(wǎng)絡(luò)框架android-async-httpandroid-async-http是一個(gè)非常好用的用于網(wǎng)絡(luò)請(qǐng)求等的框架，功能強(qiáng)大，使用簡(jiǎn)單，其get和set請(qǐng)求也極為方便，代碼上看只需要將context以及url傳入并且寫(xiě)相應(yīng)的回調(diào)接口，其它的當(dāng)請(qǐng)求被執(zhí)行時(shí)，基本上都是使用AsyncHttpResponseHandel的子類(lèi)，調(diào)用的方法有onStart，onSuccess，請(qǐng)求后會(huì)將數(shù)據(jù)做持久化后到數(shù)據(jù)庫(kù)，簡(jiǎn)化了以往android開(kāi)發(fā)中自帶的HttpClient的操作步驟，使用起來(lái)非常的方便。2.3.2圖片加載框架Universal-Image-Loader在大家開(kāi)發(fā)android應(yīng)用中，不可避免的會(huì)接觸到異步加載圖片，或者是需要大量加載圖片的情況，處理這些問(wèn)題常常令人非常棘手，比如圖片的錯(cuò)亂，OOM等問(wèn)題，所以出現(xiàn)了很多應(yīng)對(duì)圖片加載的框架，其中比較著名的就是Universal-Image-Loader，其具有非常完整的內(nèi)存緩存實(shí)現(xiàn)，開(kāi)發(fā)人員不僅可以根據(jù)項(xiàng)目需求選擇實(shí)現(xiàn)策略，也可以自己定制策略。其特征優(yōu)勢(shì)也非常明顯，例如這個(gè)框架可以很好的控制圖片加載過(guò)程，在滑動(dòng)中暫停加載圖片，停止滑動(dòng)時(shí)在開(kāi)始加載圖片，避免了很多運(yùn)行問(wèn)題，根據(jù)控件的大小自動(dòng)進(jìn)行裁剪，避免其占用過(guò)多的內(nèi)存。3系統(tǒng)需求分析3.1系統(tǒng)功能分析耳機(jī)商城系統(tǒng)根據(jù)使用者劃分角色主要分為用戶(hù)和管理員。用戶(hù)是對(duì)耳機(jī)這一電子產(chǎn)品有購(gòu)買(mǎi)需求的，APP需要提供查看、搜索、收藏、購(gòu)買(mǎi)、評(píng)論等功能。管理員是對(duì)耳機(jī)產(chǎn)品、耳機(jī)訂單等具有管理權(quán)限的人員。本課題中耳機(jī)商城系統(tǒng)分為移動(dòng)端和Web端：移動(dòng)端的主要功能包括：耳機(jī)分類(lèi)（按佩戴方式分類(lèi)），耳機(jī)和品牌搜索，耳機(jī)收藏，耳機(jī)評(píng)價(jià)，用戶(hù)個(gè)人信息修改，訂單信息等。后臺(tái)功能分為：耳機(jī)管理，評(píng)論管理，訂單管理，反饋意見(jiàn)管理等。3.2系統(tǒng)角色分析3.2.1角色定義在耳機(jī)商城系統(tǒng)中，角色分別定義為用戶(hù)和管理員：用戶(hù)：擁有耳機(jī)查看，耳機(jī)搜索，耳機(jī)收藏，耳機(jī)評(píng)論，修改頭像，修改密碼等功能，以上功能均是在APP內(nèi)提供給用戶(hù)的基本功能。管理員：擁有耳機(jī)管理，評(píng)論管理，反饋意見(jiàn)管理，訂單管理，公告管理等功能。3.2.2用例定義（1）用戶(hù)用例圖APP面向一切對(duì)耳機(jī)產(chǎn)品有需求的客戶(hù)：注冊(cè)快、效率高，用戶(hù)在登錄后可以對(duì)品牌內(nèi)上架的耳機(jī)進(jìn)行查看，系統(tǒng)會(huì)按照佩戴方式將耳機(jī)分為：“頭戴式耳機(jī)”、“頸掛式耳機(jī)”、“入耳式耳機(jī)”、“半入耳式耳機(jī)”四個(gè)大類(lèi)，點(diǎn)進(jìn)一個(gè)分類(lèi)會(huì)將不同品牌同一佩戴方式的耳機(jī)進(jìn)行展示，用戶(hù)可以將喜歡的耳機(jī)進(jìn)行收藏、購(gòu)買(mǎi)、加入購(gòu)物車(chē)等操作，用戶(hù)還可以對(duì)自己的頭像、密碼進(jìn)行修改，對(duì)確認(rèn)收貨的耳機(jī)進(jìn)行評(píng)論，在評(píng)論區(qū)查看評(píng)論、點(diǎn)贊等操作，用戶(hù)用例圖如圖3-1所示：圖3-1用戶(hù)用例圖（2）管理員用例圖Web端是由店家來(lái)進(jìn)行操作的，店家角色的功能在設(shè)計(jì)上擁有耳機(jī)管理，評(píng)論管理，反饋意見(jiàn)管理，訂單管理，公告管理，對(duì)以上功能進(jìn)行細(xì)化。耳機(jī)管理：當(dāng)管理員登錄后臺(tái)系統(tǒng)后，可以添加、編輯、刪除品牌和品牌下的耳機(jī)；評(píng)論管理：管理員可以進(jìn)行查看、回復(fù)、刪除評(píng)論等操作；反饋意見(jiàn)管理：管理員可以進(jìn)行查看、回復(fù)、刪除意見(jiàn)等操作；訂單管理：管理員可以對(duì)耳機(jī)訂單狀態(tài)進(jìn)行更改，有未發(fā)貨、已發(fā)貨、已簽收、已退貨四種狀態(tài)；公告管理：管理員可以發(fā)布重要通知公告，可以進(jìn)行編輯和批量刪除等操作。管理員用例圖如圖3-2所示：圖3-2管理員用例圖4系統(tǒng)設(shè)計(jì)4.1系統(tǒng)功能設(shè)計(jì)基于JavaWeb的耳機(jī)商城設(shè)計(jì)與實(shí)現(xiàn)主要分為三個(gè)階段來(lái)實(shí)現(xiàn)，Web端搭建階段、數(shù)據(jù)庫(kù)搭建階段、移動(dòng)端搭建階段。耳機(jī)商城Web端功能分為以下幾個(gè)模塊實(shí)現(xiàn)：公告管理，品牌管理，耳機(jī)管理，意見(jiàn)反饋管理，系統(tǒng)管理，評(píng)論管理，訂單管理。耳機(jī)管理中包含音頻管理，分類(lèi)管理等功能。移動(dòng)端的模塊分為個(gè)人信息，注冊(cè)登錄，購(gòu)物車(chē)，耳機(jī)搜索，訂單信息，耳機(jī)分類(lèi)，耳機(jī)詳情頁(yè)，耳機(jī)評(píng)論，耳機(jī)收藏，個(gè)人信息模塊中可以對(duì)用戶(hù)信息進(jìn)行修改，訂單信息中包含了收貨，退貨功能。通過(guò)用戶(hù)對(duì)訂單信息的操作更改訂單狀態(tài)并將結(jié)果寫(xiě)入數(shù)據(jù)庫(kù)中。耳機(jī)商城系統(tǒng)整體功能如圖4-1所示：圖4-1系統(tǒng)功能圖4.1.1用戶(hù)注冊(cè)與登錄用戶(hù)可以在APP快速進(jìn)行賬號(hào)注冊(cè)，輸入用戶(hù)名、密碼、名稱(chēng)，手機(jī)號(hào)就可以注冊(cè)成功，注冊(cè)成功后自動(dòng)保存賬號(hào)密碼并跳轉(zhuǎn)至登錄頁(yè)面，點(diǎn)擊登錄后跳轉(zhuǎn)至主頁(yè)面。后臺(tái)對(duì)用戶(hù)輸入的用戶(hù)名和密碼進(jìn)行校驗(yàn)，若密碼錯(cuò)誤則提示“密碼錯(cuò)誤”，未查找到用戶(hù)名則提示“未注冊(cè)，請(qǐng)先注冊(cè)后使用”。圖4-2登錄注冊(cè)流程圖4.1.2耳機(jī)詳情頁(yè)展示APP首頁(yè)分為活動(dòng)宣傳圖和耳機(jī)佩戴方式分類(lèi)圖，根據(jù)對(duì)市面上主流耳機(jī)的調(diào)查，它的分類(lèi)高達(dá)數(shù)十種，我們對(duì)分類(lèi)進(jìn)行了簡(jiǎn)化，用戶(hù)可以直接根據(jù)自己的意向選擇佩戴方式而后進(jìn)入專(zhuān)門(mén)的耳機(jī)分區(qū)，不僅精準(zhǔn)分類(lèi)，也大大提高了購(gòu)買(mǎi)效率。耳機(jī)詳情頁(yè)可以顯示耳機(jī)圖片、庫(kù)存、運(yùn)費(fèi)、簡(jiǎn)介等信息，有查看評(píng)論、收藏、購(gòu)買(mǎi)、加入購(gòu)物車(chē)的功能。圖4-3耳機(jī)詳情頁(yè)流程圖4.1.3耳機(jī)收藏用戶(hù)在瀏覽耳機(jī)時(shí)，可以通過(guò)詳情頁(yè)下方的收藏按鈕，點(diǎn)擊后將耳機(jī)信息保存至“我的收藏”模塊中，我的收藏中通過(guò)點(diǎn)擊耳機(jī)列表，可以進(jìn)入耳機(jī)詳情頁(yè)或者刪除耳機(jī)。圖4-4耳機(jī)收藏活動(dòng)圖4.1.4耳機(jī)評(píng)論未購(gòu)買(mǎi)的用戶(hù)可以在瀏覽耳機(jī)的時(shí)候點(diǎn)擊查看評(píng)論，可以顯示這款耳機(jī)的評(píng)論信息，并且顯示評(píng)論人的頭像、留言、點(diǎn)贊量、名稱(chēng)（對(duì)名稱(chēng)進(jìn)行匿名處理，只顯示首個(gè)字符），默認(rèn)按發(fā)表時(shí)間進(jìn)行排序，也可以選擇點(diǎn)贊量高低排序。購(gòu)買(mǎi)的用戶(hù)可以在確認(rèn)收貨后，在訂單信息中選擇已收貨的耳機(jī)進(jìn)行評(píng)價(jià)，不可出現(xiàn)惡意評(píng)論的情況，如故意詆毀耳機(jī)、發(fā)表其他違背社會(huì)公俗道德的言論。管理員可以在Web端對(duì)評(píng)論進(jìn)行回復(fù)，對(duì)不良評(píng)論進(jìn)行刪除。4.1.5訂單信息訂單信息中可以顯示耳機(jī)信息，收貨人、收貨信息、地址、下單日期等，其中收貨信息有四種狀態(tài)：未發(fā)貨、已發(fā)貨、已簽收和已退貨，可以根據(jù)耳機(jī)的狀態(tài)自動(dòng)進(jìn)行更新，在已簽收的耳機(jī)下會(huì)新增一個(gè)評(píng)論按鈕，用戶(hù)點(diǎn)擊后跳轉(zhuǎn)到評(píng)論頁(yè)面且，在查看耳機(jī)評(píng)論的同時(shí)可以發(fā)表自己的評(píng)論。圖4-5訂單信息流程圖4.1.6設(shè)置收貨人信息收貨人信息可以顯示收貨人名稱(chēng)、電話(huà)及地址，用戶(hù)可以根據(jù)自己的需求添加多個(gè)收貨人信息，點(diǎn)擊添加按鈕便會(huì)彈出輸入框，且這三個(gè)輸入框?yàn)楸靥睿砑映晒蠹矗粝胍谑肇浫酥羞M(jìn)行切換，只需長(zhǎng)按便可設(shè)置為當(dāng)前默認(rèn)收貨人。4.1.7個(gè)人信息個(gè)人信息可以顯示用戶(hù)的頭像、用戶(hù)名、名稱(chēng)等信息，用戶(hù)還可以進(jìn)行頭像的修改和昵稱(chēng)的修改方便用戶(hù)的個(gè)性化體驗(yàn)可為用戶(hù)提供自己基本信息的修改，并且還可以在驗(yàn)證密碼后對(duì)登錄密碼進(jìn)行修改，用戶(hù)名為唯一，不可修改。4.1.8購(gòu)物車(chē)用戶(hù)可以將喜歡的耳機(jī)加入購(gòu)物車(chē)，點(diǎn)擊購(gòu)物車(chē)圖標(biāo)后會(huì)顯示添加購(gòu)物車(chē)的耳機(jī)，可以對(duì)耳機(jī)進(jìn)行查看和刪除操作，右上方可以通過(guò)對(duì)耳機(jī)的價(jià)格和數(shù)量進(jìn)行統(tǒng)計(jì)后得出總金額顯示給用戶(hù)，然后通過(guò)按鈕進(jìn)行結(jié)算。4.1.9耳機(jī)搜索為了優(yōu)化用戶(hù)的購(gòu)物體驗(yàn)，用戶(hù)需要對(duì)想要的耳機(jī)或品牌進(jìn)行模糊查詢(xún)，在耳機(jī)數(shù)量達(dá)到一定規(guī)模用搜索框可以快速的查到用戶(hù)想要的耳機(jī)，會(huì)將搜索的結(jié)果以重新以View的形式顯示在耳機(jī)列表上。4.1.10評(píng)論管理和敏感詞管理評(píng)論管理模塊的管理員通過(guò)瀏覽和搜索的形式進(jìn)行對(duì)評(píng)論進(jìn)行有效的管理，如果管理員可以通過(guò)新聞標(biāo)題關(guān)鍵詞直接搜索到該關(guān)鍵詞新聞的評(píng)論對(duì)它進(jìn)行刪除。敏感詞管理模塊的是用戶(hù)在發(fā)表評(píng)論是進(jìn)行判斷是否有一些不該出現(xiàn)的詞語(yǔ)。該功能也可以減少管理員的工作量加大管理員對(duì)平臺(tái)的管控。管理員通過(guò)瀏覽和搜索的形式進(jìn)行對(duì)敏感詞進(jìn)行有效的管理，如果管理員可以通過(guò)敏感詞關(guān)鍵詞直接搜索到該關(guān)鍵詞敏感詞對(duì)它進(jìn)行修改或刪除。管理員也可通過(guò)頂部添加按鈕進(jìn)行添加敏感詞信息。4.2數(shù)據(jù)庫(kù)設(shè)計(jì)4.2.1數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)耳機(jī)商城系統(tǒng)中所包含的實(shí)體對(duì)象有：用戶(hù)，管理員，公告，反饋，購(gòu)物車(chē)，留言，訂單，耳機(jī)，收藏，品牌，收貨人，點(diǎn)贊，敏感詞。圖4-9至圖4-20為各實(shí)體具體屬性：（1）用戶(hù)：用戶(hù)編號(hào)，用戶(hù)名，密碼，用戶(hù)名稱(chēng)，用戶(hù)頭像，用戶(hù)手機(jī)號(hào)；圖4-6用戶(hù)實(shí)體圖（2）管理員：管理員編號(hào)，管理員賬號(hào)，管理員密碼，管理員名稱(chēng)，管理員手機(jī)號(hào)；圖4-7管理員實(shí)體圖（3）公告：公告編號(hào)，公告日期，公告內(nèi)容，公告圖片；圖4-8公告實(shí)體圖（4）反饋：反饋編號(hào)，用戶(hù)編號(hào)，反饋日期，反饋內(nèi)容；圖4-9反饋實(shí)體圖（5）購(gòu)物車(chē)：購(gòu)物車(chē)編號(hào)，用戶(hù)編號(hào)，耳機(jī)編號(hào)，品牌名，耳機(jī)價(jià)格，耳機(jī)數(shù)目，耳機(jī)名稱(chēng)；圖4-10購(gòu)物車(chē)實(shí)體圖（6）留言：評(píng)論編號(hào)，用戶(hù)編號(hào)，評(píng)論日期，評(píng)論內(nèi)容，用戶(hù)名稱(chēng)，耳機(jī)編號(hào)，用戶(hù)頭像，點(diǎn)贊量；圖4-11留言實(shí)體圖（7）訂單：訂單編號(hào)，評(píng)論編號(hào)，用戶(hù)編號(hào)，訂單總價(jià)格，訂單日期，收貨人手機(jī)號(hào)，收貨人名稱(chēng)，收貨地址，訂單狀態(tài)，耳機(jī)名稱(chēng)，點(diǎn)贊量，耳機(jī)編號(hào)，品牌編號(hào)，物流編號(hào)，退貨原因；圖4-12訂單實(shí)體圖（8）耳機(jī)：耳機(jī)編號(hào)，品牌編號(hào)，耳機(jī)名稱(chēng)，耳機(jī)價(jià)格，耳機(jī)庫(kù)存，耳機(jī)類(lèi)型，耳機(jī)顏色，耳機(jī)折扣，耳機(jī)簡(jiǎn)介，運(yùn)費(fèi)，耳機(jī)圖片，試聽(tīng)音頻；圖4-13耳機(jī)實(shí)體圖（9）收藏：收藏編號(hào)，用戶(hù)編號(hào)，耳機(jī)編號(hào)，收藏日期，品牌編號(hào)；圖4-14收藏實(shí)體圖（10）品牌：品牌編號(hào)，品牌名稱(chēng)，品牌介紹，耳機(jī)數(shù)目，品牌地址；圖4-15品牌實(shí)體圖（11）收貨人：收貨人編號(hào)，用戶(hù)編號(hào)，收貨人手機(jī)號(hào)，收貨人名稱(chēng)，收貨人地址；圖4-16反饋實(shí)體圖（12）點(diǎn)贊：點(diǎn)贊編號(hào)，評(píng)論編號(hào)，用戶(hù)編號(hào)，點(diǎn)贊日期；圖4-17反饋實(shí)體圖（13）敏感詞：敏感詞編號(hào)，敏感詞內(nèi)容，添加敏感詞日期；圖4-18反饋實(shí)體圖本設(shè)計(jì)的系統(tǒng)E-R圖如4-19所示：圖4-194.2.2數(shù)據(jù)庫(kù)物理設(shè)計(jì)本耳機(jī)商城系統(tǒng)的數(shù)據(jù)庫(kù)名稱(chēng)為bs01，該數(shù)據(jù)庫(kù)共設(shè)計(jì)包含了13張表，分別為：用戶(hù)表user、管理員表manager、反饋表fankui、公告表gonggao、購(gòu)物車(chē)表gwc、留言表liuyan、訂單表orders、耳機(jī)表product、收藏表sc、品牌表shop、收貨人表shr、點(diǎn)贊表thumbsup、敏感詞表word。以下為每張數(shù)據(jù)庫(kù)表的具體信息：用戶(hù)表user：字段有（用戶(hù)編號(hào)，用戶(hù)名，密碼，用戶(hù)名稱(chēng)，用戶(hù)頭像，用戶(hù)手機(jī)號(hào)）。用戶(hù)表具體情況如表4-1所示：表4-1用戶(hù)表user名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明Idint主鍵，非空用戶(hù)編號(hào)自增長(zhǎng)UsernameVarchar(55)非空用戶(hù)名PassVarchar(55)非空密碼NicknameVarchar(55)非空用戶(hù)名稱(chēng)HeadVarchar(55)可為空用戶(hù)頭像PhoneVarchar(55)非空手機(jī)號(hào)管理員表manager：字段有（管理員編號(hào)，管理員賬號(hào)，管理員密碼，管理員名稱(chēng)，管理員手機(jī)號(hào)）。管理員表具體情況如表4-2所示：

表4-2管理員表manager名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明Idint主鍵，非空管理員編號(hào)自增長(zhǎng)UsernameVarchar(55)非空管理員賬號(hào)PasswordVarchar(55)非空管理員密碼NicknameVarchar(55)非空管理員名稱(chēng)MobileVarchar(55)非空管理員手機(jī)號(hào)反饋表fankui：字段有（反饋編號(hào)，用戶(hù)編號(hào)，反饋日期，反饋內(nèi)容，用戶(hù)名）。反饋表具體情況如表4-3所示：表4-3反饋表fankui名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空反饋編號(hào)自增長(zhǎng)User_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idDateVarchar(55)非空反饋日期MsgVarchar(55)非空反饋內(nèi)容UsernameVarchar(55)非空用戶(hù)名公告表gonggao：字段有（公告編號(hào)，公告日期，公告內(nèi)容，公告圖片）。公告表具體情況如表4-4所示：表4-4公告表gonggao名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空公告編號(hào)自增長(zhǎng)dateVarchar(55)非空公告日期msgText非空公告內(nèi)容PicVarchar(55)非空公告圖片購(gòu)物車(chē)表gwc：字段有（購(gòu)物車(chē)編號(hào)，用戶(hù)編號(hào)，耳機(jī)編號(hào)，品牌名，耳機(jī)價(jià)格，耳機(jī)數(shù)目，耳機(jī)名稱(chēng)）。購(gòu)物車(chē)表具體情況如表4-5所示：表4-5購(gòu)物車(chē)表gwc名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空購(gòu)物車(chē)編號(hào)自增長(zhǎng)user_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idProduct_idint外鍵，非空耳機(jī)編號(hào)耳機(jī)表product字段：idShop_nameVarchar(55)非空品牌名Pro_priceVarchar(55)非空耳機(jī)價(jià)格Pro_numVarchar(55)非空耳機(jī)數(shù)目Pro_nameVarchar(55)非空耳機(jī)名稱(chēng)留言表liuyan：字段有（評(píng)論編號(hào)，用戶(hù)編號(hào)，評(píng)論日期，評(píng)論內(nèi)容，用戶(hù)名稱(chēng)，耳機(jī)編號(hào)，用戶(hù)頭像，點(diǎn)贊量）。留言表具體情況如表4-6所示：表4-6留言表liuyan名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空評(píng)論編號(hào)自增長(zhǎng)User_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idDateVarchar(55)非空評(píng)論日期MsgVarchar(55)非空評(píng)論內(nèi)容UsernameVarchar(55)非空用戶(hù)名稱(chēng)Product_idint外鍵，非空耳機(jī)編號(hào)耳機(jī)表product字段：idheadVarchar(55)非空用戶(hù)頭像countint非空點(diǎn)贊量默認(rèn)為0訂單表orders：字段有（訂單編號(hào)，用戶(hù)編號(hào)，訂單總價(jià)格，訂單日期，收貨人手機(jī)號(hào)，收貨人名稱(chēng)，收貨地址，訂單狀態(tài)，耳機(jī)名稱(chēng)，點(diǎn)贊量，耳機(jī)編號(hào)，品牌編號(hào)，物流編號(hào)，退貨原因）。訂單表具體情況如表4-7所示：表4-7訂單表orders名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空訂單編號(hào)自增長(zhǎng)user_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idAll_monVarchar(55)非空訂單總價(jià)格DateVarchar(55)非空訂單日期PhoneVarchar(55)非空收貨人手機(jī)號(hào)User_nameVarchar(55)非空收貨人名稱(chēng)AddressVarchar(55)非空收貨地址stateVarchar(55)非空訂單狀態(tài)Pro_nameVarchar(55)非空耳機(jī)名稱(chēng)CountVarchar(55)非空點(diǎn)贊量Pro_idint外鍵，非空耳機(jī)編號(hào)耳機(jī)表product字段：idShop_idint外鍵，非空品牌編號(hào)品牌表shop字段：idOrder_noVarchar(55)非空物流編號(hào)RemarkVarchar(55)非空退貨原因耳機(jī)表product：字段有（耳機(jī)編號(hào)，品牌編號(hào)，耳機(jī)名稱(chēng)，耳機(jī)價(jià)格，耳機(jī)庫(kù)存，耳機(jī)類(lèi)型，耳機(jī)顏色，耳機(jī)折扣，耳機(jī)簡(jiǎn)介，運(yùn)費(fèi)，耳機(jī)圖片，試聽(tīng)音頻）。耳機(jī)表具體情況如表4-8所示：表4-8耳機(jī)表product名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空耳機(jī)編號(hào)自增長(zhǎng)Shop_idint外鍵，非空品牌編號(hào)品牌表shop字段：idPro_nameVarchar(55)非空耳機(jī)名稱(chēng)Pro_priceVarchar(55)非空耳機(jī)價(jià)格Pro_numVarchar(55)非空耳機(jī)庫(kù)存TypeVarchar(55)非空耳機(jī)類(lèi)型ColorVarchar(55)非空耳機(jī)顏色SizeVarchar(55)非空耳機(jī)折扣默認(rèn)為0Pro_descVarchar(55)非空耳機(jī)簡(jiǎn)介Extra_monVarchar(55)非空運(yùn)費(fèi)是否包郵PicVarchar(55)非空耳機(jī)圖片musciVarchar(55)非空試聽(tīng)音頻收藏表sc：字段有（收藏編號(hào)，用戶(hù)編號(hào)，耳機(jī)編號(hào)，收藏日期，品牌編號(hào)）。收藏表具體情況如表4-9所示：表4-9收藏表sc名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空收藏編號(hào)自增長(zhǎng)User_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idProduct_idint外鍵，非空耳機(jī)編號(hào)耳機(jī)表product字段：iddateVarchar(55)非空收藏日期Shop_idint外鍵，非空品牌編號(hào)品牌表shop字段：id品牌表shop：字段有（品牌編號(hào)，品牌名稱(chēng)，品牌介紹，耳機(jī)數(shù)目，品牌地址）。品牌表具體情況如表4-10所示：表4-10品牌表shop名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空品牌編號(hào)自增長(zhǎng)Shop_nameVarchar(55)非空品牌名稱(chēng)Shop_descVarchar(255)非空品牌簡(jiǎn)介Pro_numVarchar(55)非空耳機(jī)數(shù)目自動(dòng)獲取更新addressVarchar(55)非空品牌地址收貨人表shr：字段有（收貨人編號(hào)，用戶(hù)編號(hào)，收貨人手機(jī)號(hào)，收貨人名稱(chēng)，收貨人地址）。收貨人表具體情況如表4-11所示：表4-11收貨人表shr名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空收貨人編號(hào)自增長(zhǎng)User_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：idPhoneVarchar(55)非空收貨人手機(jī)號(hào)NameVarchar(55)非空收貨人名稱(chēng)addressVarchar(55)非空收貨人地址點(diǎn)贊表thumbsup：字段有（點(diǎn)贊編號(hào)，評(píng)論編號(hào)，用戶(hù)編號(hào)，點(diǎn)贊日期）。點(diǎn)贊表具體情況如表4-12所示：表4-12點(diǎn)贊表thumbsup名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空點(diǎn)贊編號(hào)自增長(zhǎng)Liuyan_idint外鍵，非空評(píng)論編號(hào)評(píng)論表liuyan字段：idUser_idint外鍵，非空用戶(hù)編號(hào)用戶(hù)表user字段：iddateVarchar(55)非空點(diǎn)贊日期敏感詞表word：字段有（敏感詞編號(hào)，敏感詞內(nèi)容，添加敏感詞日期）。用戶(hù)表具體情況如表4-13所示：表4-13敏感詞表word名稱(chēng)數(shù)據(jù)類(lèi)型約束注釋說(shuō)明idint主鍵，非空敏感詞編號(hào)自增長(zhǎng)desVarchar(55)非空敏感詞內(nèi)容dateVarchar(55)非空添加敏感詞日期5系統(tǒng)功能實(shí)現(xiàn)及測(cè)試5.1耳機(jī)收藏功能用戶(hù)可以在耳機(jī)詳情頁(yè)面收藏耳機(jī)，收藏功能如下圖所示：圖5-1加入收藏的耳機(jī)可以我的收藏中查看：圖5-25.2評(píng)論管理功能管理員查看留言列表，顯示耳機(jī)評(píng)論信息，通過(guò)設(shè)置sort:true,屬性可以評(píng)論日期或者點(diǎn)贊量來(lái)進(jìn)行排序，如下圖：圖5-3亦可以通過(guò)刪除或者刪除來(lái)達(dá)到清除留言的功能。5.3敏感詞管理功能管理員通過(guò)web端對(duì)敏感詞進(jìn)行管理添加：圖5-4假如用戶(hù)的評(píng)論中有出現(xiàn)敏感詞，后臺(tái)將會(huì)自動(dòng)屏蔽，使用“***”來(lái)代替敏感詞，效果如下圖：圖5-55.4意見(jiàn)反饋功能用戶(hù)可以在APP端提出自己的意見(jiàn)反饋，如下圖：圖5-6管理員可以在Web端查看到用戶(hù)的反饋內(nèi)容：圖5-75.5發(fā)布公告功能Web端對(duì)歷史公告信息列表進(jìn)行查看，如下圖：圖5-8并通過(guò)點(diǎn)擊添加公告按鈕來(lái)發(fā)布新通知：圖5-9在移動(dòng)端（用戶(hù)）可以直接在系統(tǒng)公告中查看，如下圖：圖5-105.6品牌管理功能管理員在Web可以查看自家品牌的信息：圖5-11也可以添加新的品牌，如下圖：圖5-12或者進(jìn)行編輯修改操作：圖5-145.7耳機(jī)管理功能管理員可以查看每個(gè)品牌中已有的耳機(jī)：圖5-15也可以進(jìn)行添加耳機(jī)的操作，如下圖：圖5-165.8耳機(jī)分類(lèi)功能耳機(jī)按照品牌和佩戴方式來(lái)進(jìn)行分類(lèi)，Web端將不同的品牌進(jìn)行區(qū)分，每一個(gè)品牌擁有一個(gè)專(zhuān)屬的控制頁(yè)面，其中的每一個(gè)耳機(jī)都按照佩戴方式來(lái)進(jìn)行分類(lèi)，再通過(guò)不同的佩戴方式來(lái)推送給用戶(hù)，以下是效果圖：圖5-175.9用戶(hù)登錄/注冊(cè)功能注冊(cè)需要用戶(hù)填入用戶(hù)名、密碼、昵稱(chēng)、手機(jī)號(hào)，這幾個(gè)為必填項(xiàng)，如沒(méi)有填入則無(wú)法完成注冊(cè)，并可以選擇自己喜歡的頭像，不選則默認(rèn)用系統(tǒng)自帶的頭像，如下圖：圖5-185.10用戶(hù)搜索功能用戶(hù)可以通過(guò)耳機(jī)名或者品牌名對(duì)列表進(jìn)行模糊搜索，不需要區(qū)分大小寫(xiě)就可以實(shí)現(xiàn)搜索，點(diǎn)擊后會(huì)在Web端后臺(tái)進(jìn)行判斷搜索，并且返回值，實(shí)現(xiàn)代碼如下：//搜索

publicvoidalllist(){

ParamUtilparam=newParamUtil(getRequest());

Stringsql="";

if(getPara("type").equals("zx")){

sql="fromproduct,shopwhereproduct.shop_id=shop.id";

}else{

sql="fromproduct,shopwhereproduct.shop_id=shop.idandproduct.type='"+getPara("type")+"'";

}

if(getPara("key")!=null&&getPara("key").length()>0){

if(sql.contains("where")){

sql=sql+"and(_namelike'%"+getPara("key")+"%'orshop.shop_namelike'%"+getPara("key")+"%')";

}else{

sql=sql+"where(_namelike'%"+getPara("key")+"%'orshop.shop_namelike'%"+getPara("key")+"%')";

}

}

sql=sql+"orderbyproduct.iddesc";

Page<product>page=product.dao.paginate(param.getPageNumber(),

param.getPageSize(),"selectdistinct*,shop.shop_nameasshopname,shop.idasids,product.idasid,_numaspro_num,_numaspro_nums",sql);

renderJson(JsonKit.toJson(newPageJson<product>("0","",page)));

}用戶(hù)端效果圖如下：圖5-195.11購(gòu)物車(chē)功能用戶(hù)在瀏覽耳機(jī)時(shí)將喜歡的加入購(gòu)物車(chē)，并且可以在列表顯示，右上角購(gòu)物車(chē)的總價(jià)為每個(gè)耳機(jī)的價(jià)格×數(shù)量的總價(jià)格，實(shí)現(xiàn)代碼如下：doublez=0;

for(inti=0;i<list.size();i++){

try{

BigDecimalbigDecimal=newBigDecimal(list.get(i).getPro_price());

BigDecimalbigDecimal1=newBigDecimal(list.get(i).getSize());

BigDecimalbigDecimal2=newBigDecimal(10);

BigDecimalbigDecimal3=newBigDecimal(list.get(i).getPro_num());

BigDecimalcacal=bigDecimal.multiply(bigDecimal1).multiply(bigDecimal3).divide(bigDecimal2,2,BigDecimal.ROUND_HALF_UP);

z=z+cacal.doubleValue();

}catch(Exceptione){

z=z+(newBigDecimal(list.get(i).getPro_num()).multiply(newBigDecimal(list.get(i).getPro_price()))).doubleValue();

}

}

zong.setText("總共："+z+"元");效果圖如下：圖5-205.12天氣查詢(xún)功能天氣信息功能實(shí)現(xiàn)： <script> (function(T,h,i,n,k,P,a,g,e){ g=function(){ P=h.createElement(i); a=h.getElementsByTagName(i)[0]; P.src=k; P.async=1; a.parentNode.insertBefore(P,a) }; T["ThinkPageWeatherWidgetObject"]=n; T[n]||(T[n]=function(){ (T[n].q=T[n].q||[]).push(arguments) }); T[n].l=+newDate(); if(T.attachEvent){ T.attachEvent("onload",g) }else{ T.addEventListener("load",g,false) } }(window,document,"script","tpwidget", "http:///widget/chameleon.js")) </script> <script> tpwidget("init",{ "flavor":"slim", "location":"WX4FBXXFKE4F", "geolocation":"enabled", "language":"auto", "unit":"c", "theme":"chameleon", "container":"tp-weather-widget", "bubble":"enabled", "alarmType":"badge", "color":"#FFFFFF", "uid":"UBE2C17F95", "hash":"13ae4a160434539eb5b40fbdf0edf418" }); tpwidget("show"); </script>Web端主頁(yè)面查看天氣信息如圖所示：圖5-215.13訂單信息在我的訂單中可以查看所有歷史訂單，用戶(hù)可以查看到訂單的物流編號(hào)和訂單狀態(tài)，對(duì)于未發(fā)貨的耳機(jī)可以取消訂單，后臺(tái)默認(rèn)訂單取消；對(duì)于發(fā)貨并且已簽收的可以進(jìn)行申請(qǐng)退貨操作，效果圖如下：圖5-225.14收貨人信息用戶(hù)可以添加多個(gè)收貨人，且購(gòu)買(mǎi)耳機(jī)時(shí)只能選擇一個(gè)收貨人，通過(guò)長(zhǎng)按來(lái)設(shè)置切換收貨人，紅色為當(dāng)前選擇收貨人，實(shí)現(xiàn)代碼如下：listView.setOnItemLongClickListener(newAdapterView.OnItemLongClickListener(){

@Override

publicbooleanonItemLongClick(AdapterView<?>parent,Viewview,finalintposition,longid){

newSweetAlertDialog(con,SweetAlertDialog.NORMAL_TYPE)

.setConfirmText("設(shè)置收貨人")

.setConfirmClickListener(newSweetAlertDialog.OnSweetClickListener(){

@Override

publicvoidonClick(SweetAlertDialogsDialog){

sDialog.dismissWithAnimation();

SharedPreferencesUtils.setParam(con,"shr",JSON.toJSONString(list.get(position)));

System.out.println(SharedPreferencesUtils.getParam(con,"shr","").toString());

getlist();

}

})

.setCancelText("取消")

.setCancelClickListener(newSweetAlertDialog.OnSweetClickListener(){

@Override

publicvoidonClick(SweetAlertDialogsweetAlertDialog){

sweetAlertDialog.dismissWithAnimation();

}

})

.show();

returntrue;

}

});效果圖如下：圖5-235.15音頻控制管理員在上架耳機(jī)的時(shí)候可以通過(guò)人頭錄音設(shè)備將音樂(lè)實(shí)錄下來(lái)，使每段音頻具有不同的調(diào)音風(fēng)格，并在添加時(shí)上傳為mp3的文件，實(shí)現(xiàn)代碼如下：//普通音頻上傳

varuploadInst=upload

.render({

elem:'#test2',

url:ctxPath+'/common/upload',

accept:"audio",

before:function(obj){

//預(yù)讀本地文件示例，不支持ie8

obj.preview(function(index,file,result){

$('#demo2').attr('src',result);//音頻鏈接（base64）

});

},

done:function(res){

//如果上傳失敗

if(res.code>0){

returnlayer.msg('上傳失敗');

}

//上傳成功

varmusic=$('#music');

music.val(res.url);

},

error:function(){

//演示失敗狀態(tài)，并實(shí)現(xiàn)重傳

vardemoText=$('#demoText');

demoText

.html('<spanstyle="color:#FF5722;">上傳失敗</span><aclass="layui-btnlayui-btn-xsdemo-reload">重試</a>');

demoText.find('.demo-reload').on('click',

function(){

uploadInst.upload();

});

}

});5.16文件上傳//文件上傳

publicvoidupload(){

try