基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【畢業(yè)論文 文獻(xiàn)綜述 任務(wù)書 開題報(bào)告】

《基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【畢業(yè)論文 文獻(xiàn)綜述 任務(wù)書 開題報(bào)告】》由會(huì)員分享，可在線閱讀，更多相關(guān)《基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【畢業(yè)論文 文獻(xiàn)綜述 任務(wù)書 開題報(bào)告】（31頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【畢業(yè)論文+文獻(xiàn)綜述+任務(wù)書+開題報(bào)告】 ( 2011 屆) 本科畢業(yè)論文(設(shè)計(jì)) 題 目: 基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 學(xué) 院: 專 業(yè): 信息管理與信息系統(tǒng) 班 級(jí): 學(xué) 號(hào): 姓 名: 指導(dǎo)教師: 完成日期:

2、 教 務(wù) 處 誠 信 聲 明 我聲明,所呈交的論文設(shè)計(jì)是本人在老師指導(dǎo)下進(jìn)行的研究工作及取得的研究成果。據(jù)我查證,除了文中特別加以標(biāo)注和致謝的地方外,論文設(shè)計(jì)中不包含其他人已經(jīng)發(fā)表或撰寫過的研究成果,也不包含為獲得______或其他教育機(jī)構(gòu)的學(xué)位或證書而使用過的材料。我承諾,論文設(shè)計(jì)中的所有內(nèi)容均真實(shí)、可信。 論文設(shè)計(jì)作者簽名: 簽名日期:年月 授 權(quán) 聲 明 學(xué)校有權(quán)保留送交論文(設(shè)計(jì))的原件,允許論文(設(shè)計(jì))被查閱和借閱,學(xué)?？梢怨颊撐?設(shè)計(jì))的全部或部分內(nèi)容,可以影印、縮印或其他復(fù)制手段保存論文(設(shè)計(jì)),學(xué)校必須嚴(yán)格按照授權(quán)對(duì)

3、論文設(shè)計(jì)進(jìn)行處理,不得超越授權(quán)對(duì)論文(設(shè)計(jì))進(jìn)行任意處置。 論文設(shè)計(jì)作者簽名: 簽名日期: 年 月 日 基于JSP的個(gè)人博客系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 摘要:隨著計(jì)算機(jī)網(wǎng)絡(luò)的高速發(fā)展,博客迅速崛起,博客系統(tǒng)成為了潮流風(fēng)頭的網(wǎng)絡(luò)新興文化系統(tǒng)。課題的主要內(nèi)容便是基于JSP的個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。系統(tǒng)的前臺(tái)用戶操作模塊實(shí)現(xiàn)用戶查看博客文章、查看評(píng)論、評(píng)論文章等操作,而后臺(tái)博主操作模塊則是博主登陸、解決用戶文章管理、文章類別管理、相冊(cè)管理、留言管理等功能問題。 系統(tǒng)采用JSP技術(shù)實(shí)現(xiàn)個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn),搭建“My Eclipse + Dreamweaver”開發(fā)平臺(tái)和

4、“JavaBeans + Servlet”的開發(fā)技術(shù)結(jié)構(gòu),使用“MySQL+Navicat”數(shù)據(jù)庫工具,并應(yīng)用CSS進(jìn)行系統(tǒng)美化,采用CKEditor進(jìn)行博客系統(tǒng)的文章編輯。 關(guān)鍵詞:博客;博客系統(tǒng);JSP技術(shù);My EclipseDesign and Implementation of Personal Blog System Based On JSP Technology Abstract: Nowadays, blogs rise rapidly as computer networks develop so fast. Then blog system has become

5、a new cultural trend of the limelight of network systems. The main topic of this article is about the design and implementation of personal blog system based on JSP technology. In this system , the operation module for user in front-end implement such operations like viewing blog post, viewing comme

6、nts, commenting articles and so on, while the optional module for blogger in back-end is used to login ,solve article management , article category management, photos management ,message management and other functional problems. This system uses JSP technology to achieve design and implement of

7、the personal blog system, and build "My Eclipse + Dreamweaver" development platform and "JavaBeans + Servlet" the development of technical structure. It uses "MySQL + Navicat" database toolsIt uses CSS scripts to landscaping application systems. It uses CKEditor to edit the blog post. Key words: We

8、blog, Blog System, JSP technology, My Eclipse 目 錄 1 緒論 1 1.1 課題研究的背景、意義 1 1.1.1 歷史背景 1 1.1.2 研究現(xiàn)狀 1 1.1.3 意義 3 1.2 課題的研究?jī)?nèi)容 3 1.3 課題的研究方法 3 2 系統(tǒng)分析 5 2.1 需求分析 5 2.1.1 需求定義 5 2.1.2 數(shù)據(jù)流程圖 5 2.1.3 數(shù)據(jù)字典 6 2.2 開發(fā)工具分析 8 2.2.1 JSP概述 8 2.2.2 MyEclipse概述 10 2.2.3 Sev

9、erlet與 Javabean 10 2.2.4 MySQL 11 3 數(shù)據(jù)庫設(shè)計(jì) 13 3.1 概念設(shè)計(jì) 13 3.2 邏輯設(shè)計(jì) 13 3.3 物理設(shè)計(jì) 14 4 系統(tǒng)設(shè)計(jì) 16 4.1 系統(tǒng)總體結(jié)構(gòu)圖 16 4.2 系統(tǒng)功能模塊設(shè)計(jì) 16 4.3 系統(tǒng)主界面設(shè)計(jì) 17 5 系統(tǒng)實(shí)現(xiàn) 18 5.1 系統(tǒng)前臺(tái)主頁的實(shí)現(xiàn) 18 5.2 文章顯示模塊的實(shí)現(xiàn) 19 5.3 系統(tǒng)后臺(tái)主頁的實(shí)現(xiàn) 19 5.4 發(fā)表文章模塊的實(shí)現(xiàn) 21 5.5 系統(tǒng)詳細(xì)代碼 21 5.5.1 前臺(tái)主頁實(shí)現(xiàn)代碼 21 5.5.2 文章顯示模塊主要代碼 25

10、 5.5.3 后臺(tái)主頁實(shí)現(xiàn)代碼 27 5.5.4 發(fā)表文章模塊主要代碼 28 6 總結(jié) 30 7 致謝 31 8 參考文獻(xiàn) 32 1 緒論 1.1 課題研究的背景、意義 1.1.1 歷史背景 進(jìn)入21世紀(jì)信息時(shí)代后,隨著計(jì)算機(jī)網(wǎng)絡(luò)的高速發(fā)展,人類進(jìn)入了計(jì)算機(jī)網(wǎng)絡(luò)世界,人與人之間也出現(xiàn)了多種多樣的交流方式,從早期的ICQ,到后來的E-Mail和BBS,都是在計(jì)算機(jī)網(wǎng)絡(luò)的基礎(chǔ)上誕生的。它們的出現(xiàn)讓人類的交流變得更加的方便和快捷。之后,博客迅速崛起。 在博客風(fēng)靡全球的過程中,越來越多的人投入了博客系統(tǒng)的開發(fā)研究。主流開源博客系統(tǒng)包括WordPress,

11、Pivotx, PJBlog, Z-Blog, oBlog, Sablog-X站上了博客發(fā)展技術(shù)尖端。博客系統(tǒng)的開發(fā)語言與技術(shù)平臺(tái)的搭建方案層出不窮,基于各種技術(shù)語言開發(fā)的博客系統(tǒng)呈現(xiàn)百花爭(zhēng)鳴的局面。博客系統(tǒng)成為了潮流風(fēng)頭的網(wǎng)絡(luò)新興文化系統(tǒng)。 1.1.2 研究現(xiàn)狀 博客,即Weblog[1],后簡(jiǎn)稱blog,又譯為網(wǎng)絡(luò)日志等[2],是一種通常由個(gè)人管理、不定期張貼新文章的網(wǎng)站[3]。在臺(tái)灣,人們認(rèn)為Blog本身有社群群組的涵義,通常被音譯成“部落格”[4]。Blog就是以網(wǎng)絡(luò)作為載體,簡(jiǎn)易迅速便捷地發(fā)布個(gè)人心得,及時(shí)有效輕松地與他人進(jìn)行交流,再集豐富多彩的個(gè)性化展示于一體的綜合性平臺(tái)

12、[5]。這些博客撰寫人就叫做Blogger或Blog writer[6]。 Blog一露面,立刻與Email、BBS、ICQ并列四大網(wǎng)絡(luò)交流方式[7],并逐漸發(fā)展成網(wǎng)絡(luò)時(shí)代的個(gè)人“讀者文摘”[8]。這種以超級(jí)鏈接為武器的網(wǎng)絡(luò)日記,給人們帶來了生活方式和工作方式的創(chuàng)新,標(biāo)志著一種新的學(xué)習(xí)方式[9]。另外,由于blog的溝通方式比電子郵件、討論群組更為簡(jiǎn)易和方便,它逐漸被應(yīng)用在企業(yè)內(nèi)部網(wǎng)絡(luò)Intranet中[10]。 據(jù)有關(guān)調(diào)查數(shù)據(jù)[11]顯示,2006年11月3日,全球中文博客站點(diǎn)數(shù)量達(dá)到5230萬,博客用戶數(shù)達(dá)到1987萬。有些調(diào)查數(shù)據(jù)[12]還顯示出,2006年,中國大陸博客服務(wù)

13、商持續(xù)大幅增長,大型網(wǎng)絡(luò)公司如搜狐、百度紛紛推出相應(yīng)的博客服務(wù),博客服務(wù)商之間的市場(chǎng)競(jìng)爭(zhēng)日趨激烈。有關(guān)調(diào)查機(jī)構(gòu)還發(fā)現(xiàn),博客的發(fā)展規(guī)律類似于新興科技企業(yè)發(fā)展規(guī)律中的Hype Cycle模型[13],開始被媒體和從業(yè)者大為炒作,后來市場(chǎng)預(yù)期不斷下降,直到現(xiàn)在的理性穩(wěn)步發(fā)展,成為互聯(lián)網(wǎng)的基本應(yīng)用[14]。 博客依賴的基礎(chǔ)平臺(tái)??博客系統(tǒng)也隨即進(jìn)入開發(fā)熱潮[15]。目前主流開源博客系統(tǒng)主要有這么幾種[16]:WordPress ,一種支持用戶在 PHP 和 MySQL 數(shù)據(jù)庫的服務(wù)器上建立自己的 Blog的引擎;Pivotx, blog CMS,以 PHP 編寫,管理者接口采用AJAX模式運(yùn)作,

14、SEO友好,支持MySQL數(shù)據(jù)庫以及文本數(shù)據(jù)庫等;PJBlog,一套開源免費(fèi)的中文個(gè)人博客系統(tǒng)程序,采用asp+Access的技術(shù),支持簡(jiǎn)繁中文,UTF-8編碼,相對(duì)于其他系統(tǒng)具有相當(dāng)高的運(yùn)作效能以及更新率,也支持目前Blog所使用的新技術(shù);Z-Blog,一款小巧而強(qiáng)大的基于Asp平臺(tái)的Blog程序,支持界面主題及樣式更換,采用Web Standards網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn),靜態(tài)生成日志,支持自定義目錄配置,支持FierFox、Opera、Safari等瀏覽器,支持Wap、Windows Live Writer等離線寫作軟件;oBlog,一套經(jīng)過完善設(shè)計(jì)的多用戶博客建站程序,是Windows NT服務(wù)

15、環(huán)境下多用戶博客程序的最佳解決方案;Bo-Blog,一款基于PHP的、以MySQL為數(shù)據(jù)庫支持的免費(fèi)blog程序,基于XHTML+CSS+div 布局的模板結(jié)構(gòu),可自由定制的頁面模塊、插件與模板,部分基于Ajax的新體驗(yàn),多語言包化與UTF-8國際編碼,強(qiáng)大的spam信息防御機(jī)制,RSS、XML-RPC、Tags支持,內(nèi)置留言本、天氣、表情、置頂、驗(yàn)證碼、頭像等; Sablog-X,一個(gè)采用PHP和MySQL構(gòu)建的博客系統(tǒng),在代碼質(zhì)量、運(yùn)行效率、負(fù)載能力、安全等級(jí)、功能可操控性和權(quán)限嚴(yán)密性等方面都比較好。 而從這些主流開源博客系統(tǒng)的實(shí)現(xiàn)技術(shù)來看,最主要的還是以PHP,ASP和JSP技術(shù)為

16、主[17]。三種技術(shù)中,相比之下,JSP具有一次編寫到處到處運(yùn)行[18],系統(tǒng)多平臺(tái)支持[19],強(qiáng)大的可伸縮性[20],多樣化和功能強(qiáng)大的開發(fā)工具支持等強(qiáng)勢(shì)[21]。JSP應(yīng)該是未來發(fā)展的趨勢(shì),尤其是電子商務(wù)類的網(wǎng)站,多采用JSP,世界上一些大的電子商務(wù)解決方案提供商都采用JSP/Servelet[22]。但是, JSP也存在不可忽視的弱勢(shì)[23]。與ASP一樣,Java的一些優(yōu)勢(shì)正是它的致命問題所在,正是由于為了跨平臺(tái)的功能,為了極度的伸縮能力,所以增加了產(chǎn)品的復(fù)雜性[24]。此外,Java的運(yùn)行速度使用class常駐內(nèi)存來完成的,所以在一些情況下有些“最低性價(jià)比”了[25]。 博客

17、系統(tǒng)的架構(gòu)則是C/S和B/S這兩種開發(fā)模式技術(shù)架構(gòu)的主流技術(shù)[26]。C/S架構(gòu)軟件的優(yōu)勢(shì)主要有兩點(diǎn)[27],一是應(yīng)用服務(wù)器運(yùn)行數(shù)據(jù)負(fù)荷較輕,二是數(shù)據(jù)的儲(chǔ)存管理功能較為透明。但C/S架構(gòu)的劣勢(shì)是需要高昂的維護(hù)成本且投資大。B/S架構(gòu)軟件的優(yōu)勢(shì)主要也是兩點(diǎn),一是維護(hù)和升級(jí)方式簡(jiǎn)單,二是成本降低,選擇更多。但是,和C/S相反,B/S的劣勢(shì)在于應(yīng)用服務(wù)器運(yùn)行數(shù)據(jù)負(fù)荷較重。此外,它們的區(qū)別還在于,C/S 一般建立在專用的網(wǎng)絡(luò)上,小范圍里的網(wǎng)絡(luò)環(huán)境,局域網(wǎng)之間再通過專門服務(wù)器提供連接和數(shù)據(jù)交換服務(wù)。B/S 建立在廣域網(wǎng)之上的,不必是專門的網(wǎng)絡(luò)硬件環(huán)境,例如電話上網(wǎng),租用設(shè)備,信息自己管理,有比C/S更強(qiáng)

18、的適應(yīng)范圍,一般只要有操作系統(tǒng)和瀏覽器就行[28]。 博客系統(tǒng)的開發(fā)平臺(tái)主要有MyEclipse,Netbean,ASP.NET三種[29]。MyEclipse是一個(gè)開放源代碼的軟件開發(fā)項(xiàng)目,專注于為高度集成的工具開發(fā)提供一個(gè)全功能的、具有商業(yè)品質(zhì)的工業(yè)平臺(tái),主要由Eclipse Platform、JDT、CDT和PDE組成。NetBeans是一個(gè)全功能的開放源碼Java IDE,可支持Java 2平臺(tái)標(biāo)準(zhǔn)版J2SE應(yīng)用的創(chuàng)建、采用JSP和Servlet的2層Web應(yīng)用的創(chuàng)建,以及用于2層Web應(yīng)用的API及軟件的核心組的創(chuàng)建。ASP.net是基于通用語言的編譯運(yùn)行的程序,所以它的強(qiáng)大性

19、和適應(yīng)性,可以使它運(yùn)行在Web應(yīng)用軟件開發(fā)者的幾乎全部的平臺(tái)上[30]。 除此以外,主流開源博客系統(tǒng)頗青睞于SQL Server、Oracle、Access及MySQL為主的數(shù)據(jù)庫,其他輔助工具則有Dreamweaver[31],CSS[32],CKEditor等[33]。 1.1.3 意義 博客具有知識(shí)過濾與積累的作用,還是一種深度交流溝通的網(wǎng)絡(luò)新方式?；诓┛偷谋姸喙δ芴攸c(diǎn),在計(jì)算機(jī)網(wǎng)絡(luò)高速發(fā)展的當(dāng)代,認(rèn)識(shí)網(wǎng)絡(luò)的新事物,學(xué)習(xí)網(wǎng)絡(luò)的新知識(shí),深入了解博客,是非常有必要的。博客系統(tǒng)作為博客的承載體,其設(shè)計(jì)與實(shí)現(xiàn)也具有重要的意義。博客系統(tǒng)的功能、安裝與使用、運(yùn)行,博客系統(tǒng)的支持平臺(tái)

20、技術(shù)、數(shù)據(jù)庫連接等等,都影響著博客的質(zhì)量及博客發(fā)表的便捷性。綜合開發(fā)語言、技術(shù)與平臺(tái)搭配的效果來看,JSP技術(shù)功能較為強(qiáng)大,基于JSP的博客系統(tǒng)開發(fā)較有發(fā)展前景并且功能更為完善,但是目前各種主流開源博客系統(tǒng)卻偏愛于PHP技術(shù)方面的開發(fā)研究,JSP技術(shù)使用并不多。因此,采用JSP技術(shù)完成個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)是值得挑戰(zhàn)的事情。因此,畢業(yè)系統(tǒng)設(shè)計(jì)最終決定應(yīng)用JSP技術(shù),搭建“MyEclipse + Dreamweaver”開發(fā)平臺(tái)和“JavaBean+Servlet”的開發(fā)技術(shù)結(jié)構(gòu),使用“MySQL+Navicat”數(shù)據(jù)庫工具,并應(yīng)用CSS進(jìn)行系統(tǒng)美化,采用CKEditor進(jìn)行博客系統(tǒng)的文章編輯

21、。 1.2 課題的研究?jī)?nèi)容 課題的主要內(nèi)容是基于JSP的個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。系統(tǒng)的前臺(tái)用戶操作模塊實(shí)現(xiàn)用戶查看博客文章、查看評(píng)論、評(píng)論文章等操作,而后臺(tái)博主操作模塊則是博主登陸、解決用戶文章管理、文章類別管理等功能問題。 1.3 課題的研究方法 (1)文獻(xiàn)研究法,即通過調(diào)查文獻(xiàn)來獲得資料,從而全面地、正確地了解掌握所要研究問題。在文獻(xiàn)研究過程中,將會(huì)大量閱讀與博客知識(shí)與博客系統(tǒng)開發(fā)技術(shù)相關(guān)的文獻(xiàn)資料,了解國內(nèi)外相關(guān)研究成果,在通過對(duì)文獻(xiàn)的分析、歸納和綜合,在現(xiàn)有研究成果的基礎(chǔ)上形成本系統(tǒng)的相關(guān)理論和功能結(jié)構(gòu),并借助計(jì)算機(jī)進(jìn)行信息的搜集、整理和加工,形成對(duì)論

22、文設(shè)計(jì)有用的信息。 (2)理論與實(shí)際應(yīng)用相結(jié)合的方法,分析系統(tǒng)的用戶需求,在對(duì)各種系統(tǒng)開發(fā)平臺(tái)、開發(fā)技術(shù)、開發(fā)環(huán)境、數(shù)據(jù)庫技術(shù)等各方面的比較下,選擇相對(duì)較佳方案. (3)利用UML建模方法進(jìn)行分析建模以及設(shè)計(jì)建模,并進(jìn)行實(shí)際操作調(diào)試,從而實(shí)現(xiàn)本系統(tǒng)的具體功能。 (4)系統(tǒng)分析與邏輯辯證分析相結(jié)合的方法。系統(tǒng)分析方法是用系統(tǒng)的觀念來研究和處理有關(guān)對(duì)象和聯(lián)系的科學(xué)方法;邏輯辨證分析法是按照事物自身的發(fā)展規(guī)律,運(yùn)用判斷推理的方法揭示事物內(nèi)在規(guī)律及概念與概念之間聯(lián)系的一種復(fù)合的科學(xué)分析方法。 2 系統(tǒng)分析 2.1 需求分析 系統(tǒng)分析的任務(wù)是在文獻(xiàn)資料閱讀的基礎(chǔ)上,

23、通過對(duì)現(xiàn)行管理業(yè)務(wù)的分析,提出系統(tǒng)的目標(biāo)要求和功能分析的總體邏輯模型。 2.1.1 需求定義 (1)功能需求:系統(tǒng)是一個(gè)基于JSP與數(shù)據(jù)庫技術(shù)的個(gè)人博客,前臺(tái)用戶操作模塊完成用戶查看博客文章、查看評(píng)論、評(píng)論文章以及博主登錄等操作,而后臺(tái)博主操作模塊解決用戶文章管理、文章類別管理、分類管理等功能問題。 (2)性能需求:安全性,即通過設(shè)置權(quán)限,防止博主數(shù)據(jù)遭篡改;正確性,即數(shù)據(jù)的操作和讀取應(yīng)該正確,不會(huì)出現(xiàn)連接錯(cuò)誤。 (3)開發(fā)環(huán)境需求:應(yīng)用JSP技術(shù),搭建“My Eclipse + Dreamweaver”開發(fā)平臺(tái)和“JavaBean+Servlet”的開發(fā)技術(shù)結(jié)構(gòu),使用“

24、MySQL+Navicat”數(shù)據(jù)庫工具,并應(yīng)用CSS進(jìn)行系統(tǒng)美化,采用CKEditor進(jìn)行博客系統(tǒng)的文章編輯。 2.1.2 數(shù)據(jù)流程圖 根據(jù)系統(tǒng)調(diào)查階段的數(shù)據(jù)資料,并依據(jù)博客用戶的要求,確定系統(tǒng)的數(shù)據(jù)流程圖如下圖: 圖2?1 數(shù)據(jù)流程圖 2.1.3 數(shù)據(jù)字典 數(shù)據(jù)字典是對(duì)描述數(shù)據(jù)流程圖中的數(shù)據(jù)項(xiàng)、數(shù)據(jù)流、數(shù)據(jù)存儲(chǔ)、加工處理邏輯等組成部分的嚴(yán)格定義,下面是本系統(tǒng)的數(shù)據(jù)字典(由于篇幅原因,在此僅給出部分)。 (1)數(shù)據(jù)項(xiàng)的定義 數(shù)據(jù)項(xiàng)編號(hào):1-01 數(shù)據(jù)項(xiàng)名稱:文章編號(hào) 別 名:無 簡(jiǎn)述:某篇文章的編號(hào) 類 型:字符型 長

25、 度:11字節(jié) 數(shù)據(jù)項(xiàng)編號(hào):1-02 數(shù)據(jù)項(xiàng)名稱:文章類型編號(hào) 別 名:無 簡(jiǎn)述:某種文章類型的編號(hào) 類 型:字符型 長 度:6字節(jié) 數(shù)據(jù)項(xiàng)編號(hào):1-03 數(shù)據(jù)項(xiàng)名稱:文章題目 別 名:題目 簡(jiǎn)述:某篇文章的題目 類 型:字符型 長 度:255字節(jié) 數(shù)據(jù)項(xiàng)編號(hào):1-04 數(shù)據(jù)項(xiàng)名稱:文章正文 別 名:正文 簡(jiǎn)述:文章的正文內(nèi)容 類 型:字符型 長 度:不限 數(shù)據(jù)項(xiàng)編號(hào):1-05 數(shù)據(jù)項(xiàng)名稱:發(fā)表時(shí)間 別 名:無 簡(jiǎn)

26、述:發(fā)表文章的時(shí)間 類 型:時(shí)間日期型 長 度:18 (2)數(shù)據(jù)流的定義 數(shù)據(jù)流名稱:文章 編 號(hào):F1 簡(jiǎn) 述:博主發(fā)表的文章 數(shù)據(jù)流來源:博主 數(shù)據(jù)流去向:文章信息表 數(shù)據(jù)流組成:文章編號(hào)+文章題目+文章正文+發(fā)表時(shí)間 數(shù)據(jù)流名稱:留言 編 號(hào):F3 簡(jiǎn) 述:訪客發(fā)表的留言 數(shù)據(jù)流來源:訪客 數(shù)據(jù)流去向:留言信息表 數(shù)據(jù)流組成:留言編號(hào)+留言內(nèi)容+留言時(shí)間+訪客名稱 (3) 數(shù)據(jù)存儲(chǔ)的定義 數(shù)據(jù)存儲(chǔ)的名稱:文章信息表 數(shù)據(jù)存儲(chǔ)編號(hào):D1 簡(jiǎn)

27、 述:存放博主發(fā)表的文章 數(shù)據(jù)存儲(chǔ)組成:文章編號(hào)+文章題目+文章正文+發(fā)表時(shí)間 關(guān)鍵字: 文章編號(hào) 數(shù)據(jù)存儲(chǔ)的名稱:留言信息表 數(shù)據(jù)存儲(chǔ)編號(hào):D3 簡(jiǎn) 述: 訪客的留言 數(shù)據(jù)存儲(chǔ)組成:留言編號(hào)+留言內(nèi)容+訪客名稱 關(guān)鍵字: 留言編號(hào) 數(shù)據(jù)存儲(chǔ)的名稱:博主信息表 數(shù)據(jù)存儲(chǔ)編號(hào):D4 簡(jiǎn) 述:存放博主的個(gè)人資料 數(shù)據(jù)存儲(chǔ)組成:博主的所有個(gè)人資料 關(guān)鍵字: 博主姓名 數(shù)據(jù)存儲(chǔ)的名稱:文章類別表 數(shù)據(jù)存儲(chǔ)編號(hào):D5 簡(jiǎn) 述:存放文章類別 數(shù)據(jù)存儲(chǔ)組成:文章類別編號(hào)

28、+文章類別名稱 關(guān)鍵字: 類別編號(hào) 數(shù)據(jù)存儲(chǔ)的名稱:評(píng)論信息表 數(shù)據(jù)存儲(chǔ)編號(hào):D6 簡(jiǎn) 述:存放文章評(píng)論信息和照片評(píng)論信息 數(shù)據(jù)存儲(chǔ)組成:評(píng)論類型+評(píng)論編號(hào)+評(píng)論信息+訪客名稱+評(píng)論時(shí)間 關(guān)鍵字:評(píng)論類型+評(píng)論編號(hào) 2.2 開發(fā)工具分析 2.2.1 JSP概述 畢業(yè)系統(tǒng)的實(shí)現(xiàn)技術(shù)為JSP。JSP具有將內(nèi)容的生成和顯示進(jìn)行分離,強(qiáng)調(diào)可重用的組件,采用標(biāo)識(shí)簡(jiǎn)化頁面開發(fā)Web頁面,使用JSP標(biāo)識(shí)或者小腳本來生成頁面上的動(dòng)態(tài)內(nèi)容。JSP技術(shù)內(nèi)置腳本語言基于Java編程語言,且所有的JSP頁面都被編譯成為Java Servlet,“一

29、次編寫,各處運(yùn)行”。 JSP與ASP,PHP均為動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù),都提供在6>HTML代碼中混合某種程序代碼、有語言引擎解釋執(zhí)行程序代碼的能力。在ASP、PHP、JSP環(huán)境下,HTML代碼主要負(fù)責(zé)描述信息的顯示樣式,而程序代碼則用來描述處理邏輯。普通HTML頁面只依賴于Web服務(wù)器,而ASP、PHP、JSP頁面需要附加的語言引擎分析和執(zhí)行程序代碼。程序代碼的執(zhí)行結(jié)果被重新嵌入到HTML代碼中,然后一起發(fā)送給瀏覽器。ASP、PHP、JSP三者都是面向服務(wù)器的技術(shù),客端瀏覽器不需要任何附加的軟件支持。但JSP代碼被編譯成Servlet并由Java虛擬機(jī)解釋執(zhí)行,這種編譯操作僅在對(duì)JSP頁面的

30、第一次請(qǐng)求時(shí)發(fā)生,因此采用JSP技術(shù)的頁面執(zhí)行速度較快。 從應(yīng)用范圍來看,ASP是動(dòng)態(tài)網(wǎng)頁語言,也繼承了微軟產(chǎn)品的一貫傳統(tǒng),只能執(zhí)行于微軟的服務(wù)器產(chǎn)品,IIS和PWS上。在UNIX下也有ChiliSoft的組件來支持ASP,但是ASP本身的功能有限,必須通過ASP+COM的群組合來擴(kuò)充,在UNIX的COM實(shí)現(xiàn)起來非常困難。 PHP是免費(fèi)的、開放源代碼的、HTML嵌入其中的腳本語言,可在Windows,UNIX,Linux的Web服務(wù)器上正常運(yùn)行,還支持IIS,Apache等一般的Web服務(wù)器。用戶更換平臺(tái)時(shí),無需變換PHP代碼,可即拿即用。 JSP與PHP幾乎都可以執(zhí)行于所有

31、平臺(tái),如Windows NT、Linux、UNIX。在Windows NT下IIS通過一個(gè)外加服務(wù)器,例如JRUN或者ServletExec,就能支持JSP。知名的Web服務(wù)器Apache已經(jīng)能夠支持JSP。由于Apache廣泛應(yīng)用在Windows NT,UNIX和Linux上,因此JSP有更廣泛的執(zhí)行平臺(tái)。雖然現(xiàn)在WNT操作系統(tǒng)占了很大的市場(chǎng)份額,但是在服務(wù)器方面,UNIX的優(yōu)勢(shì)仍然很大,而新崛起的Linux更是來勢(shì)不小。從一個(gè)平臺(tái)移植到另外一個(gè)平臺(tái),JSP和JavaBean甚至不用重新編譯,因?yàn)镴ava字節(jié)碼都是標(biāo)準(zhǔn)的與平臺(tái)無關(guān)的。JSP的動(dòng)態(tài)部分用已經(jīng)在聯(lián)網(wǎng)、數(shù)據(jù)庫訪問、分布式對(duì)象等方面

32、擁有廣泛的API的Java編寫,而PHP需要學(xué)習(xí)全新的、應(yīng)用相對(duì)廣泛的語言。兩者相比,JSP擁有極為廣泛的工具和服務(wù)器提供商的支持。另外,由于PHP本身存在的一些缺點(diǎn),如PHP缺乏規(guī)模支持,缺乏多層結(jié)構(gòu)支持等,使得它不適合應(yīng)用于大型電子商務(wù)站點(diǎn),而更適合于一些小型的商業(yè)站點(diǎn)。 這三種技術(shù)相比之下,JSP系統(tǒng)多平臺(tái)支持,強(qiáng)大的可伸縮性,多樣化和功能強(qiáng)大的開發(fā)工具支持等強(qiáng)勢(shì)。JSP應(yīng)該是未來發(fā)展的趨勢(shì),尤其是電子商務(wù)類的網(wǎng)站,世界上一些大的電子商務(wù)解決方案提供商都采用JSP/Servelet。但是, JSP也存在不可忽視的弱勢(shì)。與ASP一樣,Java的一些優(yōu)勢(shì)正是它的致命問題所在,正是由于為

33、了跨平臺(tái)的功能,為了極度的伸縮能力,所以增加了產(chǎn)品的復(fù)雜性。此外,Java的運(yùn)行速度使用class常駐內(nèi)存來完成的,所以在一些情況下有些“最低性價(jià)比”了。 2.2.2 MyEclipse概述 根據(jù)博客系統(tǒng)開發(fā)技術(shù),本系統(tǒng)選擇了MyEclipse開發(fā)平臺(tái)。 MyEclipse是一個(gè)開放源代碼的軟件開發(fā)項(xiàng)目,專注于為高度集成的工具開發(fā)提供一個(gè)全功能的、具有商業(yè)品質(zhì)的工業(yè)平臺(tái)。它主要由Eclipse項(xiàng)目、Eclipse工具項(xiàng)目和Eclipse技術(shù)項(xiàng)目三個(gè)項(xiàng)目組成,具體包括四個(gè)部分組成??Eclipse Platform、JDT、CDT和PDE.JDT支持Java開發(fā)、CDT支持C開發(fā)

34、、PDE用來支持插件開發(fā),Eclipse Platform則是一個(gè)開放的可擴(kuò)展IDE,提供了一個(gè)通用的開發(fā)平臺(tái)。它提供建造塊和構(gòu)造并運(yùn)行集成軟件開發(fā)工具的基礎(chǔ)。Eclipse Platform允許工具建造者獨(dú)立開發(fā)與他人工具無縫集成的工具從而無須分辨一個(gè)工具功能在哪里結(jié)束,而另一個(gè)工具功能在哪里開始。 MyEclipse企業(yè)級(jí)工作平臺(tái)(MyEclipse Enterprise Workbench)是對(duì)Eclipse IDE的擴(kuò)展,利用它我們可以在數(shù)據(jù)庫和JavaEE的開發(fā)、發(fā)布,以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開發(fā)環(huán)境,包括了完備的編碼、調(diào)試

35、、測(cè)試和發(fā)布功能,完整支持HTML, Struts, JSF, CSS, Javascript, SQL, Hibernate。 2.2.3 Severlet與 Javabean 理論上,JSP并沒有提供Servlet不能完成的功能。實(shí)際上,JSP文檔在后臺(tái)被自動(dòng)轉(zhuǎn)換成Servlet。 Servlet是一種獨(dú)立于平臺(tái)和協(xié)議的服務(wù)器端的Java應(yīng)用程序,可以生成動(dòng)態(tài)的Web頁面。Servlet是使用Java Servlet應(yīng)用程序設(shè)計(jì)接口及相關(guān)類和方法的Java程序,它在Web服務(wù)器上或應(yīng)用服務(wù)器上運(yùn)行并擴(kuò)展了該服務(wù)器的能力。Java Servlet對(duì)于Web服務(wù)器就好像Jav

36、a Applet對(duì)于Web瀏覽器。Applet裝入Web瀏覽器并在Web瀏覽器內(nèi)執(zhí)行,而Servlet則是裝入Web服務(wù)器并在Web服務(wù)器內(nèi)執(zhí)行。Java Servlet API定義了Servlet和服務(wù)器之間的一個(gè)標(biāo)準(zhǔn)接口,這使得Servlet具有跨服務(wù)器平臺(tái)的特性。Servlet通過創(chuàng)建一個(gè)框架擴(kuò)展服務(wù)器的能力,采用請(qǐng)求-響應(yīng)模式提供Web服務(wù)。 與傳統(tǒng)的CGI公用網(wǎng)關(guān)接口和許多其他類似CGI的技術(shù)相比,Java Servlet有許多優(yōu)點(diǎn)。Servlet具有很高的效率;更容易使用;功能更強(qiáng)大;具有更好的可移植性。Java Servlet是JSP技術(shù)的基礎(chǔ),大型的Web應(yīng)用程序的開發(fā)需

37、要Java Servlet和JSP配合才能完成。 在系統(tǒng)實(shí)現(xiàn)中,和單獨(dú)使用servler相比,JSP與Servlet的配合更為有效。一方面,JSP中HTML的編寫與維護(hù)更為簡(jiǎn)單。JSP中可以使用常規(guī)的HTML,沒有額外的反斜杠,沒有額外的雙引號(hào),也沒有暗含的Java語法。另一方面,它們的結(jié)合使得我們能夠使用標(biāo)準(zhǔn)的網(wǎng)站開發(fā)工具。即使對(duì)那些對(duì)JSP一無所知的HTML工具,我們也可以使用,因?yàn)樗鼈儠?huì)忽略JSP tags。 相關(guān)文獻(xiàn)顯示,JavaBean+Servlet架構(gòu)在博客系統(tǒng)實(shí)現(xiàn)中有很大的好處。 JavaBean是描述Java的軟件組件模型,JavaBean就是一個(gè)Java類

38、,是一種Java語言寫成的可重用軟件組件,它在內(nèi)部有接口或有與其相關(guān)的屬性,以便不同人在不同時(shí)間開發(fā)的bean可以詢問和集成。非可視化的JavaBean與JSP結(jié)合起來使用,在JSP程序中常用JavaBean來封裝事務(wù)邏輯(功能實(shí)現(xiàn)部分)如數(shù)據(jù)運(yùn)算、數(shù)據(jù)處理、數(shù)據(jù)庫操作等,然后在JSP網(wǎng)頁中調(diào)用,而JSP文本著重的是網(wǎng)頁界面設(shè)計(jì),實(shí)現(xiàn)了業(yè)務(wù)邏輯和前臺(tái)顯示部分的分離,這樣不僅使JSP網(wǎng)頁變得清晰,而且可以節(jié)省軟件開發(fā)時(shí)間和降低以后維護(hù)的難度,使系統(tǒng)變得健壯和靈活。 JavaBean遵從一定的設(shè)計(jì)模式,使它們易于和其他開發(fā)工具和組件一起使用,它是一種JAVA 語言寫成的可重用組件。要編寫Ja

39、vaBean,類必須是具體類和公共類,并且具有無參數(shù)的構(gòu)造器(NON-ARGS CONSTRUCTOR)。JavaBean通過提供符合一致性設(shè)計(jì)模式的公共訪問方法將內(nèi)部字段暴露稱為屬性。眾所周知,屬性名稱也符合這種模式,其他JAVA 類可以通過自省機(jī)制發(fā)現(xiàn)和操作這些JavaBean 屬性。 用戶可以使用JavaBean將功能、處理、值、數(shù)據(jù)庫訪問和其他任何可以用java代碼創(chuàng)造的對(duì)象進(jìn)行打包,并且其他的開發(fā)者可以通過內(nèi)部的JSP頁面、Servlet、其他JavaBean、applet程序或者應(yīng)用來使用這些對(duì)象。用戶可以認(rèn)為JavaBean提供了一種隨時(shí)隨地的復(fù)制和粘貼的功能,而不用關(guān)心任

40、何改變。采用JavaBean+Servlet結(jié)構(gòu)來進(jìn)行開發(fā)設(shè)計(jì)可以靈活處理網(wǎng)頁中的數(shù)據(jù)交換,能夠很好的體現(xiàn)MVC的設(shè)計(jì)思想,將表示層、業(yè)務(wù)層和數(shù)據(jù)層分離,并且通過Servlet來控制頁面的流向,使得整個(gè)系統(tǒng)設(shè)計(jì)思路比較清晰。 2.2.4 MySQL 博客系統(tǒng)使用的網(wǎng)絡(luò)數(shù)據(jù)庫管理系統(tǒng)是MySQL。 MySQL,是一個(gè)快速、多線程、多用戶和強(qiáng)壯的SQL數(shù)據(jù)庫服務(wù)器。SQL是世界上最流行的標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MySQL是具有客戶機(jī)/服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫管理系統(tǒng),是完全網(wǎng)絡(luò)化的跨平臺(tái)關(guān)系型數(shù)據(jù)庫系統(tǒng),是目前運(yùn)行速度較快的SQL語言數(shù)據(jù)庫。MySQL功能強(qiáng),使用簡(jiǎn)便,管理方便,運(yùn)

41、行速度快,安全可靠性強(qiáng)。由于MySQL是命令行形式的,為了提高開發(fā)效率,可以選擇了Navicat MySQL輔助管理數(shù)據(jù)庫。Navicat是一個(gè)強(qiáng)大的MySQL數(shù)據(jù)庫服務(wù)器管理和開發(fā)工具。它可以與任何3.21或以上版本的MySQL一起工作,并支持大部分的MySQL最新功能,包括觸發(fā)器、存儲(chǔ)過程、函數(shù)、事件、視圖、管理用戶,等等。它不僅對(duì)專業(yè)開發(fā)人員來說是非常尖端的技術(shù),而且對(duì)于新手來說也易學(xué)易用。 由于MySQL是命令行形式的,為了提高開發(fā)效率,在本系統(tǒng)設(shè)計(jì)中還選擇了Navicat MySQL輔助管理數(shù)據(jù)庫。Navicat是一個(gè)強(qiáng)大的MySQL數(shù)據(jù)庫服務(wù)器管理和開發(fā)工具。它可以與任何3.

42、21或以上版本的MySQL一起工作,并支持大部分的MySQL最新功能,包括觸發(fā)器、存儲(chǔ)過程、函數(shù)、事件、視圖、管理用戶,等等。它不僅對(duì)專業(yè)開發(fā)人員來說是非常尖端的技術(shù),而且對(duì)于新手來說也易學(xué)易用。其精心設(shè)計(jì)的圖形用戶界面(GUI),Navicat MySQL可以讓用戶用一種安全簡(jiǎn)便的方式快速并容易地創(chuàng)建,組織,訪問和共享信息。 此外,本博客系統(tǒng)中與數(shù)據(jù)庫有大量的交互操作,為進(jìn)一步提高數(shù)據(jù)庫操作效率,畢業(yè)系統(tǒng)中使用了Dbutils操作數(shù)據(jù)庫的組件,對(duì)傳統(tǒng)操作數(shù)據(jù)庫的類進(jìn)行二次封裝,可以把結(jié)果集轉(zhuǎn)化成List。 Dbutils的使用大量減少了代碼開發(fā)量。 3 數(shù)據(jù)庫設(shè)計(jì) 數(shù)據(jù)庫是數(shù)

43、據(jù)庫應(yīng)用程序的核心。數(shù)據(jù)庫設(shè)計(jì)是建立一個(gè)應(yīng)用程序最重要的步驟之一。數(shù)據(jù)庫設(shè)計(jì)一般要在需求分析和數(shù)據(jù)分析的基礎(chǔ)上進(jìn)行概念設(shè)計(jì)、邏輯設(shè)計(jì)和物理設(shè)計(jì)。 3.1 概念設(shè)計(jì) 系統(tǒng)中的實(shí)體類型有:博主、訪客、文章、照片等,這些實(shí)體之間的相互關(guān)系有: 博主與文章之間存在“發(fā)表”聯(lián)系,是一對(duì)多關(guān)系; 博主與評(píng)論信息表之間存在“回復(fù)”聯(lián)系,是一對(duì)多關(guān)系; 博主與留言板存在“回復(fù)”聯(lián)系,是一對(duì)多關(guān)系; 訪客與文章之間存在“瀏覽”聯(lián)系,是多對(duì)多關(guān)系; 訪客與評(píng)論信息表之間存在“評(píng)論”聯(lián)系,是多對(duì)多關(guān)系; 訪客與留言板存在“留言”聯(lián)系,是多對(duì)多關(guān)系。 每個(gè)實(shí)體

44、的屬性分別是: 博主(姓名,性別,年齡,學(xué)歷,其他信息); 訪客(訪客ID,其他信息); 文章(文章編號(hào),文章題目,文章正文,發(fā)表時(shí)間); 留言板(留言編號(hào),留言內(nèi)容,訪客名稱); 評(píng)論信息表評(píng)論類型,評(píng)論編號(hào),評(píng)論信息,訪客名稱,評(píng)論時(shí)間; 畫出個(gè)人博客系統(tǒng)的E-R圖如圖4-1所示。 圖3-1個(gè)人博客管理E-R圖 3.2 邏輯設(shè)計(jì) 依據(jù)DBMS的特征,把概念結(jié)構(gòu)轉(zhuǎn)換為相應(yīng)的邏輯結(jié)構(gòu),這就是邏輯設(shè)計(jì)的任務(wù)。概念設(shè)計(jì)中設(shè)計(jì)的E-R模型獨(dú)立于DBMS,這里的轉(zhuǎn)換就是把表示概念結(jié)構(gòu)的E-R圖轉(zhuǎn)換成關(guān)系模型的邏輯結(jié)構(gòu)。將上圖轉(zhuǎn)換為規(guī)范的關(guān)系模式為:

45、 文章信息表(文章編號(hào),文章題目,文章正文,發(fā)表時(shí)間) 留言信息表(留言編號(hào),留言內(nèi)容,訪客名稱 博主信息表(博主ID,昵稱,性別,年齡,其他信息) 文章類別表(文章類別編號(hào),文章類別名稱) 評(píng)論信息表評(píng)論類型,評(píng)論編號(hào),評(píng)論信息,訪客名稱,評(píng)論時(shí)間 3.3 物理設(shè)計(jì) 在系統(tǒng)的數(shù)據(jù)庫設(shè)計(jì)中,由對(duì)具體DBMS特征的分析來確定數(shù)據(jù)庫的物理結(jié)構(gòu)(也稱為存儲(chǔ)結(jié)構(gòu)),這就是物理設(shè)計(jì)的目的是。關(guān)系數(shù)據(jù)庫的物理設(shè)計(jì)任務(wù)有兩個(gè),一是確定所有數(shù)據(jù)庫文件的名稱、數(shù)據(jù)庫所含字段的名稱、類型與寬度;二是確定各數(shù)據(jù)庫文件需要建立什么索引,在什么字段上建立索引等。 根據(jù)系統(tǒng)

46、功能設(shè)計(jì)要求和模塊劃分,本站的數(shù)據(jù)庫主要包括文章信息、文章類別、照片信息、文章評(píng)論信息、留言信息。數(shù)據(jù)表結(jié)構(gòu)圖如下: 表1 tb_article表 表2 tb_articleType表 表3 tb_master表 表4 tb_review表 表5 tb_word表 4 系統(tǒng)設(shè)計(jì) 4.1 系統(tǒng)總體結(jié)構(gòu)圖 繪制系統(tǒng)結(jié)構(gòu)圖的過程,實(shí)際上就是對(duì)系統(tǒng)功能模塊進(jìn)行分解設(shè)計(jì)的過程,即合理地將數(shù)據(jù)流程圖轉(zhuǎn)變?yōu)樗枰南到y(tǒng)結(jié)構(gòu)圖。系統(tǒng)結(jié)構(gòu)圖將會(huì)使讀者和用戶能直觀的了解系統(tǒng)的結(jié)構(gòu)模式,理解系統(tǒng)的各個(gè)功能的結(jié)構(gòu),能很好地方便用戶使用和理解整個(gè)系統(tǒng)。 個(gè)人博客系統(tǒng)結(jié)構(gòu)圖如

47、圖4-1所示: 圖4-1 博客網(wǎng)站功能結(jié)構(gòu)圖 4.2 系統(tǒng)功能模塊設(shè)計(jì) 根據(jù)需求分析的結(jié)果,個(gè)人博客系統(tǒng)功能模塊主要分為前臺(tái)用戶操作子模塊(訪客訪問博客系統(tǒng))和后臺(tái)博主操作子模塊。 (1)前臺(tái)用戶操作子模塊 前臺(tái)用戶操作子模塊所要實(shí)現(xiàn)的功能主要是博客系統(tǒng)的訪客訪問系統(tǒng)從而訪問博客、瀏覽博文、查看評(píng)論、評(píng)論博客文章、分享博文等操作。 (2)后臺(tái)博主操作子模塊 系統(tǒng)的后臺(tái)博主操作模塊主要實(shí)現(xiàn)博主登陸與管理功能。 ① 博主登陸。博主輸入正確的用戶名與密碼后便可對(duì)系統(tǒng)進(jìn)行正常瀏覽與

48、管理。 ② 文章管理。主要實(shí)現(xiàn)發(fā)表博文、修改博文、刪除博文等功能。 ③ 文章類別管理。博主可以對(duì)博客文章進(jìn)行分類,也可以增加、刪除文章類別或修改文章類別名稱。 ④評(píng)論管理。對(duì)于訪客評(píng)論,博主瀏覽過后可以對(duì)其進(jìn)行回復(fù)、刪除操作。 4.3 系統(tǒng)主界面設(shè)計(jì) 主界面是一個(gè)系統(tǒng)的門面,如同公司的形象,特別注重設(shè)計(jì)和規(guī)劃。為此,系統(tǒng)設(shè)計(jì)過程中從以下幾個(gè)方面對(duì)主界面進(jìn)行了設(shè)計(jì)考慮: (1)在色彩搭配上,系統(tǒng)選擇了較明快的色彩為基調(diào),前臺(tái)以紅色為主,后臺(tái)以藍(lán)色為主,力求簡(jiǎn)潔明了。 (2)在字體選用上,大小適當(dāng),盡量使用常用字體,適當(dāng)配用藝術(shù)字。 (3)在網(wǎng)頁

49、制作上,采用框架式結(jié)構(gòu),在框架中嵌入子頁,將大表化小,圖片壓縮,盡量減少頁面響應(yīng)時(shí)間。 (4)在用戶操作上,簡(jiǎn)化用戶操作,刪去那些空洞的環(huán)節(jié)。 5 系統(tǒng)實(shí)現(xiàn) 5.1 系統(tǒng)前臺(tái)主頁的實(shí)現(xiàn) 系統(tǒng)前臺(tái)的主頁通過使用styles.css進(jìn)行美化和實(shí)現(xiàn),并在各個(gè)信息顯示區(qū)調(diào)用Servlet的過程或獲取JavaBean的值來完成最終頁面的生成。 前臺(tái)主頁的布局與前臺(tái)主頁分別如圖5-1,圖5-2所示: 圖5-1 前臺(tái)的布局設(shè)計(jì) 圖5-2 前臺(tái)主頁 5.2 文章顯示模塊的實(shí)現(xiàn) 在博客系統(tǒng)中,文章顯示模塊,主要功能是用戶查看文章的詳細(xì)內(nèi)容,文章顯示功

50、能需要顯示的信息包括文章標(biāo)題、發(fā)表時(shí)間、所屬分類、來源、評(píng)論等。文章的顯示需要先到GetBlogServlet中讀取文章內(nèi)容及評(píng)論,然后完成最終的顯示。如圖5-3所示: 圖5-3 文章顯示模塊圖 5.3 系統(tǒng)后臺(tái)主頁的實(shí)現(xiàn) 在系統(tǒng)的后臺(tái)中,博主可以進(jìn)行發(fā)博文、博文管理、分類管理、評(píng)論管理、添加分類等操作,每一個(gè)操作用一個(gè)jsp頁面來執(zhí)行。由于使用了css代碼,為了降低代碼冗余,系統(tǒng)專門寫了一個(gè)header.jsp和footer.jsp來提供公用的一部分代碼,然后在各個(gè)jsp頁面中include進(jìn)來。系統(tǒng)后臺(tái)布局如圖5-4所示。 圖5-4 后臺(tái)的布局設(shè)計(jì) 進(jìn)

51、入后臺(tái)之前需要先進(jìn)行身份驗(yàn)證,如圖5-5所示。 圖5-5 后臺(tái)的身份驗(yàn)證 輸入用戶名及密碼如admin : admin然后點(diǎn)擊“登錄”按鈕,登錄成功后即可見到后臺(tái)的界面,如圖5-6所示。 圖5-6 后臺(tái)界面效果圖 最終的文章發(fā)表界面如圖5-7所示 圖5-7 文章發(fā)表界面 5.4 發(fā)表文章模塊的實(shí)現(xiàn) 一個(gè)完善的博客系統(tǒng)應(yīng)該提供一個(gè)功能強(qiáng)大的編輯器來實(shí)現(xiàn)文章的編輯和發(fā)表。因此,系統(tǒng)在博客中添加了強(qiáng)大的HTML編輯器??CKEditor來輔助完成文章編輯。使用CKEditor之前先得對(duì)其進(jìn)行一些配置,包括添加中文字體、工具欄定制等。經(jīng)過摸索,本人編寫了一個(gè)配置方案。

52、詳細(xì)代碼見5.5系統(tǒng)詳細(xì)代碼。 5.5 系統(tǒng)詳細(xì)代碼 5.5.1 前臺(tái)主頁實(shí)現(xiàn)代碼 %@ page language"java" contentType"text/html; charsetUTF-8"% %@ page import"http://.t"% %@ page import"myblog.*"% %@ page import"http://.e"% %@ page import"http://.pleDateFormat"% !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:////0>. html xmln

53、s"http:////.meta http-equiv"Content-Type" content"text/html; charsetUTF-8" / X部落格 link rel"stylesheet" type"text/css" href"/Blog/style.css" / div id"container" div id"banner"  a href"/Blog/"font face"雅黑"X部落格 div id"center" div class"content" !-- list blog begin -- % List list List reque

54、st.getAttribute"blogs"; for int i 0; i list.size; i++ Blog blog Blog list.geti; SimpleDateFormat sdf new SimpleDateFormat "yyyy-MM-dd HH:mm:ss"; Date dt //.sdTime; sdf new SimpleDateFormat"yyyy-MM-dd"; String date sdf.formatdt; sdf new SimpleDateFormat"HH:mm:ss"; String time sdf.

55、formatdt; % %date% div class"entry" a id"6"% if //.als"原創(chuàng)" % img src"/Blog/small-icon/myself.gif" alt"▲" / % else % img src"/Blog/small-icon/copy.gif" alt"?" / % % a href"http:////. target"_blank"%blog.getTitle% % String source blog.getContent; int length source.length; String new

56、String null; if length 200 newString source.substring0, 200 + ""; else newString source; out.printnewString; % p class"posted" %time% a href"/Blog/servlet/HomeServlet?cid%blog.getTypeID%"%blog.getTypeName% % % !-- end content -- !-- end center -- div id"right" div class"sidebar" a

57、 href"/Blog/admin/"進(jìn)入后臺(tái)管理分類 a href"/Blog"全部 % List categories List request.getAttribute"categories"; for int i 0; i categories.size; i++ Category category Category categories.geti; %a href"/Blog/servlet/HomeServlet?cid%category.getArticleType_id%"%category.getArticleType_name% % % 最近的主

58、題 % List lastest List request.getAttribute"lastest"; for int i 0; i lastest.size; i++ Blog lastBlog Blog lastest.geti; %a href"HomeServlet?methodget&id%lastBlog.getId%" target"_blank"%lastBlog.getTitle% % % 最近的評(píng)論 % List comments List request.getAttribute"comments"; for int i 0;

59、 i comments.size; i++ Comment comment Comment comments.geti; %a href"/Blog/servlet/HomeServlet?methodget&id%comment.getArticle_id%" target"_blank" %comment.getContent% % % !-- end sidebar -- !-- end right -- !-- end container -- 5.5.2 文章顯示模塊主要代碼 div id"center" div class"content" !-

60、- begin entry -- % SimpleDateFormat sdf new SimpleDateFormat"yyyy-MM-dd HH:mm:ss"; Date dt //.sdTime; sdf new SimpleDateFormat"yyyy-MM-dd"; String date sdf.formatdt; sdf new SimpleDateFormat"HH:mm:ss"; String time sdf.formatdt; % div id"ckepop" align"right" !-- JiaThis Button BEGIN -- a href"http:////. class"jiathis"img src"http:////. width"125" height"21" border"0" id"jiathis_a" / script type"text/javascript" src"http:////. charsetutf-8 !-- JiaThis Button END -- %date% div class"entry" a id"6" %blog