【導(dǎo)讀】含其他人已經(jīng)發(fā)表的研究成果，也不包含他人或其他教學(xué)機構(gòu)取得的研究成果。本人了解并遵守衡水學(xué)院有關(guān)保留、使用畢業(yè)論文的規(guī)定。全部或部分內(nèi)容，可以采用影印、縮印或其他復(fù)制手段保存論文及相關(guān)資料。學(xué)習(xí)和交流的工具。上傳個人照片、評論留言等；還有有對其他網(wǎng)站的超鏈接，獲取其他網(wǎng)站的信息。舞臺和學(xué)術(shù)探討的園地。該網(wǎng)站是一個實用的個人博客網(wǎng)站，集博客、留言板、鏈接于。該網(wǎng)站主要功能分成兩部分：包括前臺為普通用戶操作界面和后臺為管理員操作。時還可以發(fā)表新日志，上傳附件等。理，如：添加、刪除已注冊的用戶。該網(wǎng)站基于B/S模式，在VisualStudio2020集。足用戶個人信息和文章共享的需求，實現(xiàn)了用戶之間簡單的信息交流。

　　

【正文】 號 留言信息 個人主頁 留言內(nèi)容 留言標(biāo)題 留言回復(fù) 留言日期 留言編號 網(wǎng)友昵稱 基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 18 頁 共 36 頁 4 系統(tǒng)詳細(xì)設(shè)計 對博客系統(tǒng)進行概要設(shè)計之后，本章將主要介紹 系統(tǒng)各功能模塊的詳細(xì)設(shè)計及其實現(xiàn)。 系統(tǒng)流程圖 高級系統(tǒng)用戶（管理員） 可以對博客注冊用戶進行管理；博客注冊用戶可以對博客進行整體管理；匿名用戶僅可以對文章進行瀏覽、對文章發(fā)表評論等簡單的操作。 博客網(wǎng)站系統(tǒng)流程圖，如圖 41所示： 圖 41 博客網(wǎng)站系統(tǒng)流程圖 留言管理 評論管理 匿名訪問 注冊訪問 網(wǎng)民 訪客 會員 注冊 登錄 發(fā)表評論 博客訪客查看文章 注冊用戶查看文章 是 登錄 否 管理中心 文章 系統(tǒng)管理員 登錄 管理注冊用戶 系統(tǒng)管理中心 管理管理員用戶 否 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 19 頁 共 36 頁 博客前臺基本頁面使用 在博客首頁的設(shè)計中，主要應(yīng)用了母版技術(shù)。網(wǎng)站導(dǎo)航條、用戶登錄注冊等內(nèi)容設(shè)計在了母版中，而首頁的主要內(nèi)容包括博客文章類別列表、友情鏈接列表、推薦 文章列表等。首頁右側(cè)主要顯示文章的列表，具體包括：博客文章的標(biāo)題、文章摘要、文章發(fā)表時間、文章評論及閱讀次數(shù)等。個人博客首頁，如圖 42所示： 圖 42 個人博客首頁 博客注冊頁主要用于新用戶注冊相關(guān)的個人信息，用戶注冊后可以對自己發(fā)表的博客文章、網(wǎng)友評論及留言等進行管理。當(dāng)用戶用戶單擊博客首頁的“注冊”按鈕時，將會進入博客注冊首頁。博客注冊資料，如圖 43所示： 基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 20 頁 共 36 頁 圖 43博客注冊資料 在博客注冊頁面中，還用到 了一個小功能，就是在用戶填寫用戶名是，通過單擊“檢測用戶”按鈕，觸發(fā)其 Click事件來檢測填寫的用戶名是否已經(jīng)存在。主要代碼如下： protected void Button1_Click(object sender, EventArgs e) {SqlData da = new SqlData()。 SqlDataReader read = (select * from tb_Blog where UserName=39。 + + 39。)。 ()。 if () {if ( == read[UserName].ToString()) {(script language=javascriptalert(39。對不起，該用戶已經(jīng)注冊！39。)。location=39。39。/script)。 } } else { (script language=javascriptalert(39。恭喜您，該用戶可以注冊！39。)。/script)。 } ()。 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 21 頁 共 36 頁 } 3．博客管理員首頁 在博客首頁中單擊“管理員”超鏈接，彈出管理員登錄對話框，輸入正確的用戶名、密碼、驗證碼后，單擊“登錄”按鈕，進入管理員首頁。 通過登錄頁面進入管理員頁面后，在頁面左側(cè)顯示的是樹形功能導(dǎo)航菜單，共有 7項管理功能，分別為類型管理、文章管理、留言管理、評論管理、鏈接管理、通信管理和圖片管理。單擊相應(yīng)的功能超鏈接，將在頁面右側(cè)顯示相應(yīng)的鏈接信息。 在管理員首頁 中設(shè)計中應(yīng)用了 iframe 框架技術(shù)將頁面布局分為了左右兩部分，左側(cè)為一個 TreeView 控件，用來實現(xiàn)后臺功能管理的導(dǎo)航；右側(cè)是相應(yīng)的導(dǎo)航鏈接到的信息。博客管理員首頁，如圖 44所示： 圖 44博客管理員首頁 該頁主要應(yīng)用了 TreeView 控件，實現(xiàn)對博客后臺的導(dǎo)航管理，如導(dǎo)向文章類型管理頁面。在頁面中應(yīng)用的 TreeView 控件的代碼如下： asp:TreeView ID=TreeView1 runat=server Height=301px FontSize=12pt ForeColor=Black Width=131px style=left: 1px。 position: relative。 top: 27px ImageSet=Faq Nodes asp:TreeNode Text=博客后臺管理 ToolTip=博客后臺管理 Value=博客后臺管理 asp:TreeNode Text=博客管理員 ToolTip=博客管理員 Value=博客管理員 asp:TreeNode Text=類型管理 ToolTip=類型管理 Value=類型管理 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=文章管理 ToolTip=文章管理 Value=文章管理 基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 22 頁 共 36 頁 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=留言管理 ToolTip=留言管理 Value=留言管理 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=回應(yīng)管理 ToolTip=回應(yīng)管理 Value=回應(yīng)管理 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=鏈接管理 ToolTip=鏈接管理 Value=鏈接管理 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=通信管理 ToolTip=通信管理 Value=通信管理 Target=rightFrame NavigateUrl=/asp:TreeNode asp:TreeNode Text=圖片管理 ToolTip=圖片管理 Value=圖片管理 Target=rightFrame NavigateUrl=/asp:TreeNode /asp:TreeNode /Nodes HoverNodeStyle ForeColor=Purple FontUnderline=True / SelectedNodeStyle FontUnderline=True HorizontalPadding=0px VerticalPadding=0px / ParentNodeStyle FontBold=False / NodeStyle FontNames=Tahoma FontSize=8pt ForeColor=DarkBlue HorizontalPadding=5px NodeSpacing=0px VerticalPadding=0px / /asp:TreeView 在博客管理員首頁中，單擊“類型管理”鏈接 ，在頁面右側(cè)中將顯示所有的文章類型信息，博客管理員可以對發(fā)表的博客文章類型進行整體管理。這部分內(nèi)容是由該文件夾下的 頁面實現(xiàn)的。 在 頁面中應(yīng)用到了一個 GridVew 控件來顯示博客文章的類型信息。在此頁面中可以對文章類型信息進行查詢、修改、刪除和添加等基本操作，另外在此頁面中還可以對數(shù)據(jù)進行批量刪除操作。文章類別管理頁面，如圖 45所示： 圖 45 文章類別管理頁面 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 23 頁 共 36 頁 在博客管理頁面中，文章管理占有相當(dāng)重要的地位。在博客 管理員首頁中，單擊“文章管理”鏈接，就會顯示博客文章管理的相關(guān)信息，包括文章編號、文章主題、人氣指數(shù)等。這部分內(nèi)容得實現(xiàn)是由該文件夾下的 頁面來實現(xiàn)的。博客文章管理頁面，如圖 46所示： 圖 46 博客文章管理頁面 單擊 Blog 文件夾下的 頁面中的“博客管理員”節(jié)點下的“留言管理”，就會顯示出博客留言管理的相關(guān)信息。在 頁面中用到了一個 GridView 控件 ，用來向用戶展示已有的博客留言信息，同時還提供回復(fù)和刪除留言信息操作。博客留言管理頁面，如圖 47所示： 圖 47 博客留言管理頁面 基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 24 頁 共 36 頁 7．圖片管理頁面 單擊 Blog 文件夾下的 頁面中的“博客管理員”節(jié)點中的“圖片管理”，就會顯示出博客圖片的相關(guān)信息，包括圖片的號、圖片主題等信息，用戶可以通過“查看圖片”超級鏈接可以瀏覽圖片，用戶還可以通過“添加圖片”鏈接進入添加圖片頁面。在圖片添加頁面用戶可以上傳自己的圖片信息。用戶還可以進行刪除、查找圖片操作。圖片管理頁面 ，如圖 48所示： 圖 48圖片管理頁面 博客后臺基本頁面使用 只供管理員登入，也只提供管理員在沒有進入博客首頁時直接進入后臺時使用，只對管理員公開，填寫信息為管理員身份時才可進入后臺管理，當(dāng)一般用戶用試圖登入后臺管理首頁時，系統(tǒng)會判斷出其身份，禁止一般用戶進入后臺管理首頁。管理員后臺登錄，如圖 49所示： 圖 49管理員后臺登錄界面 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 25 頁 共 36 頁 當(dāng)管理員、博主忘記進入網(wǎng)站的密碼時，通過管理員登錄頁、博客主頁的忘記密碼鏈接，進入找回密碼頁 面，通過回答注冊時自己設(shè)置的問題進行密碼的顯示。找回密碼頁面，如圖 410所示： 如圖 410找回密碼頁面 通過管理員登錄頁面進入博客管理員首頁，該頁面包括：系統(tǒng)管理、博客管理兩部分。管理員通過博客管理對注冊用戶進行信息管理。系統(tǒng)管理員首頁頁面，如圖 411所示： 圖 411系統(tǒng)管理員首頁頁面 單擊 Admin 文件夾下的 頁面中的“博客后臺管理”節(jié)點中的“系統(tǒng)管理員”，就會顯示出系統(tǒng)管理員的相關(guān)信息，包 括系統(tǒng)管理員的姓名、性別、 號等信息。系統(tǒng)管理員可以通過“詳細(xì)信息”超級鏈接看到系統(tǒng)管理員詳細(xì)資料并且可以基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 26 頁 共 36 頁 對系統(tǒng)管理員的資料進行修改，系統(tǒng)管理員還可以對管理員的信息進行查找、添加、刪除操作。通過“添加管理員”鏈接進入系統(tǒng)管理員注冊頁面，進行系統(tǒng)管理員的注冊。 系統(tǒng)管理員顯示頁面，如圖 412 所示： 圖 412系統(tǒng)管理員顯示頁面 單擊 Admin 文件夾下的 頁面中的“博客后臺管理”節(jié)點中的“博客管理員”，就會顯示出博客管理員的相關(guān)信息，包括 博客管理員的姓名、性別、 號等信息。系統(tǒng)管理員可以通過“詳細(xì)信息”超級鏈接看到博客管理員詳細(xì)資料并且可以對博客管理員的資料進行修改，系統(tǒng)管理員還可以對博客管理員的信息進行查找、刪除操作。系統(tǒng)管理員可以將長時間不使用的博客用戶進行刪除操作。博客用戶管理頁面，如圖 413 所示： 圖 413博客用戶管理頁面 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 27 頁 共 36 頁 5 系統(tǒng)測試與維護 測試目的 測試的目的就是在軟件投入生產(chǎn)性運行之前，盡可能多地發(fā)現(xiàn)軟件中的錯誤。在開發(fā)軟件系統(tǒng)的過程中，需要面對錯綜復(fù)雜的問題，因此，在軟件生存周期的每個階段都不可避免地會產(chǎn) 生錯誤。編程人員力求在每個階段結(jié)束之前通過嚴(yán)格的技術(shù)