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

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

}用戶端效果圖如下：圖5-195.11購物車功能用戶在瀏覽耳機時將喜歡的加入購物車，并且可以在列表顯示，右上角購物車的總價為每個耳機的價格×數(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天氣查詢功能天氣信息功能實現(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端主頁面查看天氣信息如圖所示：圖5-215.13訂單信息在我的訂單中可以查看所有歷史訂單，用戶可以查看到訂單的物流編號和訂單狀態(tài)，對于未發(fā)貨的耳機可以取消訂單，后臺默認訂單取消；對于發(fā)貨并且已簽收的可以進行申請退貨操作，效果圖如下：圖5-225.14收貨人信息用戶可以添加多個收貨人，且購買耳機時只能選擇一個收貨人，通過長按來設(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音頻控制管理員在上架耳機的時候可以通過人頭錄音設(shè)備將音樂實錄下來，使每段音頻具有不同的調(diào)音風(fēng)格，并在添加時上傳為mp3的文件，實現(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)，并實現(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