ASPNET教案4

, , , , , ,*,网络留言板,实训二,2.1 系统设计,留言板又称为留言簿或留言本，是目前网站中使用较广泛的一种与用户沟通、交流的方式。通过留言板，可收集来自用户的意见或需求信息，并可做出相应的回复，从而实现网站与客户之间及不同客户之间的交流与沟通。,2.1 系统设计,留言板是一种比较简单的应用，从功能上可分为4部分：,普通用户发表留言,普通(管理员)用户浏览留言,管理员登录后台,管理员删除、回复留言,2.1.1 用户交互页面设计,从上述需求分析，确定主要用户交互页面共4个，各页面的功能实现和说明如下：,页面,说明,default.aspx,普通(管理员)用户浏览留言、管理员删除留言,add.aspx,普通用户发表留言,login.aspx,管理员登录后台,reply.aspx,管理员回复留言,表2-1 系统页面设计及说明,2.1.2 数据库设计,系统使用的数据库名称是,liuyanban,，包括,2,个数据表：用户管理数据表,admin,、留言数据表,liuyan,。,本章学习的主要知识点,重要知识点,用户控件,数据绑定,Repeater,控件,DataList,控件,2.2 用户控件,1. 用户控件的概念,一个,Web,用户控件与一个完整的,Web,页相似，它们都包含：,一个用户页面；,一个隐藏代码文件；,用户控件在以下方面与,.,aspx,不同：,扩展名必须为,.,ascx,；,用户控件中不包含,、,和,元素。,2.2 用户控件,2. 用户控件的创建,解决方案资源管理器,右击项目名,添加新项,Web用户控件,可像编辑普通页面一样编辑.ascx文件(拖放控件、设置属性、编写代码),3. 用户控件的使用,将编好的用户控件直接拖放到页面(.aspx)即可,数据绑定,就是使控件与数据源的数据捆绑在一起，利用控件来显示数据源中的数据。,数据绑定分为简单绑定和复杂绑定。,(1),简单绑定：,将一个控件绑定到单个数据元素上。(TextBox、Label等),(2),复杂绑定：,将一个控件绑定到数据库中的多条记录，或绑定到多个任何其它类型的可绑定数据元素。(GridView、Repeater、DataList、 ListBox、 DropDownList、RadioButtonList、CheckBoxList等),2.3 数据绑定,进行数据绑定的3个步骤：,(1) 准备好数据源。,简单变量,表达式或方法返回值,数组,数据库（,DataSet,、,DataReader,对象等）,(2),设置数据绑定显示控件的数据源。,(3),调用控件或,Page,对象的,DataBind,( ),方法完成绑定。,2.3 数据绑定,1. 简单绑定,使用绑定表达式,格式：,例：,例：,2.3 数据绑定,使用DataBinder类,格式：,其中，,source,为数据容器对象，如DataSet、DataTable、,DataView、Container.DataItem等；,item,为数据字段，即数据表中的哪一列；,format,是一可选项，用于指定item的格式。,2.3 数据绑定,2. 复杂绑定,把,控件,的：,DataSource,属性设为数据集 (DataSet或DataReader对象)；,DataMember,属性设为数据表；,DataTextField,属性设为数据表中的相应列。,注：,无论是简单绑定还是复杂绑定，最后都要调用控件的,DataBind( ),方法或Page的,DataBind( ),方法，完成最后的绑定工作。,2.3 数据绑定,例：,DropDownList1.DataSource=ds;,DropDownList1.DataMember=xs;,DropDownList1.DataTextField=name;,DropDownList1.DataBind();,2.3 数据绑定,ASP.NET提供了3个可以方便地显示大量数据的控件：,Repeater,DataList,GridView,这三个控件都是是,复杂绑定控件,，绑定方法与 GridView相同。但Repeater和DataList控件的显示数据方式与DataGrid控件有一定区别，它们通过,模板,显示绑定数据。,2.4 数据绑定控件,Repeater支持的模板有：,ItemTemplate(项模板),AlternatingItemTemplate (交替项模板),HeaderTemplate (页眉模板),FooterTemplate (页脚模板),SeparatorTemplate (分隔模板),通过这些模板可以控制数据的输出格式。,例：Repeater,2.4.1 Repeater控件,模 板,说 明,ItemTemplate,设置Repeater控件如何显示数据源的每一个数据项，该模板不可省略。,AlternatingItemTemplate,设置,Repeater,控件以,交替的方式显示数据源的数据项，与ItemTemplate类似。,HeaderTemplate和,FooterTemplate,设置页眉和页脚部分需要显示的内容。,SeparatorTemplate,设置每行之间的分隔符,Repeater控件模板,2.4.1 Repeater控件,可使用DataBinder类的Eval( )方法将数据绑定到模板,例：,2.4.1 Repeater控件,DataList控件用法与Repeater控件类似，也是通过模板显示绑定数据，但其功能更强大，使用更方便，可以对模板进行可视化的编辑。,2.4.2 DataList控件,1.DataList支持的模板有：,ItemTemplate(项模板),AlternatingItemTemplate (交替项模板),HeaderTemplate (页眉模板),FooterTemplate (页脚模板),SeparatorTemplate (分隔模板),SelectItemTemplate(选择模板),EditItemTemplate(编辑模板),通过这些模板可以控制数据的输出格式。,2.4.2 DataList控件,模 板,说 明,SelectItemTemplate,设置当用户选取DataList控件中的某一项时显示该项的方式。,EditItemTemplate,设置DataList控件中的项被设置为编辑模式时所要采用的配置。,DataList控件模板,2.4.2 DataList控件,2.4.2 DataList控件,2.DataList与绑定相关的属性:,DataKeyField,:获取或设置DataSource指定的数,据源中的键字段。,DataKeys,:获取存储数据列表中的每个记录的键,值。,DataMember,:获取或设置多成员数据源中要绑定,到数据列表中的特定数据成员。,DataSource,:获取或设置数据源。,3.DataList控件的事件：,CancelCommand,DeleteCommand,EditCommand,ItemCommand,UpdateCommand,SelectedIndexChanged,ItemCreated,ItemDataBound,2.4.2 DataList控件,2.4.2 DataList控件,DataList可以执行分页是基于PagedDataSource类实现的，使用PagedDataSource类同样可以实现DataList和Reapeater控件的分页显示。,PagedDataSource类与分页相关的主要属性：,AllowPaging：获取或设置是否启用分页。,CurrentPageIndex：获取或设置当前页的索引。,DataSourceCount：获取数据源中的项数。,PageSize：获取或设置要在单页上显示的项数。,例P135-137,2.4.2 DataList控件,5.DataList控件中的删除、更新、取消、选择,命令按钮的CommandName该属性可以分别设置为Cancel 、Delete、 Edit 、Select 、Update，分别表示取消、删除、编辑、选择和修改命令名。,对应触发DataList控件的,CancelCommand、DeleteCommand、EditCommand、 SelectedIndexChanged,、,UpdateCommand 事,件,关键：取主键,删除方法一,在DataList控件中实现删除是通过设置LinkButton的,CommandName,属性为Delete，并触发DataList控件的,DeleteCommand,事件来实现的。,DataList1.DataKeyField = “ID”;,/设置主键字段,DataList1_DeleteCommand代码：,string userID=,this.DataList1.,DataKeyse.Item.ItemIndex.,ToString();,/取主键值,cmd.CommandText =,delete from liuyan where ID= +user ID + ;,删除方法二,设置“删除”按钮的,CommandArgument,属性，为按钮添加,OnCommand,事件。代码：,asp:LinkButton,ID=,lbtnDelete,runat,=server,CommandArgument,=,OnCommand,=,lbtnDelete_Command,删除,lbtnDelete_Command,事件代码：,string,userID,=,e.CommandArgument.,ToString,();,=,delete from,liuyan,where ID= +,userID,+ ;,P136,代码,4-21,删除方法二,确认删除,如果需要弹出删除确认对话框，则需要使用DataList的,ItemDataBound,事件，代码如下：,LinkButton dele = (LinkButton)(e.Item.FindControl(lbtnDelete);,if (dele != null),dele.Attributes.Add(onclick, return confirm(确认删除吗？);,2.4.2 DataList控件,单击DataList中的命令按钮触发DataList控件的,ItemCommand事,件。,一般CommandName属性,不为,Cancel 、Delete、 Edit 、Select 、Update可使用ItemCommand事件处理。,