课使用ASPNET服务器控件创建表单.ppt

第3课 使用ASPNET服务器控件创建表单,学习目的,使用基本ASP.NET服务器控件创建表单 使用列表ASP.NET服务器控件创建表单 服务器控件AutoPostBack属性的使用 使用Panel服务器控件编写注册程序,学习入门（1）,在网页上经常会遇到填写注册信息的一类界面，一般包括文本框、单选框、复选框、下拉列表和按钮等基本元素，这些基本元素就是控件，服务器控件是一种在服务器端完成的控件，服务器端在处理完控件动作后，在生成标准的HTML文件发送给客户端的浏览器执行。 ASP.NET在创建表单程序时，可以使用的对象分为HTML元素、HTML服务器控件、Web服务器控件（ASP.NET服务器控件）。以文本框为例，它们的语法标记分别是： （1）HTML元素： （2）HTML服务器控件： （3）WEB服务器控件： 可以看出服务器控件都具有runat=“server”标记，代表在服务器端执行。 ASP.NET引入了Web表单的概念。从代码上看，Web表单和HTML表单并没有多大的区别，它们都是用和标记来表示，但在具体的处理上两者有很大的不同，HTML表单只包含了表单内部控件和相应的布局信息，而Web表单中则包含了表单内部控件、相应的布局信息及数据提交后的数据处理代码。,学习入门（2）,ASP.NET表单是用户与Web应用程序交互的界面，它收集用户输入数据并传递给服务器进行处理，因此必须了解HTML表单与Web表单数据接收的不同。HTML表单数据一般需要【提交】按钮进行提交，提交后根据method标记的值是“post”或“get”，接收数据页需要用相应的Request.form或Request.querystring来接收数据。Web表单提交数据后，本页进行接收，可以不使用Request对象接收，而直接使用服务器控件的Text、Value、Checked等属性获得用户输入的数据。数据接收与处理代码可以书写在Page_Load()事件或Button的单击事件中完成。 HTML标记可以转化为HTML服务器控件，转化方法是：在HTML标记上右击，然后再执行“作为服务器控件运行”命令即可。 HTML服务器控件属于HTML标记或称为属性，它包含很多属性，可以在服务器端编程，它和HTML标记一一对应，Web服务器控件比HTML服务器控件具有更多的内置功能，Web服务器控件与HTML服务器控件相比更为抽象，因为其对象模型不一定反映HTML语法。,使用基本ASP.NET服务器控件创建表单（）,DEMO：任务1 设计网页时一般分为两大步骤，首先设计网页的界面，其次切换到源代码视图编写ASP.NET代码，设计界面时通常使用表格控制控件的布局。 ASP.NET表单页面的数据一般在本页完成数据的提交和接收。 数据接收时可以不使用Request对象接收，而直接使用服务器控件的Text、Value、Checked等属性获得用户输入的数据。数据接收与处理代码可以书写在Page_Load()事件或Button的单击事件中完成。 使用RadioButton控件时如果有多个选项，为了保证只选其一，必须设置每个RadioButton的GroupName属性具有相同的值。,使用基本ASP.NET服务器控件创建表单（2）,DEMO：练习1 CheckBox控件和RadioButton控件类似，都具有Checked属性和Text属性，如Checked值为True表示选中该项，为False表示没有选中。不同的是CheckBox不具有Groupname属性，由于是复选框允许多选，因此不需要设置Groupname属性。 清除已输入和选中的内容时，文本框设置Text属性值为空即可，单选和复选控件需设置Checked属性值为False。 常用于表单设计的ASP.NET服务器基本控件主要有：Label、Literal、TextBox、Button、HiddenField、Panel、RadioButton、Checkbox。其中Literal和Label的作用和功能类似，主要是显示信息使用；HiddenField用于数据的隐含传递；Panel是容器控件，可以包含其他控件，主要用于注册程序的设计。,使用列表ASP.NET服务器控件创建表单(1),DEMO：任务2 常用的列表控件有ListBox、DropDownList、CheckBoxList、RadioButtonList，它们几乎都具有相同的属性、集合和事件。操作方法几乎一样。 列表控件都可以有多种方法和数据进行绑定，首先可以通过可视化的方法对Items集合进行输入，本例就采用本方法；其次可以后台代码添加数据，方法是：控件ID.Items.Add(“文本”)；也可通过DataSocure和DataTextField、DataValueField属性和数据库进行绑定。 取消用户选择项目的方法是把控件的SelectedIndex属性设置为-1即可。 可以通过列表控件的RepeatDirection属性改变列表内容的垂直和水平排列。,DEMO：练习2 ListBox控件的两个属性与其他列表控件不同：通过SelectionMode属性设置为“Multiple“和“Single“实现多选和单选，通过Rows属性可以设置显示的行数。 为了界面运行的美观，在用户输入和选择之前，ListBox设置为不显示，代码为：ListBox1.Visible = False，在用户输入和选择之后，ListBox设置为显示，代码为：ListBox1.Visible =True。 RadioButtonList控件和RadioButton控件外观相同，不同的是RadioButtonList没有Groupname属性，而RadioButton控件有Groupname属性，为了实现单选须设置Groupname属性具有相同的组名。,使用列表ASP.NET服务器控件创建表单(2),DEMO：任务3 CheckBoxList控件和其他大部分控件都具有AutoPostBack属性，如果该属性设置为True，表示该控件选项和内容发生改变时自动提交网页到服务器进行处理。该属性默认值为False，一般情况下不要设置为True，因为网页反复提交服务器会降低服务器的性能。 CheckBoxList的Items集合方法Count统计集合中元素的个数，由于元素的个数下标从0开始，因此用于循环控制时，要减去1，CheckBoxList1.Items(i).Selected如果为真，表示该项被选中，否则，未被选中。可用于统计用户的选择项目的多少。 列表控件（ListBox、DropDownList、CheckBoxList、RadioButtonList等）通常应用于数据库的操作，可以把数据集与列表控件的DataSource属性连接，再通过DataBind方法进行绑定，即可显示数据库中的数据。,服务器控件AutoPostBack属性的使用（1）,DEMO：练习 本程序没有使用提交按钮，通过设置DropDownList控件的属性AutoPostBack为True，使用网页具有自动提交服务器处理的功能。 在Page_Load()事件中根据用户选择的省份，为ListBox1控件加载相应的城市名称。 ListBox1.Items.Clear()方法使每次加载时清除原来的值，否则，当用户多次选择时，ListBox1控件会重复加载相同的内容。 在实际设计中，一般把省份放在数据库的表中，城市名放在另一个表中，然后把DropDownList和ListBox控件与数据库相绑定。,服务器控件AutoPostBack属性的使用（）,服务器控件AutoPostBack属性的使用（）,DEMO：练习 为了网页布局的方便，本程序共用了四个表格，第一个表格控制三个Panel控件的布局，第二、三、四个表格控件Panel控件内部控件的布局。 Panel控件对于编写用户注册程序非常有用，通过设置Panel控件的Visible属性可控制每个Panel控件的显示与隐藏，Visible属性为True显示，为false隐藏，Panel控件使用用户的注册过程在一个页面完成。 本程序的注册信息直接显示到页面，学习数据库后，可以把注册信息存入数据库。 在实际的程序设计中，要用验证控件进行验证。在学习验证控件时，可以把验证控件加入该程序中。,学习小结,使用ASP.NET服务器的基本控件和列表控件设计表单程序，在设计程序时，通常使用表格对控件的布局进行控制。 常用基本控件有：Label、Literal、TextBox、Button、Panel、RadioButton、Checkbox；常用列表控件有ListBox、DropDownList、CheckBoxList、RadioButtonList。 控件常用属性、集合、事件：属性Text、Value、Visible、Forecolor、TextMode等；集合Items；事件Click、Load、TextChan