【文章內(nèi)容簡(jiǎn)介】 ） 用戶通過網(wǎng)絡(luò)日志的形式迅速、便捷地發(fā)布自己的心得體會(huì)。（3） 為充分展現(xiàn)網(wǎng)站讀者與作者的交互性，采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)博客信息在線發(fā)布。（4） 信息查詢靈活、方便，數(shù)據(jù)存儲(chǔ)安全、可靠。（5） 實(shí)現(xiàn)強(qiáng)大的博客后臺(tái)管理功能。（6） 實(shí)現(xiàn)博客后臺(tái)管理中的各種查詢，如單位查詢、模糊查詢等。（7） 對(duì)用戶輸入的數(shù)據(jù)，系統(tǒng)進(jìn)行嚴(yán)格的數(shù)據(jù)檢驗(yàn)，盡可能排除人為地錯(cuò)誤。（8） 網(wǎng)站最大限度地實(shí)現(xiàn)易維護(hù)性和操作性。總體設(shè)計(jì)階段的基本目的是用比較抽象概括的方式確定系統(tǒng)如何完成預(yù)定的任務(wù)，也就是說，應(yīng)該確定系統(tǒng)的物理配置方案，并且進(jìn)而確定組成系統(tǒng)的每個(gè)程序的結(jié)構(gòu)。在對(duì)博客管理系統(tǒng)進(jìn)行了需求分析后，設(shè)計(jì)了系統(tǒng)的一個(gè)總體框架，如圖41，圖42所示。（說明：服務(wù)器端與客戶端相連接） 服務(wù)器系統(tǒng)管理員管理員登錄修改注冊(cè)用戶查找注冊(cè)用戶刪除注冊(cè)用戶查找管理員添加管理員修改管理員刪除管理員圖41 服務(wù)器端結(jié)構(gòu)圖 客戶端博客訪問者匿名注冊(cè)博客主頁(yè)閱讀文章發(fā)表評(píng)論發(fā)表留言注冊(cè)博客管理員管理中心類型管理文章管理評(píng)論管理鏈接管理留言管理圖片管理通信管理圖42客戶端結(jié)構(gòu)圖詳細(xì)設(shè)計(jì)階段的根本目標(biāo)是確定應(yīng)該怎么具體地實(shí)現(xiàn)所要求的系統(tǒng)，也就是說，經(jīng)過這個(gè)階段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的精確描述，從而在編碼階段可以把這個(gè)描述直接翻譯成用某種程序設(shè)計(jì)語(yǔ)言書寫的程序系統(tǒng)的運(yùn)行環(huán)境和調(diào)試。在博客首頁(yè)的設(shè)計(jì)中，主要應(yīng)用了母板頁(yè)技術(shù)。網(wǎng)站導(dǎo)航條、用戶登陸注冊(cè)等內(nèi)容設(shè)計(jì)在了模板頁(yè)中；而首頁(yè)的主要內(nèi)容包括博客文章類別列表、友情鏈接列表和推薦文章列表等，首頁(yè)右側(cè)主要顯示博客文章的列表，具體包括博客文章的標(biāo)題、文章摘要、文章發(fā)表時(shí)間和文章評(píng)論及閱讀次數(shù)。博客首頁(yè)運(yùn)行結(jié)果如圖43所示。圖43 博客首頁(yè) 本模塊使用的數(shù)據(jù)表有：ST_news，ST_class，ST_reply，ST_link。實(shí)現(xiàn)過程如下：（1）在應(yīng)用程序中新建一個(gè)Web窗體，，并設(shè)置為起始頁(yè)。（2）在頁(yè)面中添加一個(gè)Table（表格）控件為整個(gè)頁(yè)面布局。從“工具箱”選項(xiàng)卡中拖放一個(gè)GirdView控件、1個(gè)Calender日歷控件和2個(gè)DataList，通過屬性窗口設(shè)置控件的屬性。在Page_Load事件中通過調(diào)用NewBlog_Bind方法從數(shù)據(jù)庫(kù)中獲取信息填充頁(yè)面。主要代碼如下：protected void Page_Load(object sender, EventArgs e) { // 在此處放置用戶代碼以初始化頁(yè)面 string ST_dns = [conStr]。 //最新推薦文章 string ST_cmd_sql = select top 10 * from ST_news where ST_n_iscmd=1 order by ST_n_date desc。 ST_myConn = new SqlConnection(ST_dns)。 SqlDataAdapter ST_classCmd = new SqlDataAdapter(select ST_c_id, ST_c_name from ST_class , ST_myConn)。 SqlDataAdapter ST_cmdCmd = new SqlDataAdapter(ST_cmd_sql,ST_myConn)。 DataSet ST_classds = new DataSet()。 (ST_classds,類別列表)。 DataSet ST_cmdds = new DataSet()。 (ST_cmdds,推薦文章)。 = new DataView([0])。 ()。 = new DataView([0])。 ()。 //調(diào)用自定義NewsBlogList_Bind方法 NewsBlogList_Bind()。 if ([colors]!=null) { string ST_test = [colors].Value。 String[] ST_colorList = (new char[] { 39。,39。 })。 ST_bgcolor = ST_colorList[0]。 ST_tcolor = ST_colorList[1]。 } else { ST_bgcolor = FFDE94。 ST_tcolor = efe3ce。 } ()。 }自定義方法NewsBlogList_Bind()返回一個(gè)無(wú)返回類型的值，主要從數(shù)據(jù)庫(kù)中獲取博客文章列表相關(guān)信息。博客注冊(cè)頁(yè)主要用于新用戶注冊(cè)相關(guān)的個(gè)人信息，用戶注冊(cè)后可以對(duì)自己發(fā)表的博客文章、網(wǎng)友評(píng)論及留言等進(jìn)行管理。當(dāng)用戶單擊博客首頁(yè)中的“注冊(cè)”按鈕時(shí)，將會(huì)進(jìn)入博客注冊(cè)首頁(yè)。運(yùn)行結(jié)果如圖44所示。圖44 博客注冊(cè)首頁(yè)如果用戶同意“用戶注冊(cè)協(xié)議”，便可以單擊圖44中的“同意以上條款”按鈕，此時(shí)便可以導(dǎo)向“博客注冊(cè)資料”頁(yè)面，如圖45所示。本模塊使用的數(shù)據(jù)表有tb_Blog。實(shí)現(xiàn)過程如下：1． 設(shè)計(jì)步驟（1） 在該網(wǎng)站的Module文件下創(chuàng)建一個(gè)Web窗體。（2） 將一個(gè)表格（Table），為整個(gè)頁(yè)面進(jìn)行布局。然后，從“工具箱”/“標(biāo)準(zhǔn)”選項(xiàng)卡中拖放3個(gè)Button控件、1個(gè)TextBox控件和2個(gè)驗(yàn)證控件ValidationSummary、CompareValidator，置于該表格中。2. 實(shí)現(xiàn)代碼雙擊博客注冊(cè)頁(yè)面中的“確定”按鈕，觸發(fā)其Click事件，將用戶注冊(cè)的正確的相關(guān)信息添加至指定的數(shù)據(jù)庫(kù)表中。主要代碼如下：protected void btnOK_Click(object sender, EventArgs e) { //定義一個(gè)SqlData的新實(shí)例對(duì)象 SqlData da = new SqlData()。 //調(diào)用公共類的ExceRead方法，返回SqlDataReader類型的數(shù)據(jù) SqlDataReader read = (select * from tb_Blog where UserName=39。 + + 39。)。 //讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù) ()。 //判斷用戶是否已經(jīng)注冊(cè) if () { if ( == read[UserName].ToString()) { (script language=javascriptalert(39。對(duì)不起，該用戶已經(jīng)注冊(cè)！39。)。location=39。39。/script)。 return。 } } ()。}在博客首頁(yè)中單擊“管理員”超鏈接，彈出管理員登陸對(duì)話框，輸入正確的用戶名和密碼后，單擊“登錄”按鈕，進(jìn)入博客管理員首頁(yè)。在頁(yè)面左側(cè)顯示的是樹狀功能導(dǎo)航菜單，共有7項(xiàng)管理功能，分別為類型管理、文章管理、留言管理、評(píng)論管理、鏈接管理、通信管理和圖片管理。單擊相應(yīng)的功能超鏈接，在頁(yè)面右側(cè)將顯示相應(yīng)的鏈接信息，例如單擊“類型管理”鏈接，在頁(yè)面右側(cè)將顯示所有的文章類型，管理員可以進(jìn)行添加、修改和刪除等操作。如圖46所示。實(shí)現(xiàn)過程如下：1. 設(shè)計(jì)步驟（1） 在應(yīng)用程序中新建一個(gè)Web窗體。（2） ，并在前臺(tái)“設(shè)計(jì)”模式下分別應(yīng)用了兩個(gè)iframe框架標(biāo)記，分別命名為leftFrame(頁(yè)面左框架)和rightFrame（頁(yè)面右框架）。，實(shí)現(xiàn)博客后臺(tái)導(dǎo)航管理；頁(yè)面右框架用于顯示導(dǎo)航至的相關(guān)信息頁(yè)。2. 實(shí)現(xiàn)代碼在此內(nèi)容頁(yè)中的前臺(tái)代碼中編寫代碼如下：%@ Page Language=C MasterPageFile=~/MasterPage/ AutoEventWireup=true CodeFile= Inherits=Module_Admin_ST_type Title=Untitled Page %asp:Content ID=Content1 ContentPlaceHolderID=ContentPlaceHolder1 Runat=Server table tr td style=width: 97px。 height: 424px。 iframe src= name=leftFrame width=200 frameborder=no scrolling=no style=height: 465px。 width: 157px。 backgroundimage: url(../../Images/Skin/)。 /iframe /td td style=width: 101px。 height: 424px。 iframe src= name=rightFrame frameborder=no scrolling=no height=500 width=600 style=width: 582px。 height: 465px。 backgroundimage: url(../../Images/Skin/)。/iframe /td /tr /table/asp:Content圖46 博客管理員首頁(yè)在博客首頁(yè)中單擊“管理員”超鏈接，彈出管理員登陸對(duì)話框，輸入正確的用戶名和密碼后，單擊“登錄”按鈕，進(jìn)入博客管理員首頁(yè)。在頁(yè)面左側(cè)顯示的是樹狀功能導(dǎo)航菜單，共有7項(xiàng)管理功能。單擊“類型管理”鏈接，在頁(yè)面右側(cè)將顯示所有的文章類型，管理員可以進(jìn)行添加、修改和刪除等操作。運(yùn)行結(jié)果如圖47所示。圖47 文章類別管理首頁(yè)。在此頁(yè)面中可以對(duì)文章類型信息進(jìn)行查詢、修改、刪除和添加等基本操作，另外此頁(yè)面中還可以對(duì)數(shù)據(jù)進(jìn)行批量刪除操作。本模塊使用的數(shù)據(jù)表有tb_Blog，ST_class。1. 設(shè)計(jì)步驟（1） 在應(yīng)用程序中創(chuàng)建一個(gè)名為Blog的文件夾，在該文件夾下創(chuàng)建一個(gè)Web窗體，.（2） 將一個(gè)表格（Table），為整個(gè)頁(yè)面進(jìn)行布局。然后，從“工具箱”/“標(biāo)準(zhǔn)”選項(xiàng)卡中拖放一個(gè)GirdView控件、一個(gè)DropDownList控件、2個(gè)TextBox控件、2個(gè)CheckBox控件和4個(gè)Button按鈕控件，置于該表格中。2. 實(shí)現(xiàn)代碼。在頁(yè)面加載事件中調(diào)用ST_Type_List_bind方法從數(shù)據(jù)庫(kù)中獲取文章類型信息填充到GirdView控件中。該頁(yè)的Page_Load事件代碼如下：protected void Page_Load(object sender, EventArgs e) { //建立數(shù)據(jù)庫(kù)連接 string ST_dns = [conStr]。 ST_myConn = new SqlConnection(ST_dns)。/*判斷是否登錄*/ ST_check_Login()。if (!IsPostBack) { //調(diào)用自定義方法ST_Type_List_Bind()進(jìn)行數(shù)據(jù)綁定 ST_Type_List_Bind()。}}（1）博客文章類型的查詢?cè)诓┛臀恼骂愋偷牟樵冎兄饕獞?yīng)用了公共類SqlData中的BindData方法，另外在查詢中還利用了模糊查詢?！安樵儭卑粹o，將觸發(fā)其Click事件，通過選擇文章編號(hào)或文章類型進(jìn)行查詢。代碼如下：protected void btnSearch_Click(object sender, EventArgs e) { SqlData da = new SqlData()。 string search = 。 switch (search) { case 文章編號(hào): (, Select * From ST_class Where ST_c_id Like 39。% + + %39。and BlogID=39。 + ID + 39。)。 break。 case 文章類型: (, Select * From ST_class Where ST_c_name Like 39。% + + %39。and BlogID=39。 + ID + 39。)。 break。 default: (script lanuage=javascriptalert(39。出錯(cuò)啦！39。)。location=39。javascript:(1)39。/script)。 break。 }}（2）博客文章類型的添加“添加”按鈕，將觸發(fā)其Clink事件，添加新的文章類型。代碼如下：protected void btmAdd_Click(object sender, E