《ASP NET 3.5從基礎(chǔ)到項(xiàng)目實(shí)戰(zhàn)》課件第16章 留言本

第16章留言本

學(xué)習(xí)了ASP.NET3.5基礎(chǔ)知識后，就需要使用這些知識來進(jìn)行項(xiàng)目開發(fā)工作，本章將創(chuàng)建一個(gè)簡單的留言本項(xiàng)目，以方便讀者學(xué)習(xí)。留言本在網(wǎng)站開發(fā)中具有重要的作用，一般類型的網(wǎng)站都具有留言本功能，這樣可以方便客戶與商家的溝通，特別是對于商貿(mào)類型的網(wǎng)站具有重要的意義。章節(jié)內(nèi)容16.1系統(tǒng)分析16.2系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)16.3客戶留言模塊16.4留言列表模塊16.5后臺管理模塊16.1系統(tǒng)分析

1．功能需求分析本章中實(shí)現(xiàn)的留言本主要包括以下幾個(gè)基本功能模塊：（1）客戶留言模塊。（2）留言列表模塊。（3）留言管理模塊。16.1系統(tǒng)分析

2．?dāng)?shù)據(jù)庫需求分析根據(jù)系統(tǒng)的設(shè)計(jì)目標(biāo)，系統(tǒng)需要具有客戶留言、留言列表、留言管理等功能。下面從數(shù)據(jù)庫需求方面分析該系統(tǒng)功能。（1）客戶留言功能。（2）留言列表功能。（3）留言管理功能。16.1系統(tǒng)分析

3．環(huán)境需求分析（1）網(wǎng)站開發(fā)環(huán)境操作系統(tǒng)：WindowsXP（SP2）/Windows2000（SP4）/WindowsServer2003（SP1）。開發(fā)環(huán)境支持平臺：Microsoft.NETFramework3.5。開發(fā)工具：VisualStudio.NET2008集成開發(fā)環(huán)境。開發(fā)數(shù)據(jù)庫：SQLServer2005。開發(fā)語言：ASP.NET3.5。16.1系統(tǒng)分析

3．環(huán)境需求分析（2）服務(wù)器端運(yùn)行環(huán)境操作系統(tǒng)：WindowsXP（SP2）/Windows2000（SP4）/Windows2003Server（SP1）。Web服務(wù)：IIS5.0以上版本+Frontpage2000服務(wù)器擴(kuò)展。開發(fā)環(huán)境支持平臺：Microsoft.NETFramework3.5。數(shù)據(jù)庫服務(wù)器：SQLServer2005。數(shù)據(jù)庫訪問組件：MDAC2.7。瀏覽器：InternetExplorer6.0及以上。16.1系統(tǒng)分析

3．環(huán)境需求分析（3）客戶端運(yùn)行環(huán)境瀏覽器：InternetExplorer6.0及以上。分辨率：最佳效果1024×768像素。16.2系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)16.2.1模塊設(shè)計(jì)16.2.2系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)留言信息表

字段中文描述數(shù)據(jù)類型是否為空id留言編號Int主鍵否Name姓名Varchar(20)否Emails郵箱Varchar(50)否Contents留言內(nèi)容text否Datatimes留言時(shí)間datatime否16.2.2系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)創(chuàng)建messages表CREATETABLE[dbo].[messages]( [id][int]IDENTITY(1,1)NOTNULL, [name][varchar](20)NOTNULL, [emails][nchar](50)NOTNULL,[contents][text]NOTNULL, [datatimes][datetime]NOTNULLCONSTRAINT[DF__mes__time__7D78A4E7]DEFAULT(getdate()),CONSTRAINT[PK__mes__7C8480AE]PRIMARYKEYCLUSTERED([id]ASC)WITH(PAD_INDEX=OFF,STATISTICS_NORECOMPUTE=OFF,IGNORE_DUP_KEY=OFF,ALLOW_ROW_LOCKS=ON,ALLOW_PAGE_LOCKS=ON)ON[PRIMARY])ON[PRIMARY]TEXTIMAGE_ON[PRIMARY]16.3客戶留言模塊此模塊是客戶進(jìn)行留言的窗口，客戶可以在其中輸入姓名、郵箱和留言內(nèi)容，然后單擊“提交”按鈕即可。（1）功能?？蛻舯４媪粞孕畔?。（2）數(shù)據(jù)流程。主要是對留言信息表進(jìn)行操作。（3）具體界面設(shè)計(jì)。16.3客戶留言模塊客戶留言板塊16.3客戶留言模塊留言成功提示頁面16.3客戶留言模塊（4）具體要求和注意事項(xiàng)。注意表單中要提供驗(yàn)證留言者姓名、郵箱是否為空的表單驗(yàn)證代碼。（5）所運(yùn)用到的知識點(diǎn)。1）文本框控件、驗(yàn)證控件和按鈕控件。2）通過ADO.NET連接數(shù)據(jù)庫、查詢數(shù)據(jù)庫。16.3客戶留言模塊當(dāng)用戶單擊提交按鈕的時(shí)候，會將用戶填寫的留言信息提交到數(shù)據(jù)庫中存儲，提交按鈕的操作代碼如下。1protectedvoidbtSub_Click(objectsender,EventArgse)2{3stringname=this.tbName.Text;4stringemails=this.tbMail.Text;5stringcontent=this.tbMessage.Text;6stringSqlStr="insertintomessages(name,emails,contents)values('"+name+"','"+emails+"','"+content+"')";7intn;8if(this.RequiredFieldValidator1.IsValid==true&&this.RequiredFieldValidator2.IsValid==true&&this.RegularExpressionValidator1.IsValid==true)16.3客戶留言模塊9{判斷所有驗(yàn)證控件是否都處于正常狀態(tài)，也就是用戶輸入的信息是合法的10n=DBManage.Command(SqlStr);11if(n>0)12{13Response.Redirect("showMessage.aspx?news=恭喜，留言成功！");14}15}16this.tbName.Text="";17this.tbMessage.Text="";18this.tbMail.Text="";19}16.3客戶留言模塊在客戶留言頁面中還提供了清空按鈕，用來清空用戶當(dāng)前輸入的留言內(nèi)容，其代碼如下。1protectedvoidbtNum_Click(objectsender,EventArgse)2{3this.tbName.Text="";4this.tbMessage.Text="";5this.tbMail.Text="";6}16.4留言列表模塊在留言列表板塊中，將客戶歷史留言呈現(xiàn)到前臺頁面中，客戶可以在這里查看自己和其他用戶的歷史留言。（1）功能。顯示用戶留言。（2）數(shù)據(jù)流程。主要是對留言信息表進(jìn)行操作。（3）具體界面設(shè)計(jì)。16.4留言列表模塊留言列表模塊（4）所運(yùn)用到的知識點(diǎn)。1）GridView控件和下拉列表控件。2）通過ADO.NET連接數(shù)據(jù)庫、查詢數(shù)據(jù)庫。16.4留言列表模塊在留言列表自定義窗體中，最值得注意的地方是DataList控件的分頁方法，下面針對分頁的Button控件和DropDownList控件的事件進(jìn)行詳細(xì)講解。1protectedvoidButton1_Click(objectsender,EventArgse)2{3this.Label1.Text="1";4this.DropDownList1.SelectedIndex=Convert.ToInt32(this.Label1.Text);5BindData();6}7protectedvoidButton2_Click(objectsender,EventArgse)8{16.4留言列表模塊9this.Label1.Text=Convert.ToString(Convert.ToInt32(this.Label1.Text)-1);10this.DropDownList1.SelectedIndex=Convert.ToInt32(this.Label1.Text);11BindData();12}13protectedvoidButton3_Click(objectsender,EventArgse)14{15this.Label1.Text=Convert.ToString(Convert.ToInt32(this.Label1.Text)+1);16BindData();17}18protectedvoidButton4_Click(objectsender,EventArgse)19{20this.Label1.Text=this.temp.Text;16.4留言列表模塊2122BindData();23}24protectedvoidDropDownList1_SelectedIndexChanged(objectsender,EventArgse)25{26this.Label1.Text=Convert.ToString(Convert.ToInt32(this.DropDownList1.SelectedIndex)+1);27BindData();28}16.6留言管理模塊管理員可以在此模塊中查看用戶的留言信息，從而方便商家與用戶聯(lián)系，同時(shí)也可以通過刪除按鈕，來刪除過時(shí)的留言和一些不良的留言信息。（1）功能。管理員可以在此模塊中查看用戶的留言信息。（2）數(shù)據(jù)流程。主要是對留言信息表進(jìn)行操作。（3）具體界面設(shè)計(jì)。16.6留言管理模塊留言管理模塊（4）所運(yùn)用到的知識點(diǎn)。1）GridView控件和按鈕控件。2）通過ADO.NET連接數(shù)據(jù)庫、查詢數(shù)據(jù)庫。16.6留言管理模塊留言管理頁面的名稱為adminIndex.aspx，在此為了便于測試，沒有設(shè)計(jì)用戶登錄模塊，直接訪問此頁面就可以對留言內(nèi)容進(jìn)行管理。留言管理頁面實(shí)現(xiàn)了留言信息的留言和刪除操作，方便管理員對留言本中的留言信息進(jìn)行管理。用來呈現(xiàn)用戶留言信息的控件是GridView控件，在此控件中顯示了用戶的姓名、郵箱、留言時(shí)間、留言內(nèi)容和刪除信息。adminIndex.aspx頁面的設(shè)計(jì)代碼如下。16.6留言管理模塊1<tablealign="center"cellpadding="0"cellspacing="0"class="style1">2<tr>3<tdstyle="height:50px;font-size:16pt;font-family:Arial,@宋體;"align="center">4留言管理頁面</td>5</tr>6<tr>7<td>8<asp:GridViewDataKeyNames="id"ID="GridView1"runat="server"AutoGenerateColumns="False"9CellPadding="4"ForeColor="#333333"GridLines="None"AllowPaging="True"10onpageindexchanging="GridView1_PageIndexChanging"11onrowdeleting="GridView1_RowDeleting"PageSize="5">16.6留言管理模塊12<PagerSettingsFirstPageText="首頁"LastPageText="尾頁"NextPageText="下一頁"13PreviousPageText="上一頁"/>14<FooterStyleBackColor="#507CD1"Font-Bold="True"ForeColor="White"/>15<RowStyleBackColor="#EFF3FB"/>16<Columns>17<asp:TemplateFieldHeaderText="姓名"SortExpression="name">18<EditItemTemplate>19<asp:TextBoxID="TextBox1"runat="server"Text='<%#Bind("name")%>'></asp:TextBox>20</EditItemTemplate>21<ItemTemplate>22<asp:LabelID="Label1"runat="server"Text='<%#Bind("name")%>'></asp:Label>16.6留言管理模塊23</ItemTemplate>24<ItemStyleWidth="100px"/>25</asp:TemplateField>26<asp:TemplateFieldHeaderText="郵箱"SortExpression="emails">27<EditItemTemplate>28<asp:TextBoxID="TextBox2"runat="server"Text='<%#Bind("emails")%>'></asp:TextBox>29</EditItemTemplate>30<ItemTemplate>31<asp:LabelID="Label2"runat="server"Text='<%#Bind("emails")%>'></asp:Label>32</ItemTemplate>33<ItemStyleWidth="100px"/>16.6留言管理模塊34</asp:TemplateField>35<asp:TemplateFieldHeaderText="留言時(shí)間"SortExpression="datatimes">36<EditItemTemplate>37<asp:TextBoxID="TextBox3"runat="server"Text='<%#Bind("datatimes")%>'></asp:TextBox>38</EditItemTemplate>39<ItemTemplate>40<asp:LabelID="Label3"runat="server"Text='<%#Bind("datatimes")%>'></asp:Label>41</ItemTemplate>42<ItemStyleWidth="100px"/>43</asp:TemplateField>44<asp:TemplateFieldHeaderText="內(nèi)容"SortExpression="contents">45<EditItemTemplate>16.6留言管理模塊46<asp:TextBoxID="TextBox4"runat="server"Text='<%#Bind("contents")%>'></asp:TextBox>47</EditItemTemplate>48<ItemTemplate>49<asp:LabelID="Label4"runat="server"Text='<%#Bind("contents")%>'></asp:Label>50</ItemTemplate>51<ItemStyleWidth="400px"/>52</asp:TemplateField>53<asp:CommandFieldHeaderText="刪除"ShowDeleteButton="True"ShowHeader="True">54<ItemStyleWidth="100px"/>55</asp:CommandField>56</Columns>16.6留言管理模塊57<PagerStyleBackColor="#2461BF"ForeColor="White"HorizontalAlign="Center"/>58<SelectedRowStyleBackColor="#D1DDF1"Font-Bold="True"ForeColor="#333333"/>59<HeaderStyleBackColor="#507CD1"Font-Bold="True"ForeColor="White"/>60<EditRowStyleBackColor="#2461BF"/>61<AlternatingRowStyleBackColor="White"/>62</asp:GridView>63</td>64</tr>65</table>16.6留言管理模塊接下來分析一下GridView控件的數(shù)據(jù)綁定方法。對于GridView控件的數(shù)據(jù)綁定最好放在獨(dú)立的方法中，這樣可以方便程序的重復(fù)使用，這里使用名為databind()方法來實(shí)現(xiàn)GridView控件的數(shù)據(jù)綁定操作，代碼如下。1publicvoiddataBind()2{3SqlDataAdaptersda=newSqlDataAdapter();4sda.SelectCommand=newSqlCommand("select*frommessagesorderbyiddesc",DBManage.GetConnection());5DataSetds=newDataSet();6sda.Fill(ds,"dsmes");7GridView1.DataSource=ds;8GridView1.DataBind();9}16.6留言管理模塊在實(shí)現(xiàn)了GridView控件的數(shù)據(jù)綁定操作，接下來講解一下GridView控件的翻頁功能的實(shí)現(xiàn)。GridView控件的翻頁功能可以使用PageIndexChanging事件來實(shí)現(xiàn)，GridView控件的翻頁代碼如下。1protectedvoidGridView1_PageIndex