個人博客系統(tǒng)的JSP網(wǎng)站設(shè)計

1、課程名稱：JSP程序設(shè)計課程設(shè)計指導(dǎo)教師：班級名稱：_開課系、教研室：軟件與信息安全一、課程設(shè)計目的與任務(wù)JSP程序設(shè)計課程設(shè)計是JSP程序設(shè)計課程的后續(xù)實踐課程，旨在通過一周的實踐訓(xùn)練，加深學(xué)生對JSP程序設(shè)計中的概念，原理和方法的理解，加強學(xué)生綜合運用JSP網(wǎng)站設(shè)計技術(shù)進行實際問題處理的能力，進一步提高學(xué)生進行分析問題和解決問題的能力，包含系統(tǒng)分析、系統(tǒng)設(shè)計、系統(tǒng)實現(xiàn)和系統(tǒng)測試的能力。學(xué)生將在指導(dǎo)老師的指導(dǎo)下，完成從需求分析，系統(tǒng)設(shè)計，編碼到測試的全過程。二、課程設(shè)計的內(nèi)容與基本要求1、課程設(shè)計題目個人博客系統(tǒng)的JSP網(wǎng)站設(shè)計2、課程設(shè)計內(nèi)容運用JSP技術(shù)設(shè)計一個個人博客系統(tǒng)，由前臺用戶操

2、作和后臺博主操作模塊組成，其規(guī)劃功能模塊如下：(1)前臺用戶操作該模塊主要包括查看文章、查看相冊、查看好友、查看留言和博主登錄等功能。(2)后臺博主操作該模塊主要包括文章管理、文章類別管理、相冊管理、好友管理等功能。具體要求為：(1)要求使用HTML頁面布局、JSP指令標(biāo)識、JSP動作標(biāo)識、JSP內(nèi)置對象、JavaBean技術(shù)、JDBC技術(shù)、SQLServer2005或MySQL5.0數(shù)據(jù)庫操作技術(shù)等。(2)要求對用戶登錄信息進行判斷，對不同的用戶實現(xiàn)不同的訪問控制權(quán)限，相關(guān)表的設(shè)計要求與實際應(yīng)用模塊關(guān)聯(lián)，管理員對各個模塊信息進行管理。(3)每個人需要檢查設(shè)計的網(wǎng)站，設(shè)計報告文檔，并提交紙質(zhì)版

3、的課程報告和電子版的網(wǎng)站設(shè)計資料，包括：源程序，網(wǎng)站運行效果截圖，電子版的資料以班為單位刻成光盤后由學(xué)習(xí)委員統(tǒng)一提交。3、設(shè)計報告撰寫格式要求1設(shè)計題目2開發(fā)環(huán)境3需求分析4系統(tǒng)功能結(jié)構(gòu)圖5數(shù)據(jù)庫設(shè)計(包含數(shù)據(jù)表白設(shè)計、表間關(guān)系、E-R圖)6模塊的算法流程圖，圖居中顯示，圖下方要有圖編號和圖名稱7公共類的編寫（包括數(shù)據(jù)庫連接及操作類、字符串處理類）8、前臺主頁面設(shè)計9、文章顯示模塊設(shè)計10、博主登錄模塊設(shè)計11、相冊管理模塊設(shè)計12、調(diào)試過程和運行結(jié)果及結(jié)果分析（其中包括網(wǎng)站各個模塊的運行結(jié)果和結(jié)果數(shù)據(jù)分析）13自我評價與總結(jié)14附錄：程序清單，注意加注釋（包括關(guān)鍵字、方法、變量等），在每個模

4、塊前加注釋；三、課程設(shè)計步驟及時間進度和場地安排本課程設(shè)計將安排在第19周，教育技術(shù)中心。具體安排如下：第一天下發(fā)任務(wù)書，學(xué)生查閱資料第二天系統(tǒng)設(shè)計和原型開發(fā)第三，四天系統(tǒng)功能實現(xiàn)，書寫課程設(shè)計報告第五天系統(tǒng)調(diào)試測試打包和驗收周次、'、星期一星期二星期三星期四星期五第19周第1-8節(jié)第1-8節(jié)第1-8節(jié)第1-8節(jié)第1-8節(jié)地點現(xiàn)教222現(xiàn)教222現(xiàn)教222現(xiàn)教222現(xiàn)教222四、課程設(shè)計考核及評分標(biāo)準(zhǔn)系統(tǒng)設(shè)計和開發(fā)效課程設(shè)計考核將綜合考慮學(xué)生考勤和參與度，系統(tǒng)設(shè)計方案正確性,果以及課程設(shè)計報告書的質(zhì)量。具體評分標(biāo)準(zhǔn)如下：設(shè)置六個評分點（1）設(shè)計方案正確，具有可行性、創(chuàng)新性；25分（2）

5、系統(tǒng)開發(fā)效果較好；25分（3）態(tài)度認(rèn)真、刻苦鉆研、遵守紀(jì)律；10分（4）設(shè)計報告規(guī)范、課程設(shè)計報告質(zhì)量高、參考文獻充分20分（5）課程設(shè)計答辯概念清晰，內(nèi)容正確10分（6）課程設(shè)計期間的課堂考勤、答疑與統(tǒng)籌考慮。10分按上述六項分別記分后求和，總分按五級記分法記載最后成績。優(yōu)秀（10090分），良好（8089分），中等（7079分），及格（6069分），不及格（059分）1設(shè)計題目個人博客系統(tǒng)的JSP網(wǎng)站設(shè)計2開發(fā)環(huán)境Windowsxp;MyEclipse10;Tomcat6.0;MicrosoftSQLServer;3需求分析此次課程設(shè)計主要是加深學(xué)生對JSP程序設(shè)計中的概念，原理和方法的理

6、解，加強學(xué)生綜合運用JSP網(wǎng)站設(shè)計技術(shù)進行實際問題處理的能力，進一步提高學(xué)生進行分析問題和解決問題的能力，包含系統(tǒng)分析、系統(tǒng)設(shè)計、系統(tǒng)實現(xiàn)和系統(tǒng)測試的能力。這次課程設(shè)計是運用JSP技術(shù)設(shè)計一個個人博客系統(tǒng)，由前臺用戶操作和后臺博主操作模塊組成。前臺用戶可以查看文章、查看相冊、查看好友、查看留言和博主登錄等功能。后臺博主可以對文章管理、文章類別管理、相冊管理、好友管理等功能。4系統(tǒng)功能結(jié)構(gòu)圖4.1博客網(wǎng)站前臺功能結(jié)構(gòu)圖訪問博客發(fā)表文章評論查看相冊圖4.1博客網(wǎng)站前臺功能結(jié)構(gòu)圖4.2博客網(wǎng)站后臺功能結(jié)構(gòu)圖博主登錄文章類別管理相冊管理好友管理刪除文章文章管理修改文章添加好友添加類別瀏覽好友修改好友刪

7、除好友留言管理圖4.2博客網(wǎng)站后臺功能結(jié)構(gòu)圖5數(shù)據(jù)庫設(shè)計5.1ER圖在系統(tǒng)功能結(jié)構(gòu)圖中基礎(chǔ)上，分析得知需要文章信息實體，文章類別信息實體，評論信息實體，相片信息實體，好友信息實體，留言信息實體，博主信息實體這幾個實體能夠滿足用戶的需求。現(xiàn)回出4個主要的信息實體ER圖。5.1.1文章信息實體乂早ID)文章所屬、/類別ID，文章信息實體文章標(biāo)題)文章內(nèi)容)(圖5.1文章信息實體5.1.2文章類別信息實體訪問次數(shù)，丁1義早描述_r_文章來源發(fā)表時間)一一一二E-R圖類別名稱k類別ID文章類別信息實體類別描述J_-1"圖5.2文章類別信息實體E-R圖5.1.3相片信息實體相片ID上傳時間相片

8、信息實體相片描述圖5.3相片信息實體ER圖5.1.4博主信息實體姓名密碼博主信息實體性別)QQ密碼圖5.4博主信息實體E-R圖5.2數(shù)據(jù)表的設(shè)計表5.1tb_articlerti設(shè)計表Mtb_article"，位置是Jb_Blngk中、皿(local)"上列名數(shù)據(jù)類型長度允許空idint4arlide_typeIDadJint2tievarchar40*rticle_coiiteiitvsrchar800074rliclfi_£dri«ievarchar307Brticle=createvarchar107article_infovarchar5007a

9、rticle_co'Uiitini4表5.2tb_articleType扁設(shè)計表*1tb_articlelype"位置是“曲_81口廣中-*(local)"上列名數(shù)據(jù)類型長度允許空¥articleTypeidsmallint2articlelypeikamevarchar20art!cltlype_iik£oIIvirchir1007表5.3tb_master布設(shè)計表utb_*aster",位置是BdbBIogB中.(local)"上列名數(shù)據(jù)類型長度允許空m4ster_nainevarchar50master_password

10、varchar10master_sexvarchar27ma.Eter_aic(ivarchar20表5.4tb_photoiff設(shè)計表,位置是"西51口廣中."(local)"上數(shù)據(jù)類型長度1一允許空9idini4photo_addrvarchar500*phote_EdTinfievarchar30phQtQ_descvarchar1007表5.5tb_friend徜設(shè)計表Mtbfriend"位置是Bdb_BlogB中.*local)"上列名數(shù)據(jù)類型長度允許空idint4friendULamevarchar207ftiend_senvarc

11、har27friend_OICQarchar20Mftiend_bl*gvarchar20口7表5.6tb_review否設(shè)計表utb_review"位置是-db_Blog-中.41(local)"±列名數(shù)據(jù)類型長度允許空id4review_articleldint4X/review_autliorvarchar507revieweoiiterLtvarchar20007review_sdTimev討ch”307表5.7tb_word設(shè)計表*tb_»urdw,位置是"db.Blog*中."(local)"上列名數(shù)據(jù)類型長度允

12、許交idint4ward-titievarehar50"wrd_contentvarchar2000Yw*rd_slTimevsrchsr30word_authorvarchar2075.3數(shù)據(jù)表間關(guān)系idrm也dndrtvi-iutkorremew.contentrtvstw_sJTinttb_Teviewtb_frirndtbword節(jié)idwortitlewflrd_EdIirtewQrd.anthfflrtbjphotoEid!phdti3_adiirph*li_sdTphQto_de5ctt_master£nasternsmmtsItrT)tx-iTprilHasl

13、ersex，6模塊的算法流程圖6.1博客總體流程圖開始博客首頁率查看我的又早N查看我的相冊NW/查看我的好友Nv給我留言111111al111HllNVY返回首頁NY4查看文章信息Y查看相冊信息Y查看好友信息Y查看留言信息圖6.1博客總體流程圖6.2相冊管理流程圖博主登陸6N上傳照片Y選擇照片，進行描述N上傳成功YYN繼續(xù)上傳刪除照片選擇刪除的照片Y繼續(xù)刪除N7公共類的編寫7.1 數(shù)據(jù)庫連接及操作類通過構(gòu)造方法加載數(shù)據(jù)庫驅(qū)動，創(chuàng)建createCon()方法來獲取數(shù)據(jù)庫的連接，executeQuery()方法來實現(xiàn)查詢數(shù)據(jù)庫的操作，executeUpdate()方法來實現(xiàn)增、刪、改數(shù)據(jù)庫的操作，

14、closed()方法來關(guān)閉數(shù)據(jù)庫連接。/*通過構(gòu)造方法加載數(shù)據(jù)庫驅(qū)動*/publicDB()tryClass.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newInstance();catch(Exceptione)e.printStackTrace();System.out.println("加載數(shù)據(jù)庫驅(qū)動失敗！");7.2 字符串處理類使用changeHTML()方法實現(xiàn)字符串中的特殊HTML字符;publicpublicclassMyToolsstaticvalue=value.r

15、eplace(value=value.replace(value=value.replace(value=value.replace(value=value.replace(returnvalue;StringchangeHTML(Stringvalue):"&","&amp;");:"","&nbsp;");:"<","&lt;");:">","&gt;");:"r'

16、;n","<br>");使用changeTime()方法將日期型數(shù)據(jù)轉(zhuǎn)換為字符串;publicstaticStringchangeTime(Datedate)SimpleDateFormatformat=newSimpleDateFormat("yyyy年MMRdd日HH:mm:ss"return);format.format(date);此方法的返回值是String型，需要創(chuàng)建一個strToint()方法將String型轉(zhuǎn)換為int型，調(diào)用Integer類的parseInt()方法實現(xiàn)轉(zhuǎn)換的操作。8前臺主頁面設(shè)計前臺頁面采用一種頁

17、面框架，該頁面框架采用2分欄結(jié)構(gòu)，分為4個區(qū)域：頁頭、側(cè)欄、頁尾和內(nèi)容顯示區(qū)。前臺主頁面的JSP文件為FrontIndex.jsp,布局如下：頁頭FrontTop.jsp側(cè)欄FrontLef內(nèi)容顯布區(qū)t.jsp頁尾FrontEnd.jsp圖8FrontIndex.jsp頁面布局9、文章顯示模塊設(shè)計此模塊的主要功能是用戶查看發(fā)表的文章列表及文章的詳細(xì)內(nèi)容，文章顯示功能需要顯示的信息包括文章標(biāo)題、發(fā)表時間、文章的閱讀次數(shù)等。設(shè)計步驟為：創(chuàng)建封裝文章信息的值JavaBeanAtricleBean。創(chuàng)建操作數(shù)據(jù)庫的AricleDao類，在該類中實現(xiàn)了對數(shù)據(jù)庫進行各種增、刪、改、查的操作。在該類中，創(chuàng)建

18、一個queryArticle()方法用來獲取在首頁中進行列表顯示的文章，也可用于其它情況下的文章列表顯示。創(chuàng)建接收并處理訪問首頁面請求的ServletIndexServlet。在該頁面中將調(diào)用ArticleDao類中的queryArticle()方法來獲取在首頁面要顯示的文章。在FrontIndex.jsp頁面中內(nèi)容顯示區(qū)中編寫列表顯示文章的代碼。在web.xml配置文件中配置IndexServlet。10、博主登錄模塊設(shè)計進入登錄界面Logan.jsp,輸入用戶名和密碼，在LoganDao中實例化數(shù)據(jù)庫對象,在LogXServlet.java中將輸入的用戶名和密碼與數(shù)據(jù)庫中的數(shù)據(jù)進行對比，若

19、相同則進入后臺管理頁面，否則重新登錄。登陸界面*輸入用戶名，密碼失敗身份驗證成功進入后臺圖10.博主登陸模塊流程圖11、相冊管理模塊設(shè)計相冊管理模塊主要功能是上傳、瀏覽、刪除照片。此模塊的實現(xiàn)需要創(chuàng)建封裝照片信息的值PhotoBean,創(chuàng)建實現(xiàn)相冊管理功能的業(yè)務(wù)處理類PhotoDao,創(chuàng)建處理相冊管理請求的。上傳照片的PhotoUpload.jsp頁面中，點擊"瀏覽"，會調(diào)用PhotoServlet中的addphoto()方法。實現(xiàn)圖片的上傳。瀏覽照片需要在PhotoServlet.java中創(chuàng)建用來接收"查看照片"請求的singlephoto()方法，

20、代碼如下：publicvoidsinglePhoto(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionPhotoDaophotoDao=newPhotoDao();StringstrId=request.getParameter("id");intid=MyT001s.strToint(strId);PhotoBeanphotoSingle=photoDao.queryPhoto(id);request.setAttribute("pho

21、toSingle",photoSingle);RequestDispatcherrd=request.getRequestDispatcher("/front/photo/PhotoSingle.jsp");rd.forward(request,response);12、調(diào)試過程和運行結(jié)果及結(jié)果分析t我的支堂】更寒再號髭言.飛.建議克持，.博主擄廿物蜂就受，抑一抹潴隙于心中.M3AAL-rrri.£41Li-#*工A注吟紀(jì)萍.臂一林3f起于心中光目1歲月好美一鬼盲淺關(guān)于淺沱的近之中叫一M的意理才于心靈源處.人生g頻有波;場優(yōu)，有平襤營水，yt.閱通至交堂

22、表時間：泡4年6月拈日的口后:。|評詫；0|同漠nD次*保護環(huán)瞋，空爐地球，（HfiJJ人類好I:網(wǎng)間濟足自然才是永遠(yuǎn)在交.當(dāng)熨門炮網(wǎng)若-不屬于目己的光元一一型的九閱凄金文發(fā)表時間,：2WE年02HL3BIT：01：Z9|虜岸：口|聞醫(yī):1次個人隨想個人日記人生感悟推薦文章圖12.1前臺主頁面1個人隨想共2篇保護環(huán)喳原創(chuàng)人類好比瞬間流星，自然才是永延夜空.當(dāng)我們炫耀著不屬于自己的光亮一一墜落時閱讀全文撥表時間：2014年06月25日1055:52|評論：口|閱讀：口次心中最向往的居住田園，【原創(chuàng)】山山水水，綠綠清清:樹樹苴草，郁郁刎帆，小溪流水，魚兒薛游：林間明暗，鳥兒幽鬧，微風(fēng)、痂水、濟里.

23、自燃的味道，圖12.2我的文章頁面小惇主登錄/雙碼超果f用戶名-r近回苣貫圖12.3博主登錄界面發(fā)表文章/詡先/整改/惻陳文章*海加類別*兩克/修改/明蹤英別上住電片創(chuàng)黨/別際照片去落加好友河堤/修改/冊I除肝友/瀏覽/出除空者MILCoppRigh土上?resei-vedl2009吉林毯必有限公司圖12.4臺管理頁面:前臺首頁】E退出登錄】E上傳照片】選擇照片：照片描述：圖12.5上傳照片界面瀏覽13、自我評價與總結(jié)在這一個星期里不僅鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。通過這次課程設(shè)計使我懂得了理論與實際相結(jié)合是很重要的，只有理論知識是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理

24、論知識與實踐相結(jié)合起來，從理論中得出結(jié)論，才能提高自己的實際動手能力和獨立思考的能力。在設(shè)計的過程中難免會遇到過各種各樣的問題，同時在設(shè)計的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學(xué)過的知識理解得不夠深刻，掌握得不夠牢固，通過這次課程設(shè)計之后，一定把以前所學(xué)過的知識重新溫故。除了以上所說的以外，我覺得其實去設(shè)計以及實現(xiàn)一個程序所花費的時間遠(yuǎn)不如測試時用的多，在測試的過程中，我懂得了一些調(diào)試的基本步驟，概括的說就是從小到大，從局部到整體，在實現(xiàn)了局部的功能后，應(yīng)該學(xué)會怎么樣去將它用最簡潔的方法與整體融合起來。而糾正錯誤的過程中，也要逐步的去排除，而不應(yīng)當(dāng)自己覺得哪里錯了就去修改哪里，這樣的后果只會事倍功半。我覺得這些東西對于我以后的工作將有很大的幫助。通過這次的課程設(shè)計，