基于nodeJS的博客管理系統(tǒng)的設(shè)計與實現(xiàn)

本科畢業(yè)設(shè)計（論文）基于nodeJS的博客系統(tǒng)設(shè)計與實現(xiàn)BasedonthesystemdesignandimplementationofnodeJSblog學(xué)院（系）：專業(yè)：學(xué)生姓名：學(xué)號：指導(dǎo)教師（職稱）：評閱教師：完成日期：2017年5月基于node.js的博客系統(tǒng)設(shè)計與實現(xiàn)［摘要］本文針對個人博客需求的了解與分析，采取了面向?qū)ο蟮脑O(shè)計方法，開發(fā)了個人博客系統(tǒng)。該系統(tǒng)主要是信息管理系統(tǒng)，并使用node.js進(jìn)行開發(fā)，以mongoDB數(shù)據(jù)庫和Hbuilder編輯器相結(jié)合實現(xiàn)了該系統(tǒng)。該系統(tǒng)分為注冊登錄模塊、博客及文章檢索模塊、博客頁面顯示模塊、博客管理模塊。在該系統(tǒng)中，不同的用戶擁有不同的權(quán)限，根據(jù)用戶的角色來分配用戶的權(quán)限大小，從而使得博客用戶快速，方便的對系統(tǒng)日常信息進(jìn)行管理和維護(hù)。［關(guān)鍵詞］node.jsweb寫作Basedonthesystemdesignandimplementationofnode.jsblogAbstract:Aimingatthedemandofpersonalblogunderstandingandanalysis,theobject-orienteddevelopmentmethod,personalblogsystemisdesigned.Thissystemfocusoninformationmanagement,andusethenode.Jsfordevelopment,tomongodatabaseandHbuildereditortoachievethecombinationofthesystem.Thesystemcanbedividedintoregisteredloginmodule,blogsandarticlesretrievalmodule,theblogpagedisplaymodule,personalmaintenancemanagementmodule.Inthissystem,theuser'spermissionsdependontheuser'srole,accordingtothescopeoftheroleofdifferentsetthepermissionstohelpbloggerssafe,effectiveandreasonabledailyinformationformanagementandmaintenancetothesystem.Keywords:node.jsWebWritingTOC\o"1-3"1緒論 11.1概述 11.2系統(tǒng)的開發(fā)背景 11.3博客發(fā)展現(xiàn)狀 11.4課題研究的意義 31.5系統(tǒng)的開發(fā)目標(biāo) 32系統(tǒng)分析 42.1系統(tǒng)需求分析 42.1.1注冊博友 52.1.2普通用戶 62.2系統(tǒng)技術(shù)分析 72.2.1node.js簡介 72.2.2vue.js簡介 82.2.3mongoDB數(shù)據(jù)庫簡介 82.3經(jīng)濟(jì)可行性分析 92.4開發(fā)工具的選擇 93系統(tǒng)設(shè)計 93.1系統(tǒng)分析 93.1.1系統(tǒng)架構(gòu)說明 103.2開發(fā)框架技術(shù)介紹 113.3數(shù)據(jù)庫設(shè)計 113.3.1定義（數(shù)據(jù)詞典） 113.3.2數(shù)據(jù)庫設(shè)計E-R圖 123.3.3主要表結(jié)構(gòu)如下 143.4功能模塊介紹 153.4.1博客注冊登錄管理模塊 153.4.2博客及文章檢索查詢模塊 153.4.3博客頁面顯示模塊 163.4.4博客個人維護(hù)管理模塊 174主要功能的實現(xiàn) 174.1登錄控制 174.2文章發(fā)表功能 184.3文章評論功能 194.4文章檢索功能 194.5后臺管理模塊 205系統(tǒng)測試 205.1測試概要 205.2測試方法 205.3測試用例 205.4測試結(jié)果 215.4.1登錄測試 215.4.2文章發(fā)表測試 225.4.3評論測試 235.4.4文章檢索測試 235.4.4內(nèi)容管理測試 24結(jié)論 24參考文獻(xiàn) 24致謝 251緒論1.1概述博客，一個可以激發(fā)人的創(chuàng)造性的產(chǎn)品，可以讓人們自由創(chuàng)作。從早很之前，博客就已經(jīng)開始發(fā)展了，對于國內(nèi)來說，各式各樣的博客系統(tǒng)也是百家齊放，各家都有各家的優(yōu)點和缺點。博客，可以讓人們把自己的想法快速的記錄下來，并且可以保存在網(wǎng)絡(luò)上，隨處查看，同時也可以選擇分享給其他人，與他人實現(xiàn)探討。1.2系統(tǒng)的開發(fā)背景及時，有效，個性，開放，自由等等，這些都是博客所傳遞出來的中心思想。在沒有博客出現(xiàn)之前，人們會選擇去論壇，或者去一寫聊天室去發(fā)表一些自己的想法或者是看法。個人博客的出現(xiàn)打破了這一現(xiàn)狀，通過博客，人們可以隨時隨地的把自己的想法和感悟記錄下來，同時還可以選擇分享出去，這樣就可以同別人一起分享自己的一些想法。當(dāng)然，寫作的同時也是在思考的過程，在寫作的過程中思想會發(fā)生碰撞，或許會與原來的想法有所出入，這時候，修改的便利性也體現(xiàn)出來啦。寫作也是一種生化，通過對生活的思考，我們能夠得到一種滿足感。在生活中，有很多事情都會引發(fā)我們的思考，及時的記錄下來，才不至于忘記這次思考的過程與收獲。把思考轉(zhuǎn)變成自己的觀點，讓每天都過得不同，這不就是人們寫博客的目標(biāo)嗎。今天的思考反思今天的過程，明天就會避免重蹈覆轍，時光悄悄流逝，通過寫博客讓自己在每一天都留下一道印記。1.3博客發(fā)展現(xiàn)狀博客剛出現(xiàn)的時候，她的發(fā)展勢頭就非常的迅猛，截止到2006年底，全球的博客數(shù)量已經(jīng)達(dá)到了4000萬，在這之中，中國所占的比例也達(dá)到了38%，中國的博客用戶已經(jīng)超過1000w的數(shù)量。同時，這個數(shù)量還在持續(xù)的增長，預(yù)計到2010年底，這個數(shù)量將會超過5000w大關(guān)。目前使用博客的用戶大致可以分為兩種，第一種就是獨立博客用戶，而例外一種就是博客服務(wù)商用戶。前者就是通過技術(shù)自己搭建的博客，他們擁有獨立的域名和個性化的博客，而后者是通過博客服務(wù)商提供的博客來實現(xiàn)記錄，他們擁有統(tǒng)一的域名后綴，所享受的服務(wù)也都是由服務(wù)商提供的，也就是說在個性化方面沒有前者有優(yōu)勢。但是，就數(shù)量上來說，后者的數(shù)量要明顯高于前者，截止2007年，使用博客服務(wù)商的博客用戶大概占到了總用戶的98%以上，也就是說獨立博客用戶只有不到2%的占比。這主要是由于獨立博客站點所需要的技術(shù)并不是普通大眾所能掌握的，這也是博客服務(wù)商出現(xiàn)的原因，為那些想寫博客卻無法自己搭建博客系統(tǒng)人提供一個平臺。 在2007年的時候，國內(nèi)的大多數(shù)互聯(lián)網(wǎng)公司都推出了自己的博客平臺，其中包括了騰訊，百度，網(wǎng)易，搜狐等大型互聯(lián)網(wǎng)公司，各家公司推出的博客系統(tǒng)都有自己的特點，不僅包含了最基礎(chǔ)的博客寫作功能，還集成自家的一些服務(wù)，方便了用戶，這也是各家搶占用戶的手段。 但是由于博客服務(wù)商的數(shù)量的激增，導(dǎo)致其中的競爭也非常的激烈，雖然每年增加的博客服務(wù)商非常之多，但是每年死掉的博客服務(wù)商幾乎與之持平啦，只有一些大型公司的產(chǎn)品還能保持下去。這其中主要的問題就是盈利問題，很多小公司的產(chǎn)品為了盈利加入了廣告，這嚴(yán)重影響了用戶的體驗，使得用戶紛紛轉(zhuǎn)移陣地。其中一些優(yōu)秀的產(chǎn)品加入了一些其他的功能，比如視頻和音樂，以此來吸引用戶。這其中搜狐博客，網(wǎng)易博客等所占的份額已經(jīng)比較大了。 而現(xiàn)在，博客的意義已經(jīng)與2007年的時候不同了，并且通過各種方式加入到了我們的日常生活當(dāng)中?，F(xiàn)在的博客也不在局限于長篇大論的形式。但是，及時的記錄自己的想法與感悟這一思想?yún)s始終沒有發(fā)生變化。 當(dāng)然，現(xiàn)在博客也存在著一些問題，其中就包括了盜版還有低俗產(chǎn)品等問題，這還得依靠監(jiān)管方面的制度完善來解決。1.4課題研究的意義隨著時代的發(fā)展，博客的使用人群也在發(fā)生著變化，變得更加趨向?qū)I(yè)化，不少作者，學(xué)者，一些領(lǐng)域的專業(yè)人士通過博客，讓普通大眾和專業(yè)的學(xué)習(xí)者了解到更多更詳細(xì)的知識，這是一種文化的傳遞。這讓人們可以隨時隨地的閱讀與思考。本系統(tǒng)的設(shè)計模式為MVC結(jié)構(gòu)，對于系統(tǒng)的開發(fā)效率，使用效率，還有維護(hù)性都得到了極大地提高，充分發(fā)揮了各個組件的優(yōu)勢。通過博客，讓更多的人通過文字，通過視頻，通過音樂，通過圖片，通過各種方式來分享生活，感悟生活。也就是說，只要你想法，有精力，隨時都可以去通過博客把這些全部記錄下來。1.5系統(tǒng)的開發(fā)目標(biāo)分為管理員用戶和普通用戶管理員用戶可以對博客進(jìn)行管理，普通用戶只擁有查看，評論與轉(zhuǎn)發(fā)等功能，沒有對系統(tǒng)的操作權(quán)。管理員進(jìn)入后臺，可以實現(xiàn)文章的添加，編輯，刪除等操作，同時還可以對普用戶的管理。普通用戶可以實現(xiàn)查看，評論，分享等功能，通過評論功能可以實現(xiàn)與作者和其他用的交流因此，博客系統(tǒng)分為以下幾個主要模塊：（1）實現(xiàn)注冊與登錄功能（2）實現(xiàn)對文章的編輯發(fā)表功能。（3）實現(xiàn)對文章的評論轉(zhuǎn)發(fā)功能（4）實現(xiàn)對用戶對評論的管理功能。2系統(tǒng)分析2.1系統(tǒng)需求分析使用例圖描述系統(tǒng)來與參與者之間的一些關(guān)系，這其中的幾個概念：角色：代表該事件的用戶，使用一個小人表示。b）用例：代表此系統(tǒng)能夠?qū)崿F(xiàn)的一些功能模塊，其中，一組功能用一個用例代替，也說明了該系統(tǒng)的整體結(jié)構(gòu)。c）用例圖：當(dāng)a和b反生操作關(guān)系的時候，使用指示把他們關(guān)聯(lián)起來，這樣就實現(xiàn)了用例圖。此次的博客系統(tǒng)提供了三種權(quán)限：第一種是系統(tǒng)管理員，也就是最高權(quán)限。第二種是博客管理員，負(fù)責(zé)管理自己的博客主頁。第三章就是博客的訪問者，也就是普通用戶。因此，博客系統(tǒng)只有三種身份：一是超級管理員，而是博客管理者，三是博客瀏覽者。圖注冊博友要使用博客，首先需要先注冊賬號，也就是用戶名和密碼，執(zhí)行這個操作之后，才能進(jìn)行后面的操作。如果不進(jìn)行注冊，那么將只能作為普通用戶進(jìn)行瀏覽，而不能進(jìn)行操作。注冊之后可以實現(xiàn)一些功能，如下圖中，各項內(nèi)容的管理和權(quán)限操作。圖2.2博客管理頁面的用例圖在文章的編輯模式中，可以選擇文字發(fā)表的類型，也就是對文章進(jìn)行分類，這樣，可以更加直觀方便的管理自己的博客。同時，可以通過評論系統(tǒng)與普通用戶進(jìn)行交流。也可以選擇添加友情鏈接，與其他網(wǎng)站分享自己的用戶流量。還可以添加用戶統(tǒng)計，瀏覽統(tǒng)計等一些直觀的功能。博客主頁面的用例圖如圖2.3所示：圖2.3博客主頁面的用例圖2.1.2普通用戶要想成為博客用戶，必須要通過注冊才能實現(xiàn)，如果不進(jìn)行注冊，那么只能作為普通用戶進(jìn)行瀏覽。不過普通用戶也可以通過評論系統(tǒng)與其他用戶進(jìn)行交流。當(dāng)普通用戶在瀏覽文章的時候，可以留下自己的評論或者其他的一些信息，這樣就可以被其他用戶看到，繼而進(jìn)行交流。普通用戶進(jìn)入博友的用例圖如圖2.4所示：圖2.4上網(wǎng)博友在博客主頁面的用例圖普通用戶也可以通過搜索功能來搜索自己關(guān)心的內(nèi)容。同樣，也可以實現(xiàn)查看和推薦等功能，同時可以通過注冊來成為博客用戶。這一模塊的用例圖如圖2.5所示：圖2.52.2系統(tǒng)技術(shù)分析在整個系統(tǒng)開發(fā)之前，需要先確定一下項目的技術(shù)架構(gòu)，和技術(shù)選型等。在一般的系統(tǒng)開發(fā)過程中，在設(shè)計的最開始的環(huán)節(jié)，是需要對系統(tǒng)進(jìn)行分析的，根據(jù)系統(tǒng)的實際需求，選擇合適的技術(shù)架構(gòu)。目前比較主流的模式有Java、PHP、nodeJS等選擇，前兩種從我個人角度出發(fā)的話，在技術(shù)掌握方面有所欠缺，因此放棄。而nodeJS作為新興的服務(wù)端技術(shù)，開源，而且性能卓越，因此選擇nodeJS作為開發(fā)首選。數(shù)據(jù)庫方面，選用mongoDB來存儲數(shù)據(jù)庫信息。2.2.1node.js簡介node.js是基于js來實現(xiàn)的一個平臺式的服務(wù)器環(huán)境，從原理上來說，nodejs是對谷歌瀏覽器引擎進(jìn)行的二次封裝，他可以實現(xiàn)類服務(wù)器的環(huán)境，可以用它來實現(xiàn)可擴(kuò)展的應(yīng)用。Node.js具有高效，快速，易用性高等特點，它很適合用來構(gòu)建數(shù)據(jù)密集型實時應(yīng)用。在瀏覽器環(huán)境中，js代碼是由js引擎來進(jìn)行解析的。而node.js就是提供了這么一種類似于js引擎的解析器，用來實現(xiàn)js的解析工作。也就是相當(dāng)于一個類瀏覽器的環(huán)境。Node.js為js提供了類似的接口，用來實現(xiàn)與瀏覽器相同的功能。同時，他也是一種特殊的運(yùn)行環(huán)境。為js提供各種服務(wù)接口，為實現(xiàn)服務(wù)器環(huán)境提供了便利在瀏覽器環(huán)境中，js的全局對象是window。而在node.js環(huán)境中，js的全局對象是global。這是node.js與瀏覽器環(huán)境的不同的地方。2.2.2vue.js簡介vue.js是微軟提供的一種動態(tài)的網(wǎng)頁技術(shù)，他可以與普通的靜態(tài)頁面實現(xiàn)混寫，實現(xiàn)一些模板功能，為靜態(tài)頁面實現(xiàn)一個動態(tài)的服務(wù)內(nèi)容。Vue.js具有很多優(yōu)點：1、將表現(xiàn)層與業(yè)務(wù)層實現(xiàn)技術(shù)分離，使用vue.js技術(shù)，可以使得前端人員少寫很多重復(fù)的html內(nèi)容，可以實現(xiàn)動態(tài)的文件分類和添加。還可以實現(xiàn)與后端內(nèi)容動態(tài)更新。2、可以實現(xiàn)跨平臺，由于微軟作為服務(wù)支持，vue.js可以支持絕大多數(shù)平臺，如windows，linux等等的服務(wù)器系統(tǒng)，同時也可以跟各種的數(shù)據(jù)庫實現(xiàn)無縫連接。3、可以實現(xiàn)組件化開發(fā)，各個模塊之間互不影響，極大地方便了開發(fā)，提升了開發(fā)效率，降低了開發(fā)難度。為開發(fā)的便利性提供了條件。4、編寫的便利性。由于跨平臺的特點，一次編寫，就可以實現(xiàn)各個服務(wù)器系統(tǒng)之間互用。2.2.3mongoDB數(shù)據(jù)庫簡介MondnDB是一種新型的數(shù)據(jù)庫存儲技術(shù)，是一種處于關(guān)系型數(shù)據(jù)庫和菲關(guān)系型數(shù)據(jù)庫之間的一種數(shù)據(jù)庫，具有功能豐富的特點，因此他更加像是真正意義上的數(shù)據(jù)庫。這種數(shù)據(jù)庫所支持的存儲類型比較多，比如json類的格式，可以實現(xiàn)一些比較負(fù)責(zé)的存儲類型。她的特點非常明顯，對于存儲的內(nèi)容來說，我們不需要知道她的任何結(jié)構(gòu)和數(shù)據(jù)類型，也就是說可以將不同的數(shù)據(jù)內(nèi)容存儲到同一個數(shù)據(jù)庫當(dāng)中。同時，他的查詢功能也是非常的豐富，他實現(xiàn)了類似于面向?qū)ο蟮牡牟樵兎绞?，可以支持幾乎任何查詢的方式類型。MongoDB主要解決的是數(shù)據(jù)量過大從而導(dǎo)致的效率問題。由于MongoDB的特點，他巧妙地避免了這種問題的出現(xiàn)，由于她的一些特點，方便的開發(fā)人員的同時也提升了數(shù)據(jù)庫的性能和效率，因此，他非常受開發(fā)人員的青睞。2.3經(jīng)濟(jì)可行性分析主要分析經(jīng)濟(jì)的可行性。主要包括一些必要的支出，比如服務(wù)器、域名之類的費用。從現(xiàn)行的角度來看，一個域名的價格大概在50元/年左右，服務(wù)器價格大概在200元/年左右。2.4開發(fā)工具的選擇Mong開發(fā)工具的選擇有很多種，這里選用Hbuilder作為開發(fā)工具。Hbuilder作為一款集成式的web開發(fā)IDE，具有開發(fā)效率高，穩(wěn)定性好等特點。3系統(tǒng)設(shè)計3.1系統(tǒng)分析此次博客系統(tǒng)采用的是mvc的系統(tǒng)結(jié)構(gòu)，該結(jié)構(gòu)的組成部分主要有以下幾個內(nèi)容：1. 前端視圖層:主要有jsp編寫。2. MVC層:使用vueJS框架。3. 業(yè)務(wù)邏輯層:主要是有ioc框架管理服務(wù)組成。4. 數(shù)據(jù)庫服務(wù)層:使用mongoDB進(jìn)行的復(fù)雜的數(shù)據(jù)庫存儲。系統(tǒng)的具體分層如圖4.4所示。圖4.43.1.1系統(tǒng)架構(gòu)說明此次的博客系統(tǒng)是按照mvc模式來設(shè)計的，將視圖層，控制器層，邏輯層分離。其中還用到了jsp技術(shù)來實現(xiàn)視圖層。import

Headerfrom

'./components/Header'import

Indexfrom

'./components/Index'import

storefrom

'./vuex/store'export

default

{

components:{

'v-header':Header,

Index

},

store}1.import語句：聲明其使用到的component或者vuex（全局?jǐn)?shù)據(jù)容器，我是這樣理解的，后面講）2.export語句：導(dǎo)出其組成，components包括Header和Index，而數(shù)據(jù)容器為store。3.2開發(fā)框架技術(shù)介紹開發(fā)框架的選擇，我們選擇了vueJS+ajax。vueJS是目前比較火熱的mvvm前端框架1、Vue.js是一種新型的mvvm框架結(jié)構(gòu)，采用數(shù)據(jù)驅(qū)動的形式。屬于輕量級框架。與以前的重量級框架不同的地方在于，vue.js的重心在于view層，他只關(guān)心view層的變化。同時他還可以結(jié)合其他第三方組件來實現(xiàn)一些負(fù)責(zé)的頁面，比如SPA頁面。2、通過ajax，我們可以實現(xiàn)局部刷新，動態(tài)更新內(nèi)容。3.3數(shù)據(jù)庫設(shè)計3.3.1定義（數(shù)據(jù)詞典）1、首先是數(shù)據(jù)庫的表名稱定義規(guī)范：_tbale的形式作為表的重點字，可以使用很多英文單詞的組合，多單詞組合時，使用駝峰式命名法，也就是從第二個單詞起，每個單詞的首字母都是用大寫來表示。命名時最好能使用可視化命名，采用重點字結(jié)合的方式，可以顯得更加直觀。2、NN表示為空，也就是不填寫的時候就是為空。3、數(shù)據(jù)庫中的數(shù)據(jù)類型采用大眾式類型。如string型，number型，Boolean型等等。4、數(shù)據(jù)表的名稱盡量使用規(guī)范化的名稱，比如table等等，實現(xiàn)可視化，使人一眼可以看明白表的內(nèi)容。5、數(shù)據(jù)表的長度定義需要規(guī)定一個范圍，比如string型最高5000，number型最高50等等。6、數(shù)據(jù)表的輸入方式：由表自動生成，是由數(shù)據(jù)庫索引自動生成的，而不需要去手工填寫。3.3.2數(shù)據(jù)庫設(shè)計E-R圖要把用戶的數(shù)據(jù)通過展示圖的形式展示出來，首先我們需要新建一個數(shù)據(jù)庫的關(guān)系表，可以直接采用面向?qū)ο蟮男问絹磉M(jìn)行建立。通過樹形的數(shù)據(jù)存儲形式來存儲數(shù)據(jù)。由于是通過對用戶的操作來對收集的數(shù)據(jù)，因此，可以更加直觀的反應(yīng)出用的需求這種方法通過er圖來描述實體數(shù)據(jù)，但不設(shè)計其中的實現(xiàn)，也就是說是通過概念來展示具體的模塊和操作方法。這樣的數(shù)據(jù)模型稱為er模型，在這種數(shù)據(jù)模型當(dāng)中，包含了三個最主要的模塊，這三個模塊為“實體”，“聯(lián)系”和“屬性”。此次博客系統(tǒng)涉及的“實體”包括：a）用戶：用戶名、性別、注冊密碼、注冊時間、用戶分類、用戶賬號、郵箱或者QQ等。b）博友：博友ID、博友昵稱、類別描述、用戶名、登錄密碼。c）日志：文章標(biāo)題、評論內(nèi)容、文章詳情、文章發(fā)表時間、文章鏈接、文章作者、瀏覽量、文章瀏覽權(quán)限、是否公開等等。結(jié)合系統(tǒng)中各個功能模塊之間的功能通過分析可以得出：博客關(guān)系表，用戶關(guān)系表，文章內(nèi)容表等數(shù)據(jù)庫關(guān)系模型。用戶E-R圖如圖4.1所示。用戶組ID注冊時間用戶組ID注冊時間用戶email登錄密碼用戶email登錄密碼QQ號碼用戶性別QQ號碼用戶性別用戶MSN用戶昵稱用戶MSN用戶昵稱用戶用戶圖4.1該E-R圖主要是介紹了用戶的一些屬性。日志類別E-R圖如圖4.2所示。類別描述類別描述登錄用戶名博友昵稱登錄用戶名博友昵稱博友ID博友ID登錄密碼登錄密碼博友博友 圖4.2該E-R圖主要是介紹了博友的屬性。日志E-R圖如圖4.3所示。日志內(nèi)容日志內(nèi)容日志標(biāo)題發(fā)表日期日志標(biāo)題發(fā)表日期瀏覽次數(shù)作者ID瀏覽次數(shù)作者ID所屬ID所屬ID評論數(shù)評論數(shù)日志屬性日志ID日志日志屬性日志ID日志圖4.3該E-R圖主要是介紹了日志的相關(guān)屬性。3.3.3主要表結(jié)構(gòu)如下表[blogs]日志數(shù)據(jù)表字段名類型說明blogidInt(10)日志的IDtitletext日志標(biāo)題pubtimeInt(11)日志發(fā)表時間authoridInt(8)日志作者的IDrepliesInt(8)日志的評論數(shù)tbsInt(8)日志的trackback數(shù)viewsInt(8)日志的查看次數(shù)categoryInt(3)日志所屬的分類的IDcontentmediumtext日志正文內(nèi)容propertyInt(1)日志的屬性0公開日志1鎖定日志2隱藏日志3一般草稿2.表[user]博友登陸信息表字段名類型說明useridInt(10)博友IDnichengText博友在博客里的稱呼usernametext登陸時的用戶名passwordtext登陸密碼3.表[register]用戶數(shù)據(jù)表字段名類型說明useridInt(8)登陸時需要用到的用戶名usernametext用戶昵稱userpwdInt(8)登陸密碼regtimeInt(11)注冊時間usergroupInt(2)所屬的用戶組IDemailtext用戶emailqqtextQq號msntext用戶msngendertext用戶性別3.4功能模塊介紹3.4.1博客注冊登錄管理模塊博客注冊登錄管理模塊，是實現(xiàn)普通用戶成為注冊用戶的渠道，可以使是注冊用戶實現(xiàn)對博客的管理和內(nèi)容的維護(hù)，同時也是方面數(shù)據(jù)庫對用戶的管理。同時可以將網(wǎng)站的更新動態(tài)和相關(guān)信息傳達(dá)給其他的用戶次功能塊主要的功能實現(xiàn)為：（1）新博客在線注冊。（2）博客登錄管理。（3）跳轉(zhuǎn)到博客主頁。必須是通過注冊登錄的用戶，才能實現(xiàn)在個人博客上面實現(xiàn)文章的發(fā)表和編輯功能，同時還有對博客的管理，文章的管理以及維護(hù)功能。對于沒有注冊的用戶，只能給于普通用戶的權(quán)限，其中無法對文章進(jìn)行發(fā)表和編輯功能。登錄注冊模塊用來實現(xiàn)用戶注冊登錄功能，可以使普通用戶通過這一模塊成為博客注冊用戶。當(dāng)用戶進(jìn)行博客注冊時，會對其中的信息進(jìn)行驗證，包含了一些必要的驗證，比如用戶名的格式，注冊所用的郵箱或者電話的有效性。在用戶輸入的內(nèi)容有錯誤時可以給出相應(yīng)的提示信息。當(dāng)用戶成為博客用戶時，在其登錄時也會對起輸入的信息進(jìn)行驗證，比如與用戶名相匹配的密碼是否正確等，在其密碼輸入錯誤時會給與密碼錯誤的提示。3.4.2博客及文章檢索查詢模塊博客及文章檢索查詢模塊為網(wǎng)絡(luò)用戶提供便捷的搜索，以及日志閱讀瀏覽等功能，同時對日志的評論信息、博客推薦也能夠及時反饋給網(wǎng)絡(luò)用戶。在博客內(nèi)部提供站內(nèi)搜索功能，同時還有文章的閱讀，瀏覽記錄功能，還包括對文章的評論內(nèi)容，文章推薦等等。次功能塊主要的功能實現(xiàn)為：（1）熱門博客頁面推薦。（2）最新博客日志推薦。（3）日志信息關(guān)鍵字搜索。該功能模塊所提供的功能為：實時的提供文章的最新動態(tài)，以及熱門的文章推薦。當(dāng)普通用戶點擊某個文章之后，可以快速的跳轉(zhuǎn)到對應(yīng)的文章內(nèi)容頁進(jìn)行查看，同時還可以實時的進(jìn)行評論不管哪種推薦，可以都無法滿足用戶的一些要求，那么站內(nèi)搜索功能可以使用戶自定義搜索自己感興趣的文章內(nèi)容。當(dāng)用戶通過自己感興趣的關(guān)鍵字進(jìn)行搜索的時候，可以提供給用戶最直觀，最準(zhǔn)確的內(nèi)容。3.4.3博客頁面顯示模塊當(dāng)普通用戶點擊某個文章進(jìn)行瀏覽的時候，在該頁面中應(yīng)當(dāng)提供最新的文章動態(tài)。同時，也應(yīng)該對文章進(jìn)行分類，方便用戶瀏覽。同時也提供了文章評論功能，可以使普通用戶在文章中進(jìn)行評論以及留言。次功能塊主要的功能實現(xiàn)為：（1）用戶可以分頁查看對應(yīng)的日志內(nèi)容及評論信息。（2）用戶可以針對日志內(nèi)容發(fā)表評論。（3）用戶可以針對博客進(jìn)行留言。（4）用戶可以分類查看日志內(nèi)容。在此次的功能模塊當(dāng)中，還提供了諸如日志，評論，頁面統(tǒng)計，留言信息，熱門動態(tài)等功能區(qū)3.4.4博客個人維護(hù)管理模塊此功能模塊主要用于實現(xiàn)注冊用戶對其個人博客的相關(guān)設(shè)置以及對其個人信息的相關(guān)編輯功能。次功能塊主要的功能實現(xiàn)為：（1）日志及日志分類管理。（2）評論及留言管理。（3）個人基本信息維護(hù)管理。通過該功能模塊，注冊用戶可以通過權(quán)限對自己的個人主頁進(jìn)行修改和編輯，以及對文章的分類管理，文章內(nèi)容的修改編輯等等。4主要功能的實現(xiàn)4.1登錄控制圖4.1登錄界面該模塊主要是為了實現(xiàn)注冊登錄功能，主要是需要檢測用戶注冊的用戶名或者密碼是否符合系統(tǒng)的設(shè)計要求。當(dāng)用戶注冊或者登錄成功，將跳轉(zhuǎn)到主界面，當(dāng)注冊或者登錄失敗時，會及時給出提示信息。4.2文章發(fā)表功能圖4.2文章發(fā)表在博客管理系統(tǒng)中，最重要的就是文章標(biāo)記與發(fā)表功能了。此模塊實現(xiàn)了博客的文章發(fā)表功能，包括文章標(biāo)題，文章內(nèi)容，發(fā)布日期，分類，以及標(biāo)簽等。文章發(fā)表成功后，會跳轉(zhuǎn)到文章預(yù)覽界面，也就是普通用戶所瀏覽的頁面。已發(fā)布的文章也可以通過此頁面修改或者增減內(nèi)容。4.3文章評論功能圖4.3文章評論功能文章評論功能作為連接普通用戶與博客用戶之間的橋梁，具有十分重要的作用，因此在此模塊設(shè)計當(dāng)中突出表現(xiàn)出用戶輸入框。在此輸入框中，用戶可以添加文章，表情，或者圖片。同時，后臺還會過濾其中的部分代碼，以防止用戶提交惡意代碼。4.4文章檢索功能圖4.4文章檢索功能文章檢索功能模塊，是為了讓用戶能夠根據(jù)自定義標(biāo)簽或者關(guān)鍵字來尋找自己感興趣的文章或者內(nèi)容，這在文章內(nèi)容數(shù)據(jù)量比較大的時候非常有用，可以讓用戶及時，快速的檢索出自己所需要的內(nèi)容。4.5后臺管理模塊后臺管理模塊是博客用戶特有的模塊，此模塊包含了文章管理，評論管理，以及標(biāo)簽等子模塊的管理。主要是讓博客用戶更加方便的來管理自己博客的內(nèi)容，通過對有歧義的文章或者評論進(jìn)行刪除或者屏蔽等處理，使得博客的內(nèi)容更加符合博客管理者的思想。5系統(tǒng)測試5.1測試概要在程序開發(fā)完成之后，需要對程序進(jìn)行測試，這是非常重要的一個環(huán)節(jié)。主要目的是為了測試程序本身是否留有嚴(yán)重的bug和其他需要改進(jìn)的一些地方。5.2測試方法本次測試采用線上測試的辦法，測試的環(huán)境為chrome瀏覽器。無js禁用，無css禁用，網(wǎng)絡(luò)連接通暢。測試的方法是每次打開一個頁面，每個功能進(jìn)行實際測試。5.3測試用例系統(tǒng)的部分測試用例如表5-1所示。表5-1測試用例表輸入數(shù)據(jù)預(yù)期結(jié)果實際結(jié)果在登錄界面中輸入用戶名和密碼進(jìn)入系統(tǒng)主界面成功進(jìn)入系統(tǒng)主界面在注冊界面輸入用戶名和密碼進(jìn)入注冊成功頁面成功進(jìn)入注冊成功頁面在文章編輯界面發(fā)表文章文章發(fā)表成功文章發(fā)表成功在文章查看界面發(fā)表評論評論發(fā)表成功評論發(fā)表成功在后臺系統(tǒng)管理博客內(nèi)容管理內(nèi)容成功內(nèi)容管理成功通過評論管理刪除評論刪除評論成功刪除評論成功5.4測試結(jié)果5.4.1登錄測試5.1登錄在登錄界面輸入用戶名和密碼，用戶名Elephant，密碼：elephamt。可以成功登錄博客管理員后臺。在登錄界面還有是否下次自動登錄的選擇，如果勾選，那么下次將不用輸入用戶名和密碼而自動登錄。但是為了安全起見，在公共電腦上不會開啟這一權(quán)限。5.4.2文章發(fā)表測試5.2文章發(fā)表在文章發(fā)表發(fā)表模塊測試發(fā)表功能，在標(biāo)題欄填寫標(biāo)題，在內(nèi)容欄填寫內(nèi)容，在內(nèi)容區(qū)可以使用markdown語法，可以實現(xiàn)插入圖片，代碼，鏈接等功能。在右側(cè)區(qū)還可以編輯發(fā)布時間，選擇分類，文章標(biāo)簽。最后點擊發(fā)布文章，文章成功發(fā)布到網(wǎng)站上面。5.4.3評論測試發(fā)表評論在文章內(nèi)容頁面測試評論功能。在評論內(nèi)容區(qū)填寫評論的內(nèi)容，還可以選擇是否添加表情。評論內(nèi)容編輯完成，點擊發(fā)表評論，評論成功發(fā)表到評論區(qū)。5.4.4文章檢索測試5.3文章檢索文章檢索模塊實現(xiàn)了使用關(guān)鍵字查詢文章的功能。在搜索欄中輸入想要查詢的關(guān)鍵字，比如輸入經(jīng)濟(jì)。成功檢索到與經(jīng)濟(jì)相關(guān)的文章列表。5.4.4內(nèi)容管理測試5.4內(nèi)容管理 內(nèi)容管理模塊包含了評論管理，文章管理等，這次主要測試這兩個子模塊。對任意文章進(jìn)行編輯保存之后，前端頁面可以馬上更新最新的文章頁面，對文章進(jìn)行刪除處理，文章將會從數(shù)據(jù)庫中刪除。對評論使用刪除處理，該條評論也會從數(shù)據(jù)庫中刪除。經(jīng)測試，并無bug。結(jié)論從整體上來說，此次系統(tǒng)的設(shè)計方式是比較合理的。在設(shè)計規(guī)范以及在開發(fā)的過程中都比較合理。由于在數(shù)據(jù)庫的設(shè)計方便不太擅長，一次導(dǎo)致在開發(fā)的過程中出現(xiàn)了很多的問題，不過最終還是解決了。不過也是因為初期的問題導(dǎo)致后期的修改比較繁瑣。由于在某些技術(shù)方面的掌握