【文章內(nèi)容簡介】 Pcontent Ntext [not null] 公告內(nèi)容 4 詳細(xì)設(shè)計 網(wǎng)站界面設(shè)計 網(wǎng)站界面，即網(wǎng)站門戶，為所有用戶提供一個信息操作平臺。網(wǎng)站注冊用戶，從此頁登錄進(jìn)入自己個人空間；網(wǎng)站普通用戶，在此瀏覽站內(nèi)注冊用戶基本信息，文章信息及發(fā)表對文章的評論，還可在此注冊成為網(wǎng)站注冊用戶。網(wǎng)站門戶分三個界面：首頁（網(wǎng)站主頁）、博客瀏覽界面、文章閱讀界面。 首頁界面設(shè)計 A 功能描述 網(wǎng)站首頁，提供用戶登錄、網(wǎng)站管理員登錄入口。顯示最新七位注冊用戶主要信息及最具人氣的十八篇文章 的主要信息，并顯示網(wǎng)站公告。 B 界面設(shè)計 利用表格布局 設(shè)計界面 ，主要由兩部分組成：登錄和信息顯示。 登錄：用戶登錄及管理員登錄入口。用戶登錄：在對應(yīng)表格里添加兩個Textbox，以便輸入用戶名和密碼。添加 Button 按鈕，在其 Click 事件下編程實現(xiàn)身 份 驗證。管理員登錄 ， 在對應(yīng)另一表格內(nèi)添加一個 LinkButton，在 該LinkButton 的 Click 事件下編程導(dǎo)向管理員登錄頁面。 顯 示 ： 主 要 顯 示 相 片 、 姓 名 、 出 生 年 月 等 信 息 。 添 加 一 個Datagride(DataGridBlog)，利用 DataGridBlog 邦定列和模板列編程顯示。相片和姓名設(shè)置成頁面間傳值的連接形式，以實現(xiàn)點擊用戶相片或姓名即可查看對應(yīng)用戶的詳細(xì)信息 、 最具人氣文章的標(biāo)題和內(nèi)容的部分文字。添加一個 Datagride 控件命名為： DataGridArticle，利用 其 模板列來顯示文章的標(biāo)題和內(nèi)容的部分文字。將 文章的內(nèi)容部分設(shè)置成頁面間傳值的連接形式，以便點擊文章內(nèi)容可以查看文章詳細(xì)信息。站內(nèi)公告信息的顯示， 通過 添加一個 Label 控件， 利用程序 直接從數(shù)據(jù)庫表 “Publish”中讀出公告內(nèi)容顯示于首頁，本頁具體運行效果如 圖 41 所示。 圖 41 網(wǎng) 站首頁運行效果圖 C 核心代碼 //綁 定最新注冊的 7位用戶基本信息到 DataGridBlog private void BindToDataGridBlog() { DbTools tool=new DbTools()。 SqlConnection con=()。 ()。 SqlCommand =new SqlCommand(select top 7 * from User_info order by U_ID desc,con)。 SqlDataReader sdr=()。 =sdr。 ()。 } //用戶登錄功能的實現(xiàn) private void btnLoad_Click(object sender, e) { DbTools tool=new DbTools()。 if(()) { if((,)) { SqlConnection con=()。 ()。 SqlCommand =new SqlCommand(select U_ID from User_info where U_LoadName=39。++39。,con)。 int uID=(())。 Session[uID]=uID。 (?uID=+uID)。 } else { =密碼不正確 。 } } else { =用戶名不存在 。 } } 個人主頁界面設(shè)計 功能描述 個人主頁，該界面是重用的頁面上顯示注冊用戶基本信息、發(fā)表的文章信息、及文章相關(guān)評論信息。登錄用戶主頁，該界面除有基本信息和已發(fā)布文章外，還提供對基本信息編輯和文章管理功能等入口，即相當(dāng)于一個小型控件面板。對于瀏覽用戶，該頁面僅是信息瀏覽頁面，而操作功能被屏蔽，僅對其提供評論文章功能。 界面設(shè)計 采用表格進(jìn)行布局。 該頁主要分二大部分：功能操作、信息顯示。 功能操作：用戶對個人信息編輯、個人文章管理及對文章評論管理和博管模版切換。通過 LinkButton 頁面?zhèn)髦盗砥痦撁婢幊虒崿F(xiàn)。編輯個人基本信息、聯(lián)系方式等是通過 LinkButton 編程實現(xiàn)。更改相片、我的主頁、發(fā)表文章、修改密碼都要考慮頁面間傳值的問題，因此也是通過 LinkButton 并改了 LinkButton的外觀提供管理入口的。 信息顯示部分：該頁主要顯示用戶個人信息、最新發(fā)表的一篇文章的基本信息及該文章的最近三條評論、用戶發(fā)表的所有文章。頁面初始化時，加載用戶信息到相應(yīng)的位置。個人基本信息如：站內(nèi) ID、注冊日期、姓名等通過重命名控件 Lalel 顯示。頁面會判斷用戶是否有文章，若有就會顯示出最新發(fā)表的一篇文章，并在此添加一個 LinkButton，利用其 Clickg 事件編程實現(xiàn)編輯文章功能，方便用戶直接編輯這一篇文章。緊接著文章下面，拖入一個 DataList，以顯示這篇文章的評論（只顯示最近的三條）。并把評論內(nèi)容做成頁面間傳值的連接，用戶點擊，便可查看和管理該篇文章的所有評論。然后，拖入一個 DataGrid，用以顯示用戶發(fā)表的所有文章，主要顯示給普通用戶以便閱讀。 DataGrid 設(shè)置分頁功能，每一頁顯示 5 篇文章的標(biāo)題和內(nèi)容的一部分。點擊內(nèi)容便可查看文章的詳細(xì)內(nèi)容和評論信息。 在個人主頁，提供了兩個博客模版。通過拖入兩個 LinkButton 編程實現(xiàn)。 本頁具體運行效果見圖 42。 圖 42 用戶個人主頁運行效果圖 核心代碼 //讀出文章評論 private void DataBindToList() { DbTools tool=new DbTools()。 SqlConnection con=()。 SqlDataAdapter sda=new SqlDataAdapter()。 =new SqlCommand(select top 3 * from Remark_info where Remark_Essay_ID=+(Session[ArticleID])+ order by Remark_ID desc,con)。 DataSet ds=new DataSet()。 (ds,Remark)。 =[Remark]。 ()。 } //顯示該用戶所有文章 private void DataBindToGrid() { DbTools tool=new DbTools()。 SqlConnection con=()。 SqlDataAdapter sda=new SqlDataAdapter()。 =new SqlCommand(select * from Essay_info where Ei_authorID=+(Request[uID])+ order by Ei_ID desc,con)。 DataSet ds=new DataSet()。 (ds,Myatl)。 =[Myatl].DefaultView。 ()。 } 用戶功能界面設(shè)計 用戶功能包括更改相片、修改密碼、修改個人基本信息、修改個人聯(lián)系方式、編輯文章、管理評論，各功能實現(xiàn)對應(yīng)不同處理界面。系統(tǒng)中修改密碼、個人基本 信息及個人聯(lián)系方式實現(xiàn)方法和界面設(shè)計基本相同，因此主要介紹更改相片、修改個人基本信息、編輯文章和管理文章的評論界面設(shè)計。 更改相片 A 功能描述 用戶更改相片由刪除當(dāng)前相片和更改相片組成。若刪除當(dāng)前相片，則刪除后顯示系統(tǒng)默認(rèn)的圖片。 B 界面設(shè)計 利用表格布局進(jìn)行設(shè)計。左邊表格拖入一個 Image 控件，顯示用戶的原始相片（頁面初始化加載時從數(shù)據(jù)庫中讀出用戶相片的相對路徑），右邊表格里，用一個 File 控件，讓用戶選擇新的相片。利用二個 Button 對 Click 事件編程實現(xiàn)刪除當(dāng)前相片、更新相片的功能。該界面具體運 行效果如圖 43 所示。 圖 43 更改相片界面運行效果圖 C 核心代碼 //更改相片代碼 private void btnLoad_Click(object sender, e) { ((uPhoto)+\\+Session[uID].ToString()+)。 =uPhoto\\+Session[uID].ToString()+。 DbTools tool=new DbTools()。 if(((Session[uID]),ng())) { =h3相片更改成功！ /h3。 } else { =h3相片更改失??！ /h3。 } } 修改個人基本信息 A 功 能描述 此頁功能包括：添加、修改、刪除個人基本信息等。 B 界面設(shè)計 利用表格布局進(jìn)行設(shè)計。在對應(yīng)的表格中，添加 Textbox、 RadioButton，分別用于顯示用戶的原始信息和輸入用戶的新信息。添加 Button 按鈕，利用它的Click 事件編程實現(xiàn)基本信息修改。該功能實現(xiàn)運行效果如圖 44 所示。 圖 44 修改個人基本信息運行效果圖 C 核心代碼 private void btnYes_Click(object sender, e) { Musers user=new Musers()。 DbTools tool=new DbTools()。 =。 if() { =男 。 } else { =女 。 } =。 =。 =。 =。 if((([uID]),user)) { =h3個人信息修改成功！ /h3。 } else { =h3個人信息修改失??！ /h3。 } } 編輯文章 A 功能描述 此頁 提供文章修改和刪除功能。 B 界面設(shè)計 利用表格布局進(jìn)行設(shè)計。在相應(yīng)的表格中，添加 Textbox 用于顯示修改前的文章標(biāo)題、摘要和內(nèi)容。添加 DorpDownList 綁定文章的類型，供用戶選擇。添加 Button 按鈕，在 Button 的 Click 事件下編程實現(xiàn)文章的修改和刪除操作。其運行效果如圖 45 所示。 圖 45 修改文章界面圖 C 核心代碼 //文章的修改 private void btnEdit_Click(object sender, e) { DbTools tool=new DbTools()。 Article atl=new Article()。 =。 =。 =()。 =()。 =(Request[ArticleID])。 =。 if((atl)) { =文章修改成功！ 。 } else { =文章修改失??！ 。 } } 管理評論 A 功能描述 此頁提供用戶刪除文章評論的功能。 B 界面設(shè)計 利用表格布局進(jìn)行設(shè)計。添加 DataGrid 控件，利用其模板列，顯示評論者名字和評論時間。 DataGridgm 再添加一列 Button 列中的“刪除” Button,編程實現(xiàn)刪除操作。具體運行效果如圖 46 所示。 C 核心代碼 private void DataGrid1_DeleteCommand(object source, e) { int RemarkID=([])。 DbTools tool=new DbTools()。 if((RemarkID)) { if((==)amp。amp。mIndex==0) { =。 } } else { (失敗 !)。 } ()。 } 圖 46 評論管理運行效果圖 管理員界面設(shè)計 功能描述 網(wǎng)站管理員功能主要包括：發(fā)布站內(nèi)部公告、刪 除站內(nèi)部公告、管理網(wǎng)站管理員、管理站內(nèi)的用戶、文章、評論信息。 管理用戶包括搜索用戶、查看和刪除用戶基本信息，管理文章包括添加和刪除文章類型、搜索文章、查看和刪除文章基本信息，管理評論包括查看評論基本信息和刪除評論。管理網(wǎng)站管理員包括添加、刪除其他網(wǎng)站管理員和查詢，方便網(wǎng)站管理員的管理工作。 界面設(shè)計 管理員功能實現(xiàn)主要通過對數(shù)據(jù)庫中各表直接操作實現(xiàn)，操作的表包括：User_info、 Essay_info、 Remark_info、 Essay_type、 Login、 publish。每一張表對應(yīng)各自 的 DataGrid 以顯示出其中主要內(nèi)容。 利用表格布局進(jìn)行設(shè)計。該界面主要由兩部分組成：操作按鈕和信息顯示。左邊的表格分別設(shè)置六個 LinkButton，對應(yīng)：用戶管理、網(wǎng)站管理員、文章管理、文章類型管理、評論管理及發(fā)布公告。利用 LinkButton 的 Click 事件編程實現(xiàn)顯示各自控制界面。信息顯示：頁面初始化加載，僅綁定用戶的主要信息顯示出來。用戶主要信息的顯示通過 DataGrid 編程實現(xiàn)且分頁顯示。刪除用戶功能，對DeleteConmand 編程實現(xiàn)。其他的管理和顯示均是通過對應(yīng) DataGrid 利用相同方式實現(xiàn)。用戶和文章的查詢功能，添加一個 DropDownList、 Textbox 和一個 Button按鈕。利用 DrowDownList 選