個人博客網(wǎng)站課程設(shè)計方案說明書

目錄TOC＼o"１－３"\h\ｚ\uＨＹPERLIＮK＂E：\\課設(shè)＼\信管09１趙隴強0９２10240１０．dｏc”＼l＂＿Toc９632"1課題描述 PＡGEＲＥF＿Ｔｏc963２1HYＰEＲLＩＮK"E:\\課設(shè)\\信管091趙隴強０92１024０10．doc"\l＂_Ｔoc2４2６4”2設(shè)計過程?ＰAGＥＲEＦ_Tｏc２4２64２HYPERLIＮK”Ｅ：＼＼課設(shè)＼\信管0９1趙隴強09２102401０。doｃ"2。1需求分析 ＰAGＥＲＥＦ_Ｔｏc131282HYPERLINK＂E：＼\課設(shè)\\信管0９１趙隴強0921０2４01０。doc”\l”_Ｔoc250３5＂２．2系統(tǒng)流程圖?ＰAGEＲＥF＿Tｏc２５035２HＹPＥRＬINK”E:\\課設(shè)\＼信管091趙隴強０92１02401０．ｄｏｃ"\l＂＿Tｏc3695"2。3功能結(jié)構(gòu)分析?ＰAＧEＲＥF＿Tｏｃ36９53HYPEＲLIＮＫ"Ｅ：\\課設(shè)\\信管091趙隴強09２１０2４０10.dｏc”\l"_Toc27５０１"２.4數(shù)據(jù)庫設(shè)計?PＡGＥＲEF＿Toc2７50１4ＨYＰＥRLIＮＫ"E:＼＼課設(shè)＼\信管０91趙隴強0921024010。dｏc"＼l”_Toｃ１８７84＂2。5前臺頁面設(shè)計?PＡGＥREF＿Toc18７846HＹＰEＲLINK＂E：\＼課設(shè)＼\信管０91趙隴強0921０２4010。doｃ"＼l＂_Toc1４256”２。５．1母版頁設(shè)計?PAGERＥF_Ｔoc142５66HYPERLINＫ"E：\\課設(shè)\\信管０9１趙隴強0９21０24010.ｄｏc＂＼l"_Ｔoc2４437"２．５．2首頁設(shè)計?PＡＧＥRＥF＿Tｏｃ244376２。6。2留言管理?ＰAGEREF_Ｔoc1416211HＹＰEＲLINK”Ｅ：\\課設(shè)\＼信管０9１趙隴強０９2１0２40１0。ｄｏc"\l”_Tｏc23035"２.6．3相冊管理 ＰAGEREF_Toｃ2３0３5１1ＨYPERLＩNＫ＂E:\＼課設(shè)＼＼信管０91趙隴強０９21０24010．doｃ”\l”_Tｏc３２126"3測試 PＡGEREF_Ｔoc３２126１3ＨＹPＥRＬＩNK”Ｅ：\\課設(shè)\\信管０9１趙隴強０9２10240１０。doc"\l”_Ｔoc10673＂3。１后臺管理登陸?PAGEREF＿Toｃ1０6７313HYＰERＬＩNＫ”E：\\課設(shè)＼＼信管０91趙隴強092１02401０。ｄoc”3.2．1添加文章驗證?PAＧＥRＥF_Tｏc9２９71４ＨYPＥRLIＮK"E：\\課設(shè)\＼信管091趙隴強0９2１０２40１0．dｏc＂\ｌ＂＿Ｔｏｃ６542＂3。3.２刪除文章驗證?PAGＥＲEＦ_Ｔｏｃ6542１4ＨＹPＥRLＩＮK"E:＼\課設(shè)＼＼信管0９1趙隴強0９2１0２４０１0.ｄoc"\ｌ”_Toｃ１934１”3。3。3修改文章驗證 PAGEＲEＦ_Ｔoc１934１15HＹPERLIＮK”E:\\課設(shè)＼\信管091趙隴強0９2１02401０．dｏc"\ｌ”_Ｔoc306８3”3．3留言管理?PAGＥREF_Tｏｃ30６８315HYPEＲＬINK"E:\\課設(shè)＼\信管091趙隴強0９21024010．doc"＼l"_Toc1473＂3。4。１修改照片信息驗證?PAＧEREF＿Toｃ1473１６ＨYPERLIＮK"E:\\課設(shè)＼＼信管0９１趙隴強0９21024０1０.ｄoc"＼l"＿Toc７１２2＂總結(jié)?PAGＥREＦ＿Toｃ７１2２１7HYPERＬINＫ”E:\\課設(shè)＼\信管09１趙隴強0９210２4010。doc"參考文獻(xiàn)?PAＧＥREF_Toｃ2８５２３181課題描述本次課題是要完成一個集日志發(fā)表、后臺管理為一體的個人博客管理系統(tǒng)。在前臺游客可以查看相冊、博文、等并可在留言板中添加評論。后臺管理可以實現(xiàn)的功能有：博文的添加、修改和刪除;照片的添加、刪除以及分類;查詢刪除留言等。界面直觀、操作簡單,內(nèi)容布局條理清楚,版面協(xié)調(diào)、統(tǒng)一,能夠?qū)崿F(xiàn)方便快捷的管理與維護(hù)。開發(fā)工具：Ｄreamweavｅrｃｓ５、SQLserver２008２設(shè)計過程該博客網(wǎng)站包括前臺瀏覽和后臺管理兩部分功能。實現(xiàn)過程包括三部分:前臺功能設(shè)計，后臺設(shè)計，數(shù)據(jù)庫設(shè)計.2．1需求分析本系統(tǒng)的用戶包括：普通游客、博客主人。(1)普通游客進(jìn)入網(wǎng)站后可以瀏覽博客文章和博客相冊，并在瀏覽博客后進(jìn)行評論。（2）博客主人通過前臺登錄后，可對自己的博客空間進(jìn)行管理，包括發(fā)布自己的網(wǎng)絡(luò)日志，收藏個人照片,相關(guān)人員進(jìn)行交流和溝通以及刪除訪問者發(fā)表的評論等。在博客管理界面，博主可以對自己的博客類型進(jìn)行管理。包括:添加、編輯和刪除博客類型。博主可以暫時不發(fā)布博客，而是將文章先放到草稿箱等以后要發(fā)布時,再從草稿箱中提出,還能夠?qū)⒒厥照局械牟┛瓦€原或者將博客從回收站中徹底刪除.博主還可以上傳圖片文件,同時進(jìn)行管理，包括瀏覽和刪除操作。博主能夠?qū)τ慰偷脑u論進(jìn)行管理，包括查詢和刪除操作.2。2系統(tǒng)流程圖后臺業(yè)務(wù)流程:(博主操作流程)見下圖：圖2.1后臺業(yè)務(wù)流程圖前臺業(yè)務(wù)流程：(游客操作流程）見下圖：圖2．2前臺業(yè)務(wù)流程2.3功能結(jié)構(gòu)分析此系統(tǒng)主要包含兩個方面,一為前臺信息顯示系統(tǒng)即普通游客空間、二為后臺信息管理系統(tǒng)即管理員管理空間。前者是面向公眾的一個窗口，通過前臺信息顯示系統(tǒng)方便普通游客瀏覽日志、評論和留言。后臺信息管理系統(tǒng)在管理員登錄后,管理員可以發(fā)表日志；回復(fù)評論和留言；管理日志、評論、留言及個人信息等.系統(tǒng)的基本功能結(jié)構(gòu)圖如圖２.１所示.圖2。3功能結(jié)構(gòu)圖普通游客模塊:主要是為了讓訪問本博客的游客對博客有一個基本的了解。通過游客的評論和留言了解游客對本博客博主博文的評價，以便于同博主更好的互動和交流.博客主人管理員模塊:主要實現(xiàn)對所發(fā)表的博文、評論及留言信息進(jìn)行管理,對博客各個方面的管理與維護(hù)以便網(wǎng)站更好的運行.其個管理模塊的功能有:文章管理:管理員可以對博文進(jìn)行分類管理、添加分類、添加博文等操作。相冊管理:管理員可以對照片進(jìn)行分類管理、添加分類、添加或刪除照片等操作.留言管理：管理員可以回復(fù)或者刪除游客留言。我主要負(fù)責(zé)瀏覽日志和文章管理兩塊。2．4數(shù)據(jù)庫設(shè)計本系統(tǒng)采用SQLServｅｒ2005作為開發(fā)工具。根據(jù)系統(tǒng)需求分析和保證數(shù)據(jù)統(tǒng)一、完整和高效的原則，需要對數(shù)據(jù)庫進(jìn)行合理的設(shè)計。首先先在SＱLＳerｖeｒ２005中建立一個名為“blｏg”的數(shù)據(jù)庫來存放本系統(tǒng)所必須的數(shù)據(jù)表。本系統(tǒng)數(shù)據(jù)庫中主要的數(shù)據(jù)表分別為用戶注冊表（Ｒeｇiｓteｒ），博客類別表（Cｌａss)，博客文章表（Nｅws）,圖片文件表（Phoｔo)，博客留言表（Ｍｅssaｇe）。如表２—1—２—5所示:表２—1用戶注冊表表2—2博客類別表表2－３博客文章表表2—4圖片文件表表2－5博客留言表２.５前臺頁面設(shè)計2。5.1母版頁設(shè)計利用母版頁可以將前臺的幾個頁面創(chuàng)建一致的布局。單個母版頁可以為應(yīng)用程序中的所有頁（或一組頁）定義所需的外觀和標(biāo)準(zhǔn)行為。然后可以創(chuàng)建包含要顯示的內(nèi)容的各個內(nèi)容頁。當(dāng)用戶請求內(nèi)容頁時，這些內(nèi)容頁與母版頁合并以將母版頁的布局與內(nèi)容頁的內(nèi)容組合在一起輸出。如下圖2.４為sitｅ2．masteｒ的設(shè)計圖。圖２.4母版頁設(shè)計圖２.5。2首頁設(shè)計首頁作為內(nèi)容頁面被包含在母版頁sｉte２。ｍaｓtｅr的占位符控件顯示最新文章、友情鏈接、相冊以及留言。如圖2.５所示。圖2.5主頁面主要具體代碼如下：〈aｓｐ：ConｔentＩＤ="”ConｔeｎtPｌaceＨoldｅrIＤ=”Leｆｔ"ruｎａt(yī)=＂serｖｅr”><uｃ1：ＬeftＬｉstＩD="ＬeｆtLｉsｔ1"ｒｕnａt(yī)=＂ｓeｒver＂／＞〈/ａsp:Cｏnｔent＞〈aｓｐ:CoｎtｅntＩD="”ConｔｅｎｔＰｌaｃeＨolｄeｒID＝＂Rigｈｔ＂ｒuｎat=”serｖeｒ”〉<aｓp:Repeａt(yī)erID＝”Repeateｒ１”ruｎａt(yī)="server”〉<ItemＴeｍｐlate＞<diviｄ＝”c－ｒｉght”〉<ｄivｃlass＝”Page”＞<ｈ3〉〈ａｈｒｅf=＇＜%#Eval（＂newｓ＿id",＂Next.aspｘ?ｉｄ={0}＂)%〉’taｒgｅt＝"_bｌａｎk＂〉<％＃Evａl(”Title＂)％>＜/a></ｈ３＞〈pcｌass=”ｂotｉｍe"〉〈％＃Ｅvaｌ(＂AddＤaｔe")％〉</p＞<pclａsｓ=＂bｏd＂〉〈%＃BindBoｄy（Eｖaｌ（"Boｄy＂)。ＴoＳtrｉnｇ（）)%〉</p＞〈pｃｌass=＂shｏw”〉瀏覽｜評論＜/p>〈br＞＜/div〉</dｉｖ>〈/IteｍTeｍpｌate＞</asp:Repeａt(yī)er〉２。５.３留言板設(shè)計留言板主要是把訪客的留言顯示出來,是一個博主與游客談心交流的地方,在留言板中可以暢所欲言，就感興趣的話題展開討論與大家進(jìn)行交流和溝通.留言模板頁面如圖２。6所示。圖２.6留言板主要代碼如下：<dｉvid=”ｉｎnｅr”〉〈dｉｖ〉<uc1:lｉuyａｎＩＤ＝"ｌiuyan1”runaｔ=”seｒvｅr＂/〉</ｄiｖ＞＜br/〉〈ｂr/>〈ｕｃ2：ｈuifuＩD=＂ｈuifu１"ｒｕｎａｔ＝”sｅrver”/＞<／div〉2．６后臺頁面設(shè)計2。６。1后臺頁面布局設(shè)計后臺頁面使用框架ｉframe來搭建頁面。ifrａｍe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架。如下圖2。7圖2。７后臺頁面設(shè)計圖主要代碼如下:<divid＝"ｉｎner＂＞＜dｉv〉＜ifrａｍename＝"tｏp”ｓrc=＂。。/htmｌ/ｔop．hｔm”scｒolｌｉng=＂no＂fｒameborder＝”０”ｗiｄｔh=”７0０px”＞〈/ifrａme＞〈/ｄｉv＞<div〉<ifｒaｍename=”ｏｕｔ＂ｓｒｃ=”。。/ｈtml／ｏutlｏokleｆt．ｈtｍl"sｃｒｏlｌing=”no"fraｍeｂoｒdｅr=＂0”wｉｄth=＂１80pｘ"heighｔ=”5３０ｐｘ”＞〈／ｉｆraｍe><／diｖ＞<div＞＜ifｒａmenaｍe=＂cen"sｒｃ=”。./html/Ｍain。htm”scrolliｎg＝＂ｎｏ”frａmeborｄer＝＂0"wｉdth＝＂465px"heiｇhｔ="47９ｐｘ”＞</ifraｍe><／dｉv>〈／div>后文中用ｔarget屬性來設(shè)置頁面<lｉ><ａhｒeｆ="．．／Maｎａgｅ/ManａngeNeｗs。aspｘ”tarｇet="cen＂〉文章管理〈/a〉</li＞2.６.2文章管理設(shè)計博主登錄后單擊導(dǎo)航欄“添加文章”即可進(jìn)入添加文章頁面。點擊“文章管理”可以進(jìn)行文章的編輯刪除操作。添加文章和文章管理頁面分別如圖2.8和圖2。9所示.圖2.8添加文章圖2．9文章管理圖添加文章的主要代碼：proｔｅctedｖoidbtnAdd_Cｌｉｃk(objecｔｓeｎｄｅr，EvｅnｔAｒgsｅ)｛stringｔexｔ=InputＴexｔ(Ediｔoｒ1．Ｔext）；ｉｆ(bdc．pro＿ＡｄdNew（ｔｘtTitle。Ｔeｘt．Trim（）,tｅxt，ＤａｔeTimｅ。Ｎｏｗ,0，0,TＴype。SelｅcteｄVaｌｕe，fａlse，false)〉0){ClｉentＳcriptＭanageｒｓｃrｉpt=this.CｌienｔＳcrｉpｔ;script.ReｇistｅrＳtartｕpＳｃripｔ（ｔｈiｓ.ＧeｔTｙpe()，"123"，＂alert(’添加文章失敗'）”，tｒｕe);}elｓe{ＣlｉenｔSｃripｔManaｇerscｒｉpｔ=ｔhｉs。ClｉeｎtScriｐｔ；scriｐt．ＲeｇｉｓterＳｔarｔｕpＳcｒｉpt（ｔｈｉｓ．GetType(），”123＂,"<scriｐt〉aｌeｒt(’添加文成功)|＇）；ｌocatｉon.ｈrｅｆ（＇MaｎanｇeNｅws．a(chǎn)ｓpx’);</scｒiｐｔ＞”）；}}添加至草稿箱的主要代碼：proｔecteｄｖoidbtndraft_Click（ｏbjecｔsenｄer,EｖentArｇsｅ）｛ｉｆ(（bｄc．prｏ＿AｄdＮew(ｔｘtTiｔｌe．Tｅxt。Tｒim（)，Ｅditoｒ１.Text.Tｒim(），DateTime.Ｎoｗ,0,0,TTyｐe．SｅlectedVaｌue,tｒuｅ，false)＞0）)ＣlientScriptManａgeｒscr＝tｈiｓ.ClieｎtＳｃript；scr。RｅgistｅｒStartupＳcriｐt（tｈiｓ．GｅtTｙｐe(），"３4",＂alｅｒt（＇未能添加到草稿箱’)",trｕe)；｝else{Ｒeｓpｏｎse．Write（”<ｓcｒiｐt＞ａｌｅｒt('已經(jīng)添加到草稿＇）＜/scriｐt＞＂）；Rｅspｏnsｅ．Redirｅct（”~/CｕteSｏft＿Cｌient／NeｗSave２。ａｓpx”）；}｝2。６．2留言管理留言管理模塊可以通過查找關(guān)鍵字或開始結(jié)束日期來獲得相應(yīng)留言記錄，進(jìn)行刪除操作。留言模板頁面如圖2。1０所示。圖2。１0留言板頁面主要實現(xiàn)代碼如下:〈aｓp：QueryExteｎdeｒＩD=”QuｅｒyExtendeｒ１＂ｒunat="serveｒ＂TａrgetＣontrolID=＂LｉnqＤaｔaSource1＂>＜asｐ：SｅarchExｐreｓｓioｎDatａFｉｅlds="ｂｏｄy"SeａrｃｈTｙpe＝”StａrtｓＷｉtｈ＂><ａsｐ：CoｎtrolParameｔerＣoｎｔrolID＝"TextＢox1”／>〈/asp:SearchEｘpｒeｓｓiｏｎ＞<aｓｐ：ＲaｎｇeExprｅssionＤａｔaFieｌd="daｔｅ"ＭaxType="Ｉｎclusiｖｅ＂ＭinＴypｅ=”Inｃlusivｅ＂〉〈asp：CoｎtｒoｌPａrameterＣonｔrｏｌIＤ=”TextＢox２"DｂType="ＤateＴime"/><ａsp:ContｒｏlPａｒaｍeｔerＣoｎtrolID=”TextBox3"DbＴyｐe=＂ＤａｔｅTime＂/＞</ａsp:ＲａngeＥｘｐｒessioｎ〉</asp：ＱueｒｙEｘｔendｅｒ〉２。6．3相冊管理通過相冊管理模塊可以進(jìn)行上傳照片,插看和刪除圖片。如下2。11圖.圖2.11相冊管理圖查看相冊修改代碼:protｅctｅｄvｏｉｄbｕtsubmit＿Clicｋ(objectsender，EventArgｓｅ）｛sｔriｎgtitｌｅ=＂"，inｆo=”"；ｉｎtid=Ｃonvert.TｏIｎt3２（Request．QuｅrｙＳtrｉｎｇ[”ｉd＂］）;for(ｉnti＝０;i<dlpｈｏtoiｎｆｏ.Controls。Couｎt；i++)｛ｔitｌｅ=（(TｅxｔBox)ｄlｐhoｔoinfo。Coｎtroｌs[ｉ]。FinｄＣｏｎtｒol（"txttiｔｌe”)).Text;infｏ=（(TexｔBｏｘ)dlphotoinfo.Cｏntrｏｌs［i］。FｉｎｄCoｎｔｒｏｌ（”txｔiｎｆo＂)）。Ｔeｘt;}if（bdｃ.pｒo_UｐdatePhoｔｏ（ｉｄ,tｉtｌe，iｎfｏ)＜=0）{ClieｎtＳcｒipｔMａnageｒscript=tｈiｓ。ClienｔScｒiｐｔ；scｒｉｐｔ。RｅgisterＳtａrtuｐScripｔ（thiｓ。ＧetTｙｐe(），＂12３＂，"<ｓｃript〉aｌeｒt（’修改圖片功!'）；ｌｏcaｔioｎ。hｒｅf（'ＭanagePｈoto.ａｓｐx’）；〈／script>＂）；}ｅlｓｅ{ＣlienｔＳcｒiｐtMａnａgerｓcｒipt=thiｓ．ClｉeｎtScrｉpt；ｓcriｐｔ.RegｉｓtｅrStaｒtupＳcript（thｉｓ.GeｔType(），＂12"，"alert(＇修改圖片失敗!＇）”，true）；}｝3測試３．1后臺管理登陸在后臺管理中需要有一個登陸的頁面,只有進(jìn)行登錄并通過身份驗證的用戶，才可以在個人博客頁面發(fā)表日志，并借助個人設(shè)置實現(xiàn)對個人博客相關(guān)信息的管理維護(hù)。對于沒有經(jīng)過身份驗證的網(wǎng)絡(luò)用戶不允許在博客頁面中發(fā)表日志,更不允許對博客頁面信息進(jìn)行管理維護(hù)。其登陸頁面如圖3。1所示。圖3．1后臺管理登陸頁面登陸頁面具體代碼如下:ｐroｔｅctedvoidbｔnｌogiｎ＿Ｃliｃｋ（obｊｅctｓｅndeｒ,EｖeｎtＡrgse)｛sｔrｉｎguid＝tｘtuid．Tｅxｔ．Ｔｒim(）.TｏSｔriｎｇ(）;stｒingpｗd=txtpwd．Ｔext.Tｒim（)．ToString（);ｉf（ｕｉd！＝"”&＆pｗd！=＂＂）｛vaｒresｕlｔ=ｆromｎinｂｄｃ。Rｅgｉsterｗｈerｅn．ｕｓeｒ＿ｉd=＝Int3２．Parse（uiｄ）＆＆n．ｕｓｅr_naｍe＝＝pwdselｅctn;if(ｒｅsｕlt!＝null)｛Session［＂usernaｍe"］＝uid;Resｐonse.Rｅdｉrｅct（＂．。/Ｍaｎaｇｅ/Hoｕ。aspｘ”，true)；｝ｅlse{ClｉｅｎtＳcrｉpｔManageｒｃlieｎt=ｔｈis．ClientScrｉpt;cliｅｎt.ReｇｉsｔerStartｕpScrｉpｔ（this。ＧetType(），"５5",＂〈sｃript>aｌert（'用戶名或密碼錯誤,請重新輸入！’)；hｉsｔｏrｙ．bacｋ()<／ｓcript〉＂)；retｕrn；｝｝｝3．２博客管理3．２。１添加文章驗證進(jìn)入后臺添加文章后界面如圖3.２所示。圖3.2管理菜單首頁３.3。2刪除文章驗證圖3。3日志管理頁面3。3。３修改文章驗證在點擊“編輯”之后會出現(xiàn)博文的具體信息,進(jìn)行