NET网站开发项目化教程PPT单元设计6-1 实现用户注册的省市选择功能

PAGEPAGE1《ASP.Net应用开发》课程单元教学设计6_1教学单元实现用户注册的省市选择功能授课班级授课学时课时授课日期年月日第周周第节授课教师授课地点教学目标知识目标数据源、数据源控件、数据绑定技术、常用控件的数据绑定(RadioButtonList控件、DropDownList控件)能力目标能够熟悉应用数据源控件实现常用控件的数据绑定素质目标规范管理能力;自我学习能力;相互协作能力。教学重点应用数据源控件实现常用控件的数据绑定教学难点常用的数据绑定技术，常用控件的数据绑定。能力训练任务或案例实现用户注册的省市选择功能教学策略(教学方法与组织形式)1.课件：根据本节课程设计的内容及教学计划，逐步展现知识点。2.板书：针对学生在学习和练习过程中出现的问题，进行补充讲解。调节课堂节奏，给学生思考的时间。3.教师程序编写：让学生体验实现用户注册的省市选择功能，与所学知识点一一对应，加深理解。4.问答：就一些知识点的灵活性与学生进行问答互动。5.就（3）和（4）中同学们的表现给出部分平时分，为了鼓励同学们的参与积极性，参与者加1分，答对者加2-3分。课后练习实现省份城市的级联效果(省、城市均保存在数据表中)。教学后记教学过程教学引入：讨论：怎么让数据库中的数据显示在已经学过的常见控件(如RadioButtonList控件、DropDownList控件)上?教学内容：6.1数据绑定概述6.1.1什么是数据绑定数据绑定是一种自动将数据按照指定格式显示到界面上的技术。数据绑定技术分为简单数撂绑定和复杂数据绑定两类。6.1.2Eval()和Bind()方法Eval()和Bind()方法是数据绑定的两种重要方法。1.Eval()方法其语法格式如下：<%#Eval(属性名称)%>例如：<asp:LabelID=”st_idLabel”runat=serverText=<%#Eval(“st_id”)%>/>上述代码将st_id字段的值绑定到Label控件st_idLabel的Text属性上。发布时间:<%#Eval(“DateTime”,”{0:yyyy-mm-dd,hh:mm:ss}”)%>上述代码将DateTime字段的值以“年-月-日，时:分:秒”的格式呈现在浏览器上。2.Bind()方法语法格式与Eval方法的类似：<%#Bind(属性名称)%>/>例如：<asp:TextBoxID="st_nameTextBox"runat="server"Text='<%#Bind("st_name")%>'/>上述代码将st_name字段的值绑定到TextBox控件st_nameTextBox的Text属性上。6.2数据绑定语法6.2.1简单数据绑定简单数据绑定一般只绑定单个值到某个控件，所以数据源可以是变量、表达式、方法、控件的属性等，下面分别对它们进行讲解。1.绑定变量其语法格式如下：<%#简单变量名%>【示例6-1】绑定变量的应用演示。把存放在变量中的登录名和登录时间绑定到页面中的Label控件并在页面上显示出来。2.绑定表达式语法格式如下：<%#表达式%>【示例6-2】实现总金额的计算。本示例实现将单价和数量相乘的结果绑定到Label控件上。图6-2实现总金额的计算3.绑定方法语法格式如下：<%#方法%>【示例6-3】求两个数的四则运算结果。本示例通过求两个数的四则运算结果演示将方法的返回值绑定到控件属性上。图6-3求两个数的四则运算简单数据绑定需要注意以下几点：1)数据绑定表达式不会自动计算它的值，除非它所在的页或者控件显示地调用了DataBind()方法，DataBind()方法能够将数据源绑定到被调用的服务器控件及其所有子控件。DataBind()是Page和所有服务器控件的方法，通常在Page_Load事件中被调用。可将上例中的Page.DataBind();语句注释掉，再看一下运行结果。2)绑定变量和方法的返回值时，该变量和方法必须声明为public或protected类型，否则会提示错误：“╳╳╳不可访问”，因为它受保护级别限制。3)如果数据绑定表达式中使用了双引号，则<%#数据源%>的最外层要用单引号，否则会提示“服务器标记的格式不正确”的错误信息，其他情况下使用双引号或者单引号都可以。将下面语句的单引号改成双引号即可得到印证。<asp:LabelID="Label1"runat="server"Text=’<%#"单引号还是双引号？"%>’></asp:Label>6.2.2复杂数据绑定复杂绑定就是将多个值绑定到数据绑定控件的某个属性上。拥有多个值的数据源有集合、DataTable、DataSet等，后续章节中将分别介绍。复杂绑定时，需要在前台将绑定表达式赋值给控件的DataSource属性：DataSource=’<%#数据源%>’或者在后台将数据源赋值给控件的DataSource属性：控件名.DataSource=数据源【示例6-4】复杂数据绑定的应用。图6-4复杂数据绑定示例本示例中，创建了一个名为cls的ArrayList对象，并将其作为ListBox控件对象lbColor的数据源进行绑定，lbColor还定义了SelectedIndexChanged事件，该事件把lbColor控件的前景颜色设置为当前选择项所指定的颜色。6.3数据源控件6.3.1数据源控件概述常见的数据源控件有SqIDataSource、AccessDataSource、ObjectDataSource、XmlDataSource、SiteMapDataSource。这些数据源控件的具体操作我们将在后续章节结合数据控件的应用进行举例说明。6.2.2SqlDataSource数据源控件SqlDataSource控件用于连接到SQL关系数据库的数据源。表6-1SqlDataSource控件的主要属性属性说明DeleteCommand获取或设置SqlDataSource控件删除数据库数据所用的SQL命令DeleteCommandType获取或设置删除命令类型，可取的值：Text和StoredProduce，分别对应SQL命令、存储过程。DeleteParameters获取DeleteCommand属性所使用的参数的参数集合InsertCommand获取或设置SqlDataSource控件插入数据库数据所用的SQL命令InsertCommandType获取或设置插入命令类型，可取的值：Text和StoredProduce。InsertParameters获取InsertCommand属性所使用的参数的参数集合SelectCommand获取或设置SqlDataSource控件查询数据库数据所用的SQL命令SelectCommandType获取或设置查询命令类型，可取的值：Text和StoredProduce。SelectParameters获取SelectCommand属性所使用的参数的参数集合UpdateCommand获取或设置SqlDataSource控件更新数据库数据所用的SQL命令UpdateCommandType获取或设置更新命令类型，可取的值：Text和StoredProduce。UpdateParameters获取UpdateCommand属性所使用的参数的参数集合DataSourceModeSqlDataSource控件检索数据时，是使用DataSet还是使用DataReaderProviderName获取或设置.NETFramework数据提供程序的名称6.2.3ObjectDataSource数据源控件在不使用扩展代码的情况下，ObjectDataSource控件使用中间层业务对象以声明方式对数据执行选择、插入、更新、删除、分页、排序、缓存和筛选操作。6.2.4SiteMapDataSource数据源控件SiteMapDataSource控件用于ASP.NET站点导航。该控件检索站点地图提供程序的导航数据，并将该数据传递到可显示该数据的控件。站点地图信息可以以很多种形式出现，其中最简单的形式是位于应用程序的根目录中的一个名为web.sitemap的XML文件。SiteMapDataSource控件可以处理存储在Web站点的SiteMap配置文件中的数据。6.4常用控件的数据绑定下面以前面章节中学过的RadioButtonList和DropDownList控件为例来认识数据绑定。6.4.1RadioButtonList控件的数据绑定RadioButtonList控件我们之前介绍过，使用RadioButtonList控件进行数据绑定之前，先了解一下它的相关属性和方法。RadioButtonList控件的常用属性和方法见表6-3所示。【示例6-5】实现RadioButtonList控件绑定到数据库，当选择RadioButtonList中的某个学生时，实时输出该学生的详细信息。图6-6RadioButtonList控件的数据绑定注意：运行时若选择一个姓名后无对应信息显示，有两个可能原因：一是没有将RadioButtonList控件的AutoPostBack属性设置为True，二是Page_Load事件方法代码没有用if(!IsPostBack)语句判断是否为第一次加载！6.4.2DropDownList控件的数据绑定DropDownList控件我们之前介绍过，DropDownList下拉列表控件的常用属性和方法见表6-4所示。表6-4DropDownList控件的常用属性和方法属性说明AutoPostBack指示当用户更改列表中的选定内容时是否自动产生向服务器的回发DataTextField为列表项提供文本内容的数据源字段DataValueField为各列表项提供值的数据源字段SelectedIndex选定项的索引SelectedItem获取列表控件中的选定项SelectedValue获取列表控件中选定项的值事件说明SelectedIndexChanged当列表控件的选定项在信息发往服务器之间变化时触发除SelectedValue之外，通过SelectedItem.Text和SelectedItem.Value可获得