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

　　

【正文】 號 留言信息 個人主頁 留言內(nèi)容 留言標題 留言回復(fù) 留言日期 留言編號 網(wǎng)友昵稱 基于 的個人網(wǎng)站的設(shè)計與實現(xiàn) 第 18 頁 共 36 頁 4 系統(tǒng)詳細設(shè)計 對博客系統(tǒng)進行概要設(shè)計之后，本章將主要介紹 系統(tǒng)各功能模塊的詳細設(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è)主要顯示文章的列表，具體包括：博客文章的標題、文章摘要、文章發(fā)表時間、文章評論及閱讀次數(shù)等。個人博客首頁，如圖 42所示： 圖 42 個人博客首頁 博客注冊頁主要用于新用戶注冊相關(guān)的個人信息，用戶注冊后可以對自己發(fā)表的博客文章、網(wǎ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 頁 在博客管理頁面中，文章管理占有相當重要的地位。在博客 管理員首頁中，單擊“文章管理”鏈接，就會顯示博客文章管理的相關(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圖片管理頁面 博客后臺基本頁面使用 只供管理員登入，也只提供管理員在沒有進入博客首頁時直接進入后臺時使用，只對管理員公開，填寫信息為管理員身份時才可進入后臺管理，當一般用戶用試圖登入后臺管理首頁時，系統(tǒng)會判斷出其身份，禁止一般用戶進入后臺管理首頁。管理員后臺登錄，如圖 49所示： 圖 49管理員后臺登錄界面 計算機科學(xué)與技術(shù)專業(yè)畢業(yè)論文 第 25 頁 共 36 頁 當管理員、博主忘記進入網(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)管理員可以通過“詳細信息”超級鏈接看到系統(tǒng)管理員詳細資料并且可以基于 的個人網(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)管理員可以通過“詳細信息”超級鏈接看到博客管理員詳細資料并且可以對博客管理員的資料進行修改，系統(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é)束之前通過嚴格的技術(shù)