基于SpringBoot的美妝生活社區(qū)設(shè)計目錄9051摘要 摘要隨著時代的發(fā)展，人們的娛樂方式也開始增多，給人們帶來了極大的便利，為此有很多生活類的各種網(wǎng)站開始出現(xiàn)，比如讀書網(wǎng)站，游戲網(wǎng)站，視頻網(wǎng)站等等。在大量的數(shù)據(jù)信息出現(xiàn)在人們眼前時，碎片化知識的獲取變得更加容易。有一部分人喜歡表現(xiàn)自己，他們輸出知識、表達觀點、分享價值理念，提出自己所熱愛的、關(guān)心的內(nèi)容；也有一部分人閱讀這些內(nèi)容，然后以自己特有的標準進行挑選。美妝生活社區(qū)系統(tǒng)的基本功能是用戶分享生活。本系統(tǒng)使用SpringBoot框架實現(xiàn)省去了很多繁重的配置工作，使得開發(fā)過程中更注重業(yè)務(wù)邏輯的實現(xiàn)。在美妝生活社區(qū)系統(tǒng)中，用戶具有寫文章，發(fā)表文章，閱讀其他用戶的文章等操作。不僅具有發(fā)布的功能，用戶也可以收藏自己喜歡的文章，發(fā)表自己的評論看法。本系統(tǒng)具有前臺頁面，同時也開發(fā)了后臺管理頁面，能夠更方便的對整個系統(tǒng)數(shù)據(jù)庫進行操作。本文主要介紹了項目的實現(xiàn)背景，需求設(shè)計，代碼的實現(xiàn)，最后是整個項目測試，調(diào)優(yōu)。最后本項目通過了黑盒測試。關(guān)鍵詞：社區(qū)網(wǎng)站；美妝；SpringBoot。第一章緒論本章主要介紹美妝生活社區(qū)系統(tǒng)的背景，并解釋了開發(fā)本系統(tǒng)意義與開發(fā)目標。參照博客類型的網(wǎng)站開發(fā)，對美妝生活社區(qū)網(wǎng)站的進行開發(fā)與設(shè)計。簡單介紹了網(wǎng)站開發(fā)的前期需求分析和數(shù)據(jù)庫設(shè)計，中期的代碼實現(xiàn)，和最后的項目測試，bug修復(fù)。1.1系統(tǒng)開發(fā)背景從網(wǎng)絡(luò)發(fā)展階段來看，社區(qū)其實算得上很早的網(wǎng)絡(luò)產(chǎn)品形態(tài)之一。在九幾年，就有一位北京人搭建了國內(nèi)最早的站點長城站。從此，互聯(lián)網(wǎng)社區(qū)就變得非常飛速發(fā)展。不過，社區(qū)產(chǎn)品雖然在中國互聯(lián)網(wǎng)的浪潮中歷久彌新，但一直以來，由于社區(qū)本是一個極重運營的東西，所以社區(qū)產(chǎn)品在互聯(lián)網(wǎng)的圈子里算不上最主流。在百度百科上，關(guān)于社區(qū)一詞在當下的解釋為，討論與分享共同的觀點，擁有相同的世界觀，價值觀?；ハ嘤绊懙囊蝗喝说膮^(qū)域單位。從國內(nèi)較早出現(xiàn)的天涯論壇為例，天涯社區(qū)曾經(jīng)擁有過很多自己主動發(fā)免費連載小說的創(chuàng)作者，誕生了諸多如《明朝那些事兒》、《鬼吹燈》等經(jīng)典作品；早期的知乎可以說是另一種社區(qū)類型，基于邀請方式的精英式文化，以及隨之而來對待問題基于較真與理性的討論成為吸引人們關(guān)注的關(guān)鍵。相同的，早期即刻在的基礎(chǔ)上建立了以圈子為基礎(chǔ)的信息交流分享平臺，當下年輕人最愛逛的B站最初也是依托于文化凝聚了一小撮人，才得以立足并發(fā)展壯大。從這些社區(qū)產(chǎn)品中我們發(fā)現(xiàn)，一款好的社區(qū)產(chǎn)品它們往往都具有一種相同的氣質(zhì)，那就是它們都擁有一種在同一文化基調(diào)下的，人與人之間的認同。社區(qū)網(wǎng)站不斷的涌現(xiàn)。并且近幾年新興的美妝文化，美妝這個圈子越來越壯大?，F(xiàn)在市面上常見的比如美啦美妝，新氧，小紅書等等。用戶在社區(qū)可以分享自己的生活，尋求幫助，表達自己，幫助他人的需求越來越多。當下的網(wǎng)絡(luò)環(huán)境中，關(guān)于美妝生活的網(wǎng)絡(luò)社區(qū)還不是很多。競爭力不大，美妝生活社區(qū)前景會很好。1.2國內(nèi)外發(fā)展現(xiàn)狀美妝生活社區(qū)系統(tǒng)其本質(zhì)上是一個社區(qū)網(wǎng)站，社區(qū)網(wǎng)站是時代發(fā)展的產(chǎn)物，在21世紀初北京，上海，深圳等經(jīng)濟發(fā)達地區(qū)出現(xiàn)了社區(qū)網(wǎng)站。1999年成立的天涯社區(qū)逐漸的向更多網(wǎng)民開放，網(wǎng)民在社區(qū)內(nèi)進行情感交流，討論問題，解決疑惑，增加眼界。WEB2.0時代的到來。網(wǎng)絡(luò)社區(qū)開始成倍的增長。為特定受眾和領(lǐng)域服務(wù)的社區(qū)網(wǎng)站成為社區(qū)網(wǎng)站發(fā)展的趨勢。其中國內(nèi)比較主流的社區(qū)網(wǎng)站就有新浪微博，知乎，豆瓣百度貼吧等。國外比較主流的社區(qū)網(wǎng)站主要有FaceBook、Twitter，其中FaceBook和國內(nèi)的人人網(wǎng)類似，Twitter和國內(nèi)的新浪微博相似。FaceBook是美國的一個社會化的網(wǎng)絡(luò)社區(qū)。于2004年創(chuàng)建。Twitter中主要發(fā)布用戶關(guān)心的時事和新聞。操作簡單，平臺只允許用戶發(fā)送140個字符，這些文字也被稱為推文。1.3研究意義在網(wǎng)絡(luò)中，有一部分人表現(xiàn)自己，他們輸出知識、表達觀點和價值理念，提出自己所最關(guān)心的、熱愛的見解和文章；也有一部分人瀏覽這些內(nèi)容，并以自己獨特的標準進行選擇吸收。在這樣的方式下，內(nèi)容成為人與人之間互相認同的方式，人們會因為想要更好的自我表達而輸出更多優(yōu)質(zhì)的內(nèi)容；而另一部分人也以找到有共鳴的內(nèi)容為標準，篩選的掉大部分的劣質(zhì)內(nèi)容。而基于這樣的內(nèi)容傳遞，社區(qū)會進行一種自我選擇，去蕪存菁，并最終形成屬于自己的文化氛圍與認同價值。并且互聯(lián)網(wǎng)時代的到來，各種風(fēng)格種類不同的網(wǎng)站快速出現(xiàn)，比如論壇網(wǎng)站，游戲網(wǎng)站，視頻網(wǎng)站等等。人們的娛樂方式也開始增多，人均一部手機的情況下，大量的數(shù)據(jù)信息出現(xiàn)在人們眼前時，碎片化知識的獲取變得更加容易。1.4研究目標設(shè)計一個便于用戶使用的美妝生活社區(qū)網(wǎng)站，需要考慮以下幾個問題：用戶體驗度要高，頁面必須簡潔大方，操作簡單。為用戶提供注冊登錄功能。社區(qū)的主要內(nèi)容是圖片展示加上文字描述，同時還要擁有收藏、評論、回復(fù)幾大功能。網(wǎng)站需要便于日常管理，后臺管理功能必須足夠強大，模塊劃分詳細，減少二次開發(fā)成本。信息存儲準確，不能出現(xiàn)錯誤的帖子，或者錯誤的信息展示。因此網(wǎng)站的需求指定如下：前端頁面：用戶擁有注冊、登錄、瀏覽首頁、瀏覽二級頁面、收藏、評論、回復(fù)，編寫文章，修改用戶信息等功能。后端頁面：管理員可以登錄后臺頁面、管理用戶信息，文章信息，對違規(guī)文章、評論刪除，調(diào)整前臺布局，設(shè)置用戶角色的功能。第二章系統(tǒng)開發(fā)技術(shù)美妝生活社區(qū)系統(tǒng)是基于B/S模式開發(fā)，前端頁面使用HTML對頁面進行布局，使用CSS對頁面進行優(yōu)化，使用JAVASCRIPT完成與用戶的交互。后端是基于SpringBoot框架開發(fā)，并使用Maven對項目進行構(gòu)建、依賴管理，針對持久層使用MySQL數(shù)據(jù)庫，使用Shiro權(quán)限管理。2.1MVC架構(gòu)MVC架構(gòu)是一種軟件設(shè)計架構(gòu)規(guī)范。M代表模型（Model）、V代表視圖（View）、C代表控制器（Controller）。它將整個項目架構(gòu)分為三層。使用分離的方法組織代碼。他的主要作用是降低了代碼之間的耦合性。體現(xiàn)了JAVA開發(fā)的高內(nèi)聚，低耦合的理念。Model:數(shù)據(jù)模型，它其實就是面向?qū)ο缶幊讨蟹虻念?。什么都可以是類，供程序員操作。Model可以存放這個類的各種數(shù)據(jù)。View:視圖，用戶能看到的界面，都是視圖，它的主要作用是對數(shù)據(jù)進行展示。簡單的來說就是展示model中的數(shù)據(jù)。Controller（控制器）：接收用戶請求，解決請求。其實在MVC架構(gòu)中起到一個調(diào)度員的作用，它根據(jù)用戶的請求，調(diào)用業(yè)務(wù)層的代碼。圖2-1MVC架構(gòu)圖2.2JAVAJava是一種編程語言，他的主要特點是面向?qū)ο?，Java是跨平臺的，可以在任何具有Java虛擬機的平臺上運行，Java虛擬機中的Java解釋器會將字節(jié)碼文件解釋成為指定的機器語言運行。Java是安全的，它不涉及底層，取消了危險的指針。2.3JPA它是Spring基于ORM（ObjectRelationalMapping）框架和JPA規(guī)范（如圖2-2）封裝的一套JPA應(yīng)用框架，實現(xiàn)了開發(fā)人員用非常簡單的代碼就能夠?qū)崿F(xiàn)對數(shù)據(jù)的操作和訪問。其中封裝了常用的增刪改查。同時也容易擴展。圖2-2JPA規(guī)范圖2.4SpringBoot框架SpringBoot其設(shè)計目的簡化配置。快速搭建Spring應(yīng)用，讓開發(fā)變得更簡單。SpringBoot框架將配置封裝，內(nèi)置Tomcat服務(wù)器。大大減少繁雜的配置工作。從而使開發(fā)人員不再需要定義樣板化的配置。更注重業(yè)務(wù)的開發(fā)。2.5MySQL數(shù)據(jù)庫數(shù)據(jù)庫（Database）是存數(shù)據(jù)的倉庫，使用數(shù)據(jù)結(jié)構(gòu)來存儲、管理和組織數(shù)據(jù)。技術(shù)的不斷更新、發(fā)展市場的不斷擴大。數(shù)據(jù)管理從存儲和管理數(shù)據(jù)，轉(zhuǎn)變成多種針對用戶所需要的數(shù)據(jù)管理的方式。更加多樣化。數(shù)據(jù)庫有很多種，從最簡單的存儲各種數(shù)據(jù)的表格到能夠進行存儲海量數(shù)據(jù)的大型數(shù)據(jù)庫系統(tǒng)。數(shù)據(jù)庫在各個方面得到了廣泛的應(yīng)用。MySQL是關(guān)系型數(shù)據(jù)庫管理系統(tǒng)（RDBMS），他開放了源代碼。MySQL數(shù)據(jù)庫系統(tǒng)使用結(jié)構(gòu)化查詢語言（SQL）進行數(shù)據(jù)庫管理。MySQL數(shù)據(jù)庫系統(tǒng)也常被用做Web應(yīng)用開發(fā)。2.6MavenMaven管理項目中各種jar包的依賴關(guān)系，簡單點講，就是在pom.xml文件中配置使用技術(shù)的jar包，取消了手動去添加jar包。換種方式去想，就是在Java項目和Web項目的外面嵌套了一層。對Java項目和Web項目沒有本質(zhì)影響。反而方便了項目開發(fā)。2.7ShiroShiro是一種強大且靈活的開放源代碼的安全框架，它可以用來授權(quán)，企業(yè)會話管理，處理身份認證和信息加密。我們需要自己去設(shè)計維護用戶，維護權(quán)限的接口，后期將相應(yīng)的接口注入給Shiro即可。可以把他想成一個密碼鎖，密碼需要我們自己提供。第三章需求分析3.1系統(tǒng)的功能性需求整個美妝生活社區(qū)系統(tǒng)主要分為兩個模塊，前臺展示模塊和后臺數(shù)據(jù)管理模塊。前端頁面給游客，已登錄用戶使用，需要實現(xiàn)游客瀏覽，和用戶發(fā)布文章、瀏覽文章、評論文章、收藏文章、個人信息等功能。后臺數(shù)據(jù)管理模塊，需實現(xiàn)對文章，評論，用戶，權(quán)限等數(shù)據(jù)管理功能。3.1.1前臺頁面功能性需求首頁、隨筆、分享頁面：文章展示，并可分頁查看。右邊欄中展示熱門文章，最新更新，最新評論。提供搜索功能，根據(jù)關(guān)鍵字搜索文章。文章詳情頁面：顯示文章作者信息，頭像，發(fā)布文章數(shù)，評論數(shù)，可對該文章收藏，評論，轉(zhuǎn)發(fā)。登錄，注冊頁面：用戶登錄，注冊，且提供忘記密碼，記住登錄功能，在游客點擊評論，收藏等按鈕時，能夠跳轉(zhuǎn)到登錄頁面。標簽頁面：展示所有文章標簽，根據(jù)創(chuàng)建時間排序，顯示標簽下的文章總數(shù)，點擊某個標簽后即可跳轉(zhuǎn)到所有文章頁面。我的主頁：顯示用戶的個人信息，展示所有的個人發(fā)表的文章標題，點擊即可跳轉(zhuǎn)文章詳情，提供編輯個人資料功能，查看收到的所有評論，通知功能。寫文章頁面：上傳圖片，文本編輯，標簽輸入，欄目選擇。美妝生活社區(qū)系統(tǒng)的前臺功能性需求如圖3-1所示：圖3-1前臺功能性需求圖3.1.2后臺頁面功能性需求后臺首頁：后臺的起始頁，顯示文章、欄目、評論、用戶總數(shù)據(jù)量，顯示最新評論。欄目管理：為前臺頁面新增，刪除，修改欄目。用戶管理：對用戶進行關(guān)閉，修改密碼，修改用戶角色。文章管理：對文章推薦，置頂，修改，刪除操作，顯示文章的訪問數(shù)，評論數(shù)。評論管理：刪除評論。權(quán)限管理：為不同的用戶定制不同的權(quán)限，如進入后臺，修改、刪除文章等美妝生活社區(qū)系統(tǒng)的后臺功能性需求如圖3-2所示圖3-2后臺功能性需求圖3.2系統(tǒng)的可行性分析3.2.1技術(shù)可行性開發(fā)美妝生活社區(qū)系統(tǒng)的技術(shù)已經(jīng)非常成熟，第二章中已對所用技術(shù)進行概括解釋。使用的SpringBoot框架的簡化開發(fā)思想更有助于系統(tǒng)開發(fā)。使用的技術(shù)本身的技術(shù)文章也非常豐富。技術(shù)論壇也可以解決開發(fā)中遇到的技術(shù)問題。因此，美妝生活社區(qū)系統(tǒng)具有技術(shù)可行性。3.2.2經(jīng)濟可行性從系統(tǒng)使用者角度來說，使用的設(shè)備中只要包含瀏覽器即可，訪問方式也非常簡單，通過網(wǎng)址訪問美妝生活系統(tǒng)。如果沒有自己的服務(wù)器，也可以向阿里云租服務(wù)器。價格成本不高。從系統(tǒng)的開發(fā)角度來說，只需要一臺電腦，對電腦的配置要求不大，硬件限制也非常的小并且軟件開發(fā)工具都是開源免費的，開發(fā)成本不高。因此，美妝生活社區(qū)系統(tǒng)具有經(jīng)濟可行性。3.3非系統(tǒng)功能需求分析美妝生活社區(qū)系統(tǒng)的整個設(shè)計過程中，不僅要考慮系統(tǒng)的功能性需求，還要考慮到系統(tǒng)的非功能性需求，如美觀性，先進性等。3.3.1安全性系統(tǒng)設(shè)計過程中，一定要考慮到安全性。為了防止非法登陸、使用系統(tǒng)，對用戶的用戶名與密碼進行了MD5數(shù)據(jù)加密。并使用shiro框架做權(quán)限管理。只有管理員賬號才會開放后臺管理頁面。3.3.2先進性在設(shè)計系統(tǒng)設(shè)計過程中，參考了知乎、小紅書等眾多網(wǎng)站對功能的操作和界面的布局有一些借鑒，了解到當下社區(qū)網(wǎng)站的頁面布局，通過自己親生體驗過程中，了解到用戶需求，為自己的系統(tǒng)開發(fā)提供了更多幫助。3.3.3可延展性在后臺管理上，增加了欄目管理，可自定義欄目類型，并在前臺展示。并且為不同的功能，做了多種方式的實現(xiàn)，如文件存儲的方式，登錄驗證時加上郵箱驗證。這些功能都可在后臺一鍵啟動。3.3.4美觀性基于美妝這一女性化風(fēng)格，前臺頁面配色以白色系和粉色系為主，網(wǎng)站整體設(shè)計主題也是由多位女性網(wǎng)友投票選出。更加符合市場上針對女性APP的用戶需求。第四章系統(tǒng)設(shè)計4.1系統(tǒng)總體設(shè)計4.1.1系統(tǒng)功能設(shè)計美妝生活社區(qū)系統(tǒng)擁有兩個模塊，分別是前臺展示、后臺管理，具體美妝生活社區(qū)系統(tǒng)功能模塊如圖4-1圖4-1美妝生活社區(qū)系統(tǒng)功能模塊圖4.1.2系統(tǒng)流程構(gòu)建基于博客類的網(wǎng)站開發(fā)范例，美妝生活社區(qū)系統(tǒng)的系統(tǒng)流程圖設(shè)計如圖4-2。圖4-2美妝生活社區(qū)系統(tǒng)流程設(shè)計圖4.2系統(tǒng)數(shù)據(jù)庫設(shè)計4.2.1系統(tǒng)數(shù)據(jù)庫概念模型設(shè)計概念數(shù)據(jù)模型設(shè)計，一般都是用ER關(guān)系圖來展示，主要是基于實體聯(lián)系理論，顯示數(shù)據(jù)庫存儲哪些信息，信息之間需要如何關(guān)聯(lián)。數(shù)據(jù)庫概念模型主要是在需求分析階段建立實體——聯(lián)系模型。根據(jù)美妝生活社區(qū)系統(tǒng)的需求階段的分析，通過E-R圖建立了實體——聯(lián)系模型。美妝生活社區(qū)系統(tǒng)總E-R圖如4-3。圖4-3系統(tǒng)總E-R圖用戶實體：此實體中的屬性字段包括用戶id、用戶名稱、自定義名稱、頭像存儲位置、密碼、郵箱信息、狀態(tài)信息、創(chuàng)建時間、更新時間、最后一次登錄時間、權(quán)限id、評論數(shù)量、發(fā)表文章數(shù)量等E-R圖如4-4所示。圖4-4用戶實體E-R圖文章實體：此實體中的屬性包括作者id、文章標題、文章內(nèi)容、圖片位置、欄目id、評論數(shù)量、狀態(tài)信息、創(chuàng)建時間等E-R圖如4-5所示。圖4-5文章實體E-R圖標簽實體：此實體中的屬性包括標簽id、標簽名稱、文章數(shù)量量、創(chuàng)建時間、更新時間等E-R圖如4-4所示。圖4-6標簽實體E-R圖評論實體：此實體中的屬性包括評論id、作者id、文章id、評論內(nèi)容、創(chuàng)建時間、狀態(tài)信息等E-R圖如4-5所示。圖4-7評論實體E-R圖4.2.2系統(tǒng)數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計根據(jù)需求分析在美妝生活社區(qū)系統(tǒng)數(shù)據(jù)庫中建立了多張表。下面對本系統(tǒng)的數(shù)據(jù)庫中主要結(jié)構(gòu)和表的功能等信息做詳細介紹。數(shù)據(jù)庫各表具體信息美妝生活社區(qū)系統(tǒng)數(shù)據(jù)庫中共有11張，表的具體介紹如表4.1所示。表4.1數(shù)據(jù)庫中各表的具體信息序號表名表描述1z_user系統(tǒng)用戶表，存放用戶信息2z_post文章表，存放文章信息3z_post_tag標簽表，存放管理文章標簽4z_post_resource文章資源表，用于管理文章中的圖片5z_post_attribute文章內(nèi)容表，用于管理用戶編輯的文章內(nèi)容6z_tag標簽表，用于記錄標簽信息7z_comment評論表，用于記錄評論信息8shiro_role權(quán)限表，用于記錄不同權(quán)限角色信息9shiro_user_role用戶權(quán)限表，用于記錄用戶的權(quán)限角色10shiro_permission權(quán)限管理表，用于設(shè)置用戶權(quán)限11z_channel欄目表，用于管理前臺的欄目信息z_user用戶表用戶表主要存儲用戶的個人信息，主要字段包括用戶姓名、密碼等。各詳細字段如表4.2所示。表4.2用戶表序號字段名字段類型字段長度表描述1idbigint20用戶id2usernamevarchar32用戶名3namevarchar32用戶昵稱3avatarvarchar128頭像地址4emailvarchar64郵箱5passwordvarchar64密碼6statusint5狀態(tài)7createddatetime0創(chuàng)建時間8updateddatetime0更新時間9last_logindatetime0最后一次登錄10genderint5性別11role_idint11權(quán)限id12commentsint11評論數(shù)13postsint11文章數(shù)14signaturevarchar140備用字段z_post文章表文章表主要存儲文章信息，主要字段包括文章id、作者id、文章內(nèi)容等。各詳細字段如表4.3所示。表4.3文章表序號字段名字段類型字段長度表描述1idbigint20文章id2author_idbigint20作者id3channel_idint11欄目id4commentsint11評論數(shù)5createddatetime0創(chuàng)建時間6favorsint11備用字段7featuredint11備用字段8statusint11狀態(tài)9summaryvarchar140概括內(nèi)容10tagsvarchar64標簽11thumbnalvarchar128備用字段12titlevarchar64標題13viewsint11備用字段14weightint11備用字段z_tag標簽表標簽表主要存儲標簽信息，主要字段包括標簽名、文章數(shù)等。各詳細字段如表4.4所示。表4.4標簽表序號字段名字段類型字段長度表描述1idbigint20標簽id2createddatetime0創(chuàng)建時間3descriptionvarchar255描述4latest_post_idbigint20最新文章id5namevarchar32標簽名6postsint11文章數(shù)7thumbnailvarchar128備用字段8updateddatetime0更新時間z_comment評論表評論信息表主要存儲評論信息。各詳細字段如表4.5所示。表4.5評論表序號字段名字段類型字段長度表描述1idbigint20評論id2author_idbigint20作者id3contentvarchar255內(nèi)容4createddatetime0創(chuàng)建時間5pidbigint20備用字段6post_idbigint20文章id7statusint11Zhuangtai8weightint11備用字段第五章系統(tǒng)實現(xiàn)本章從美妝生活社區(qū)系統(tǒng)的各個頁面實現(xiàn)角度出發(fā)，展示系統(tǒng)頁面。并對不同功能實現(xiàn)做出技術(shù)實現(xiàn)解釋。5.1前端頁面實現(xiàn)5.1.1首頁、隨筆頁面、分享頁面進入LAYZ美妝生活社區(qū)網(wǎng)站系統(tǒng)，首先展示的是網(wǎng)站首頁。無論是游客還是系統(tǒng)用戶，都可以瀏覽文章。首頁圖如圖5-1首頁展示圖所示。該頁面具有所有文章展示，網(wǎng)站頭部左側(cè)是首頁、隨筆、分享、標簽四個欄目，右側(cè)包含登錄，注冊，搜索按鈕。圖5-1首頁展示圖頁面右邊欄的熱門文章欄目，最新發(fā)布欄目，最新評論欄目，是首頁、隨筆、分享、標簽頁面、文章頁面所共有的，頁面使用freemaker模板引擎渲染，在html頁面中include相關(guān)欄目來實現(xiàn)。減少重復(fù)代碼。<!--header頭部--><@layout.blockname="header"><#include"/classic/inc/header.ftl"/><!--頭部的文件--></@layout.block><!--/header--><!--content正文--><divclass="wrap"><!--CSS樣式--><!--Main--><divclass="container"><@layout.blockname="contents"><h2>Contentswillbehere</h2></@layout.block></div></div><!--/content--><!--footer--><@layout.blockname="footer"><#include"/classic/inc/footer.ftl"/><!--底部模塊--></@layout.block>在非登錄的狀態(tài)下，游客可以瀏覽首頁，隨筆，分享，標簽。點擊文章名，文章標簽或者圖片名即可跳轉(zhuǎn)到文章的詳細頁面如圖5-2文章詳細圖所示。文章編寫使用tinymac編輯器和markdown編輯器兩種，可在后臺管理界面設(shè)置文本編輯器。圖5-2文章詳細圖文章頁面展示作者頭像，作者發(fā)布的文章數(shù)，獲得評論的數(shù)量,用戶登錄以后可以對該文章收藏，評論。網(wǎng)站頭部的搜索功能，可以實現(xiàn)對全部文章的標題進行關(guān)鍵字搜索，展示出來的文章列表中，也會對所存在的關(guān)鍵字標紅展示。5.1.2標簽頁面在標簽頁中可查看所有的文章標簽，當文章刪除以后，原文章的標簽仍然會保留，點擊標簽，可查看該標簽下的所有文章內(nèi)容，標簽詳細圖如圖5-3所示圖5-3標簽詳細圖在點擊單個標簽時，觸發(fā)請求，web服務(wù)器帶著該標簽的名稱，向后臺發(fā)出請求，根據(jù)URL找的對應(yīng)的Controller方法。實現(xiàn)代碼如下:@RequestMapping("/tag/{name}")//此注解起到標注資源的作用publicStringtag(@PathVariableStringname,ModelMapmodel){Pageablepageable=wrapPageable(Sort.by(Sort.Direction.DESC,"weight"));//對標簽進行排序Page<PostTagVO>page=tagService.pagingQueryPosts(pageable,name);model.put("results",page);//將信息存入模型中，用于前臺展示model.put("name",name);//同上returnview(Views.TAG_VIEW);//返回視圖}5.1.3登錄&注冊登錄頁面可通過點擊首頁的登錄按鈕跳轉(zhuǎn)，或者在游客點擊文章的評論，收藏按鈕時跳轉(zhuǎn)到登錄頁面如圖5-4登錄詳細圖所示，如果游客沒有賬號，可點擊網(wǎng)站頭部的注冊按鈕如圖5-5注冊詳細圖圖5-4登錄詳細圖提交登錄代碼實現(xiàn)如下/***提交登錄*/ @PostMapping(value="/login")//基于POST方法 publicStringlogin(Stringusername,Stringpassword,@RequestParam(value="rememberMe",defaultValue="0")BooleanrememberMe,ModelMapmodel){ Stringview=view(Views.LOGIN);//獲得登錄頁面的視圖Result<AccountProfile>result=executeLogin(username,password,rememberMe);//執(zhí)行登錄驗證if(result.isOk()){//判斷狀態(tài)view=String.format(Views.REDIRECT_USER_HOME,result.getData().getId());}else{model.put("message",result.getMessage());}returnview;//返回登錄視圖 }注冊頁面考慮到用戶會忘記密碼設(shè)置了輸入兩次密碼，并確保兩次輸入密碼都相同后才能注冊成功。圖5-5注冊詳細圖5.1.4我的主頁用戶登錄成功，網(wǎng)站頭部會發(fā)生更改，網(wǎng)頁頭部新增寫文章按鈕，并增加了我的主頁欄目，在我的主頁欄目中顯示用戶頭像，用戶發(fā)布的所有文章，用戶可在該頁面刪除，更改文章。用戶可以在我的主頁的編輯個人資料按鈕，或者點擊網(wǎng)站頭部的頭像按鈕，下拉菜單中的編輯資料，修改個人信息。我的主頁中還包含通知頁面，顯示其他用戶收藏，評論。如圖5-6。圖5-6我的主頁詳細圖5.2后臺頁面實現(xiàn)當用戶是管理員權(quán)限，點擊頭像出現(xiàn)的下拉菜單中會出現(xiàn)后臺管理選項，點擊即可跳轉(zhuǎn)到后臺頁面。點擊logo或者回到前臺按鈕即可再次跳轉(zhuǎn)到前臺頁面。5.2.1后臺首頁進入后臺，首先載入的是后臺首頁，在后臺首頁中可查看所有的欄目、文章、評論、用戶的總數(shù)量。查看最新評論。如圖5-7。圖5-7后臺首頁詳細圖5.2.2文章管理在文章管理界面中，實現(xiàn)了對文章狀態(tài)管理，對文章進行推薦，置頂，修改，刪除操作。如圖5-8。圖5-8文章管理詳細圖點擊修改按鈕跳轉(zhuǎn)到文章編輯的實現(xiàn)代碼如下/** *跳轉(zhuǎn)到文章編輯方法 */ @RequestMapping(value="/view",method=RequestMethod.GET) publicStringtoUpdate(Longid,ModelMapmodel){ Stringeditor=sitteOptions.getValue("editor");//選擇文章編輯器 if(null!=id&&id>0){//判斷文章id.作用：減少異常 PostVOview=postService.get(id); if(StringUtils.isNoneBlank(view.getEditor())){ editor=view.getEditor(); } model.put("view",view); } model.put("editor",editor); model.put("channels",channelService.findAll(Consts.IGNORE)); return"/admin/post/view";//返回文章編輯視圖 }5.2.3評論管理在評論管理界面中，實現(xiàn)了對評論進行刪除操作。可用于管理員對違規(guī)評論刪除。維護用戶體驗。如圖5-9。圖5-9評論管理詳細圖5.2.4用戶管理在用戶管理界面中，展示用戶信息和狀態(tài)，實現(xiàn)了對用戶進行關(guān)閉，修改密碼，修改角色權(quán)限操作。用戶被關(guān)閉以后該用戶狀態(tài)會發(fā)生改變，用戶將不能在登錄網(wǎng)站。如圖5-10。圖5-10用戶管理詳細圖5.2.5角色管理該欄目的作用是定制用戶權(quán)限，例如權(quán)限擁有最高級權(quán)限。管理員可以設(shè)置用戶可以能看到哪些內(nèi)容如圖5-11。圖5-11角色管理詳細圖第六章系統(tǒng)測試根據(jù)系統(tǒng)的需求定義，發(fā)現(xiàn)系統(tǒng)中是否有未完成的功能，將與需求矛盾的地方拎出。系統(tǒng)測試的測試用例應(yīng)根據(jù)需求分析說明書來策劃，系統(tǒng)測試運行。本章通過用例選擇測試，對美妝生活社區(qū)系統(tǒng)進行黑盒測試，對測試結(jié)果進行記錄與分析，檢查是否存在問題，并對存在的問題提出解決方法與優(yōu)化方案。6.1測試用例選擇測試用例根據(jù)系統(tǒng)功能策劃一組測試項，其中包括輸入方式內(nèi)容，執(zhí)行的條件，預(yù)期效果師生么。在一組測試下能夠反映出系統(tǒng)是否完善。美妝生活社區(qū)系統(tǒng)的測試功能有：游客身份進入網(wǎng)站，系統(tǒng)用戶登入網(wǎng)站，管理員的后臺操作。6.2實例測試結(jié)果對測試項結(jié)果詳情進行統(tǒng)計分析，具體結(jié)果見表6.1所示。表6.1測試詳情表待測試項測試操作預(yù)期結(jié)果實際結(jié)果結(jié)論游客瀏覽瀏覽文章，不能評論，收藏，編寫文章點擊評論，收藏，寫文章按鈕時會跳轉(zhuǎn)到登錄頁面成功跳轉(zhuǎn)登錄頁面通過用戶注冊用戶填寫信息，跳轉(zhuǎn)首頁登錄成功，跳轉(zhuǎn)首頁成功登錄，跳轉(zhuǎn)主頁通過管理員登錄輸入username：admin，password：12345跳轉(zhuǎn)到首頁，點擊用戶頭像出現(xiàn)后臺管理，點擊后跳轉(zhuǎn)后臺成功進入管理員后臺主頁界面通過用戶編寫文章鼠標點擊寫文章按鈕，文字編寫，上傳圖片上傳圖片成功，文章在首頁展示且格式正常上傳成功通過用戶修改個人信息在我的主頁中，編輯個人信息，更換頭像，更換成功信息更新成功通過管理員刪除用戶進給后臺的文章管理進入用戶管理模塊，刪除用戶刪除成功，前臺該用戶的文章不在展示用戶刪除成功通過管理員修改文章進給后臺的文章管理進入文章管理模塊，修改文章修改成功，前臺信息刷星更新成功通過管理員刪除評論進給后臺的文章管理進入評論管理模塊，刪除評論刪除成功，該評論前臺不在展示刪除成功通過管理員創(chuàng)建角色權(quán)限給user1創(chuàng)建進入后臺權(quán)限，可以刪除評論權(quán)限User1進入后臺，并只能刪除評論創(chuàng)建成功通過用戶評論文章，在文章下評論文章評論成功，并在最新評論中展示評論成功通過收藏文章在文章界面，點擊收藏按鈕收藏成功，在我的主頁中的我的收藏中顯示該文章成功收藏通過6.3測試結(jié)果分析在系統(tǒng)軟件設(shè)計過程中，系統(tǒng)測試十分重要，一個小錯誤或者異常都很可能會引起軟件不能正常運行，出現(xiàn)bug。完善的系統(tǒng)測試會給網(wǎng)站帶來更好的使用體驗，發(fā)現(xiàn)更多不足，加以改進。本次對美妝生活社區(qū)系統(tǒng)進行了多方面的測試，實現(xiàn)了美妝生活社區(qū)系統(tǒng)的基本功能。但是，網(wǎng)站依然存在一些問題：頁面外觀可以更加優(yōu)化，用戶可以自己