基于J2EE的在線博客網(wǎng)站論文

1、XX信息技術(shù)職業(yè)學(xué)院畢業(yè)設(shè)計(jì)論文設(shè)計(jì)論文題目：基于J2EE的在線博客選題性質(zhì)：設(shè)計(jì)口論文基于J2EE的在線博客荀建昌XX信息技術(shù)職業(yè)學(xué)院軟件學(xué)院一系XX萬(wàn)州404000摘要：本文對(duì)我的畢業(yè)設(shè)計(jì)作品重信博客在線(CqeecBlogOnline)，進(jìn)展了全面的闡述和分析。其中涉及到我對(duì)博客，這個(gè)互聯(lián)網(wǎng)新興概念的認(rèn)識(shí)，以及對(duì)BSP的功能分析。然后文中詳細(xì)闡述了需求分析階段的各方面內(nèi)容，羅列了架構(gòu)設(shè)計(jì)方面的各種材料和成果，最后對(duì)我的畢業(yè)設(shè)計(jì)做了一個(gè)全面的總結(jié)。特別的，文中對(duì)整個(gè)系統(tǒng)的工作流程做了詳細(xì)分析和說(shuō)明，對(duì)MVC的理解及闡述貫穿本文始末。另一方面，在本次畢業(yè)設(shè)計(jì)的過(guò)程中，我擔(dān)任了小組組長(zhǎng)的工作，

2、在本文中又特地闡述了我工作上的一些細(xì)節(jié)。關(guān)鍵字：博客互聯(lián)網(wǎng)MVC需求分析架構(gòu)設(shè)計(jì)目錄緒論3系統(tǒng)開發(fā)知識(shí)儲(chǔ)藏4相關(guān)開發(fā)技術(shù)和模式介紹4Servlet4JSP4Ajax4XML5DOM5MVC5 TOC o 1-5 h z 開發(fā)技術(shù)和本系統(tǒng)5需求分析5功能概述5用例分析6系統(tǒng)用例概述6參與者6 TOC o 1-5 h z 5系統(tǒng)運(yùn)作機(jī)制簡(jiǎn)析7系統(tǒng)運(yùn)作機(jī)制簡(jiǎn)述7博客注冊(cè)模塊分析8模塊功能概述8模塊構(gòu)造8模塊運(yùn)作圖解9模塊運(yùn)作詳解9完畢語(yǔ)12 HYPERLINK l bookmark10 o Current Document 致謝12 HYPERLINK l bookmark12 o Current

3、Document 附件121緒論博客（Blog）是互聯(lián)網(wǎng)技術(shù)日益成熟，逐日走進(jìn)千家萬(wàn)戶后的產(chǎn)物。它不僅代表了個(gè)人信息發(fā)布平臺(tái)，更展現(xiàn)了一種全新的生活方式，同時(shí)一種新的傳媒形式也因此逐漸浮現(xiàn)出來(lái)。這種傳媒形式的特點(diǎn)是，普羅群眾已經(jīng)不再只是信息的消費(fèi)者；只要你有一臺(tái)電腦，一個(gè)MODEM，輕輕敲擊鍵盤，點(diǎn)擊鼠標(biāo)，你就有可能是信息的制造者和傳播者。信息的自由傳播，使網(wǎng)民趨之假設(shè)鶩，因此各大BSP紛紛涌現(xiàn)，開博客寫博客成為當(dāng)今互聯(lián)網(wǎng)的一大熱潮。同博客息息相關(guān)的另一個(gè)新的概念是，Web2.0。Web2.0并不是互聯(lián)網(wǎng)世界的新產(chǎn)品，它只不過(guò)是對(duì)一種日漸成型的Web設(shè)計(jì)思想的總結(jié)。Web2.0強(qiáng)調(diào)用戶參與和用

4、戶體驗(yàn)。博客無(wú)處不在表達(dá)著Web2.0的核心思想，但它卻早在Web2.0的概念提出前就已經(jīng)存在，它對(duì)于醞釀Web2.0功不可沒。與此同時(shí)，Web2.0的開展，在技術(shù)和設(shè)計(jì)思想上又進(jìn)一步影響了當(dāng)今博客開展的趨勢(shì)。綜上所述，我這次選擇的畢業(yè)論文題目博客網(wǎng)，有著非凡的意義以及實(shí)際應(yīng)用價(jià)值。它既考驗(yàn)了我對(duì)傳統(tǒng)Web的認(rèn)識(shí)，又考察了自己對(duì)新技術(shù)的敏銳度。作為本次畢業(yè)設(shè)計(jì)小組的組長(zhǎng)，自己擔(dān)任了很多方面的工作，從需求分析，架構(gòu)設(shè)計(jì)，代碼編寫，以及輔助小組成員完成諸如數(shù)據(jù)庫(kù)設(shè)計(jì)等工作，都要親身參與。在需求分析階段，我先是瀏覽各大BSP,試用它們所提供的效勞，逐漸總結(jié)出一個(gè)在線博客主要的用例。然后我又進(jìn)一步分析

5、用例，畫出系統(tǒng)總的用例圖，之后再根據(jù)用例圖總結(jié)出系統(tǒng)所需的主要功能，為下一步的架構(gòu)設(shè)計(jì)打下根底。對(duì)于架構(gòu)設(shè)計(jì)，考慮到畢業(yè)作品的特點(diǎn)和這三年來(lái)我所學(xué)到的知識(shí)，我決定小組使用Servlet+JSP+MSSQLServer2000+Ajax+Tomcat來(lái)開發(fā)整個(gè)博客網(wǎng)系統(tǒng)。Servelt+JSP應(yīng)用于Web開發(fā),有著很強(qiáng)的優(yōu)勢(shì)；而MSSQL對(duì)于中小型的系統(tǒng)來(lái)說(shuō)，是個(gè)很好的選擇；Ajax是當(dāng)今比擬熱門的技術(shù)，也是Web2.0時(shí)代極具代表性的技術(shù)，它對(duì)于改善用戶體驗(yàn)減輕效勞器端的負(fù)擔(dān)有著很大的作用。同時(shí)我結(jié)合MVC和本系統(tǒng)的具體特點(diǎn)，把系統(tǒng)分為三個(gè)層次：表述曾，邏輯層和數(shù)據(jù)層。在代碼編寫階段，由于本小

6、組只有兩個(gè)人一臺(tái)電腦，所以每個(gè)人的工作量都比擬大，而且開發(fā)時(shí)間很緊X。因此，我盡量使用Java中的接口做到分工明確。但實(shí)在是由于人員和時(shí)間有限，對(duì)于需求分析階段的某些功能，至今還未能完全實(shí)現(xiàn)。但我相信，畢業(yè)設(shè)計(jì)的目的并不僅僅只關(guān)注實(shí)現(xiàn)了什么功能，它只是通過(guò)此種形式來(lái)檢驗(yàn)我們的學(xué)習(xí)態(tài)度和知識(shí)儲(chǔ)藏情況。此論文旨在闡述我對(duì)我們的畢業(yè)設(shè)計(jì)作品重信博客在線(CqeecBlogOnline)的認(rèn)識(shí)以及詳細(xì)介紹自己工作中的細(xì)節(jié)。2系統(tǒng)開發(fā)知識(shí)儲(chǔ)藏2.1相關(guān)開發(fā)技術(shù)和模式介紹2.1.1ServletServlet是運(yùn)行在Web效勞器或應(yīng)用效勞器上的Java程序，它是一個(gè)中間層，負(fù)責(zé)連接來(lái)自Web瀏覽器或其他H

7、TTP客戶程序的請(qǐng)求和HTTP效勞器上的應(yīng)用程序或數(shù)據(jù)庫(kù)。2.1.2JSPJSP(JavaServerPageS!)由Sun公司倡導(dǎo)、許多別的公司參與一起建立的一種新動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)，類似其他技術(shù)標(biāo)準(zhǔn)，如ASP、PHP或是ColdFusion，等等。在傳統(tǒng)白網(wǎng)頁(yè)HTML文件(*.htm,*.html)中參加Java程序片段(Scriptlet)和JSP標(biāo)簽，構(gòu)成了JSP網(wǎng)頁(yè)(*.jsp)。Servlet/JSPContainer收到客戶端發(fā)出的請(qǐng)求時(shí)，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTML格式響應(yīng)給客戶端。其中程序片段可以是：操作數(shù)據(jù)庫(kù)、重新定向網(wǎng)頁(yè)以及發(fā)送等等，這些都是建立動(dòng)態(tài)所需

8、要的功能。所有程序操作都在效勞器端執(zhí)行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，與客戶端的瀏覽器無(wú)關(guān)。2.1.3AjaxAJAX是AsynchronousJavaScriptandXML的縮寫。它并不是一門新的語(yǔ)言或技術(shù)，它實(shí)際上是幾項(xiàng)技術(shù)按一定的方式組合在一在同共的協(xié)作中發(fā)揮各自的作用，它包括：使用XHTML和CSS標(biāo)準(zhǔn)化呈現(xiàn);使用DOM實(shí)現(xiàn)動(dòng)態(tài)顯示和交互;使用XML和XSLT進(jìn)展數(shù)據(jù)交換與處理;使用XMLHttpRequest進(jìn)展異步數(shù)據(jù)讀??；最后用JavaScript定和處理所有數(shù)據(jù)。Ajax的工作原理相當(dāng)于在用戶和效勞器之間加了個(gè)中間層，使用戶操作與效勞器應(yīng)異步化。這樣把以前的一些效勞器負(fù)

9、擔(dān)的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來(lái)處理，減輕效勞器和帶寬的負(fù)擔(dān)，從而到達(dá)節(jié)約ISP 的空間及帶寬租用本錢的目的。2.1.4XMLXML代表了由全球信息網(wǎng)協(xié)會(huì)WorldWideWebConsortium；W3C的XML工作小組所定義的可延伸標(biāo)記語(yǔ)言。雖然超文字標(biāo)記語(yǔ)言HTML是目前建立網(wǎng)頁(yè)最常使用的程序語(yǔ)言，然而在儲(chǔ)存信息的能力上有其限制。相較之下，XML具有較大的彈性，允許你使用任何虛擬型態(tài)的信息，從簡(jiǎn)單的單筆數(shù)據(jù)到復(fù)雜的數(shù)據(jù)庫(kù)因此稱為可延伸標(biāo)記語(yǔ)言。一個(gè)XML文件通常與樣式表或傳統(tǒng)的HTML網(wǎng)頁(yè)連結(jié)在一起，因此XML文件可以輕易地在網(wǎng)頁(yè)瀏覽器中顯示出來(lái)。XML文件以有效率的構(gòu)造

10、和卷標(biāo)來(lái)儲(chǔ)存其所包含的信息，因此瀏覽器可以使用較彈性的方式來(lái)尋找、擷取、排序、篩選、排列和處理信息。XML提供了一個(gè)理想的解決方法來(lái)處理快速增加的數(shù)據(jù)量和信息復(fù)雜度的問(wèn)題。DOMDOM即DocumentObjectModel的縮寫，是表示文檔和，操作構(gòu)成文檔的各種元素的應(yīng)用程序接口。W3C的DOM標(biāo)準(zhǔn)，提供了大量的API，讓你可以對(duì)各種節(jié)點(diǎn)，執(zhí)行各種各樣的操作。實(shí)現(xiàn)了DOM標(biāo)準(zhǔn)的瀏覽器，通過(guò)對(duì)外提供HTMLDOM的內(nèi)存對(duì)象樹，以及豐富的DOMAPI，使得基于DOM的Web編程，能夠有效的操作所有的頁(yè)面元素，實(shí)現(xiàn)豐富的動(dòng)態(tài)交互效果。MVCMVC是三個(gè)單詞的縮寫，分別為：模型（Model）,視圖（

11、View）和控制Controller）。MVC模式的目的就是實(shí)現(xiàn)Web系統(tǒng)的職能分工。Model層實(shí)現(xiàn)系統(tǒng)中的業(yè)務(wù)邏輯，通常可以用JavaBean或E來(lái)實(shí)現(xiàn)。View層用于與用戶的交互，通常用JSP來(lái)實(shí)現(xiàn)。Controller層是Model與View之間溝通的橋梁，它可以分派用戶的請(qǐng)求并選擇恰當(dāng)?shù)囊晥D以用于顯示，同時(shí)它也可以解釋用戶的輸入并將它們映射為模型層可執(zhí)行的操作。2.2開發(fā)技術(shù)和本系統(tǒng)重信博客在線是一個(gè)中小型的多人在線博客，系統(tǒng)規(guī)模雖不復(fù)雜，但也并不簡(jiǎn)單，因此使用J2EE技術(shù)開發(fā)此系統(tǒng)是一個(gè)較好的選擇。同時(shí)，本系統(tǒng)是一個(gè)面向廣闊互聯(lián)網(wǎng)用戶的，前臺(tái)必須簡(jiǎn)單明了，用戶操作須使用順暢，使用A

12、jax技術(shù)能很好的到達(dá)此要求。3需求分析功能概述重信博客在線是一個(gè)多人在線博客，它需要實(shí)現(xiàn)當(dāng)前各大BSP（BlogServiceProvider）所提供的主要功能。目前國(guó)內(nèi)各大BSP所提供的主要功能有，博客注冊(cè)，發(fā)表文章，編輯文章，刪除文章，添加文章分類，刪除文章分類，添加友情，刪除友情，文章留言，自定義模板，RSS訂閱，Trackback,統(tǒng)計(jì)。但考慮到開發(fā)時(shí)間和人力資源的具體情況，重信博客在線只初步實(shí)現(xiàn)其中的核心功能，去除了編輯文章，自定義模板，RSS訂閱，Trackback等功能。用例分析系統(tǒng)用例概述重新博客在線是一個(gè)中小型的在線博客，它向所有的互聯(lián)網(wǎng)用戶開放。普通的者作為游客，可以登陸

13、本，搜索博客，瀏覽博客，瀏覽他人博客中的文章，友情，文章評(píng)論，同時(shí)也能對(duì)相應(yīng)的文章進(jìn)展留言。普通的游客，可以通過(guò)注冊(cè)，成為本的注冊(cè)用戶。注冊(cè)用戶，本除具有普通游客所有的權(quán)限外，還能通過(guò)登錄后，管理自己的博客。注冊(cè)用戶可以發(fā)表文章，刪除文章，添加文章分類，刪除文章分類，增刪友情等。另外普通游客可以通過(guò)RSS訂閱本的的最新博客內(nèi)容，或通過(guò)RSS訂閱具體博客的最新文章。參與者訪客：瀏覽本的普通訪客，只具備瀏覽文章，搜索博客的權(quán)限注冊(cè)用戶：本的注冊(cè)用戶，除具備普通訪客的所有權(quán)限外，還能后發(fā)表文章，管理自己的博客等管理員：本的管理者，具備訪客和注冊(cè)用戶的所有權(quán)限，并具有增刪改博客，用戶，編輯頁(yè)面等權(quán)限（

14、注：本系統(tǒng)暫未實(shí)現(xiàn)管理的功能）用例備注由于開發(fā)時(shí)間，人力資源等問(wèn)題，本小組暫為對(duì)用例分析中的某些用例在功能上進(jìn)展實(shí)現(xiàn)。系統(tǒng)只解決了一些主要的用例。用戶分析重信博客在線主要是面向熟悉互聯(lián)網(wǎng)的網(wǎng)民，他們具有一定的網(wǎng)頁(yè)瀏覽經(jīng)歷，熟悉普通注冊(cè)，登陸，瀏覽的相關(guān)流程限制與約束本畢業(yè)設(shè)計(jì)小組，組員總共有兩人，而總共只有一臺(tái)電腦，開發(fā)時(shí)間有限，因此只實(shí)現(xiàn)了用例分析中的局部功能。功能需求功能需求表表3-101博客注冊(cè)Register高注冊(cè)博客02及表文早PostArticle高發(fā)表新文章03刪除文章DelArticle高刪除指定的文章05添加文章分類AddSort高添加文章分類06刪除文章分類DelSort高

15、刪除文章分類07添加友情AddLinks高添加友情連接08刪除友情DelLinks高刪除友情09文章留言AddFeedback高添加文章留言10統(tǒng)計(jì)VisitCount中博客量統(tǒng)計(jì)11修改博客信息ModifyBlog中修改博客的注冊(cè)信息12博客搜索Search高用指定關(guān)鍵詞搜索博客13博客Logo管理ModifyLogo低博客的10go管理14最新文章推薦NewArticles中在主頁(yè)推薦最新文章15熱點(diǎn)博客排行HotArticles中在主頁(yè)推薦量較高的博客5系統(tǒng)運(yùn)作機(jī)制簡(jiǎn)析系統(tǒng)運(yùn)作機(jī)制簡(jiǎn)述系統(tǒng)由JSP+Ajax+Servlet+MSSQLServer2000協(xié)同完成工作。系統(tǒng)可分為三個(gè)層次：

16、表示層，邏輯層，數(shù)據(jù)層。表示層：由WebRoot目錄下的所有JSP文件和WebRoot/images目錄下的所有Javascript文件負(fù)責(zé)。JSP文件輸出到客戶端瀏覽器，客戶端通過(guò)表單或URL調(diào)用邏輯層中的Servlet,或通過(guò)XMLHttpRequest對(duì)象調(diào)用邏輯層中的Servlet.邏輯層：由WEB-INF/classes/cqeecBlog/action目錄下白所有Servlet負(fù)責(zé)。邏輯層接收客戶端請(qǐng)求，提取參數(shù)，然后調(diào)用數(shù)據(jù)層中的相應(yīng)方法讀寫數(shù)據(jù)庫(kù)。如需響應(yīng)客戶端請(qǐng)求，那么：把響應(yīng)數(shù)據(jù)保存在Seesion對(duì)象中，通過(guò)sendRedirect（近法轉(zhuǎn)發(fā)至U相應(yīng)的JSP文件,JSP文

17、件再?gòu)腟ession中提取數(shù)據(jù)，格式化輸出.把響應(yīng)數(shù)據(jù)組合成XML文檔，通過(guò)PrintWriter對(duì)象輸出到客戶端，客戶端的XMLHttpRequest對(duì)象接收XML文檔，然后調(diào)用相應(yīng)的處理函數(shù)輸出響應(yīng)數(shù)據(jù).數(shù)據(jù)層：由WEB-INF/classes/cqeecBlog/toolkit目錄下的DbOperateSpec負(fù)責(zé)。DbOperateSpec接口定義了相應(yīng)的讀寫數(shù)據(jù)庫(kù)的抽象方法。博客注冊(cè)模塊分析模塊功能概述本模塊主要完成博客信息注冊(cè)的功能。在注冊(cè)過(guò)程中，該模塊會(huì)檢測(cè)注冊(cè)用戶名是否已經(jīng)存在，注冊(cè)信息是否符合要求。模塊構(gòu)造此模塊須數(shù)個(gè)組件協(xié)同完成，包括：?WebRoot/regist.jsp

18、?WebRoot/images/regist.js?WEB-INF/classes/cqeecBlog/action/CheckUnameAction.class?WEB-INF/classes/cqeecBlog/action/RegistAction.class?WEB-INF/classes/cqeecBlog/action/OpenBlogAction.class?WEB-INF/classes/cqeecBlog/toolkit/DbOperateSpec.class?WEB-INF/classes/cqeecBlog/toolkit/DbOperate.classDtiOperat

19、eSpecgetBlogfStringuname)/savt(Objectobj)getBlog(StringunameRegistActioniCheckJnameAdionregist.js_checkUaer()formregist.jsp圖5-1各模塊運(yùn)作圖解5.2.4模塊運(yùn)作詳解翻開主頁(yè)，在右方的用戶登錄附近點(diǎn)擊新用戶注冊(cè)進(jìn)入博客注冊(cè)頁(yè)面，頁(yè)面截圖如下:請(qǐng)?zhí)顚懩膫€(gè)人信息I您的用戶名j 您的密碼I 重復(fù)植入密I碼 1懈斯空地憚罵信息也行設(shè)置好的博客標(biāo)題1-電子郵件尼(址1法塘用戶名不旎為空成為孕母，數(shù)字.下劃線密碼應(yīng)為5字母,熟字.特殊字符給您的博客起個(gè)好聽的名字請(qǐng)按照電干郵件地址的

20、格式埴號(hào)CeecBlofOnhn順權(quán)所圖5-2重信博客登陸頁(yè)面此頁(yè)面由regist.jsp文件負(fù)責(zé)生成，其中的表單元素的HTML代碼如下：表5-1表單元素的HTML代碼=unamename=unamename=pswmsg=密name=psw2msg=name=emailmsg=需inputclass=button-submittype=submitvalue=注冊(cè)當(dāng)用戶在文本框輸入用戶名，并準(zhǔn)備進(jìn)展下一項(xiàng)輸入時(shí)，當(dāng)前文檔調(diào)用regist.j蚊件中的regist.jspcheckUser()函數(shù)。checkUser()數(shù)負(fù)責(zé)向效勞器端發(fā)出請(qǐng)求，檢查此用戶名是否已經(jīng)被注冊(cè)。如果用戶名已經(jīng)被注冊(cè)，

21、那么使用Window.alert()提示錯(cuò)誤信息，并把用戶名文本框設(shè)為當(dāng)前焦點(diǎn)。局部代碼如下表5-2regist.js因部代碼functioncheckUser()varuname=document.regForm.uname.value;if(uname=)window.alert(document.regForm.uname.msg);document.regForm.uname.focus();returnfalse;elsesendRequest(checkUname?uname=+uname);/發(fā)送請(qǐng)求函數(shù)functionsendRequest(url)/局部代碼略XMLHttpR

22、eq.onreadystatechange=processResponse;/指定響應(yīng)函數(shù)XMLHttpReq.send(null);/發(fā)送請(qǐng)求/處理返回信息函數(shù)functionprocessResponse()if(XMLHttpReq.readyState=4)/判斷對(duì)象狀態(tài)if(XMLHttpReq.status=200)/信息已經(jīng)成功返回，開場(chǎng)處理信息varres=XMLHttpReq.responseText;if(res=1)window.alert(用戶名已經(jīng)被占用，請(qǐng)更換！)；document.regForm.uname.focus();userAviable=false;el

23、seuserAviable=true;/局部代碼略checkUser()函數(shù)會(huì)調(diào)用sendRequest()l數(shù)向效勞器端的Servle發(fā)送t#求.負(fù)責(zé)處理此請(qǐng)求的是CheckUnameAction,它首先接收客戶端請(qǐng)求參數(shù)，然后調(diào)用DbOperateSpec中的getBlog(Stringuname)方法獲取指定的博客，假設(shè)該方法返回null值，那么代表該用戶名未被注冊(cè)。當(dāng)用戶完成所有的輸入后，點(diǎn)擊注冊(cè)按鈕，當(dāng)前HTML文檔會(huì)首先調(diào)用regist.js中的regist()函數(shù)檢查注冊(cè)信息是否未空，假設(shè)不為空那么返回true,瀏覽器向效勞器端的發(fā)送注冊(cè)請(qǐng)求.負(fù)責(zé)處理此請(qǐng)求的是RegistAction.它首先接收客戶端請(qǐng)求參數(shù)，然后把這注冊(cè)信息封裝到一個(gè)實(shí)體Bean.cqeecBlog.e