第5章 Web服务器控件.ppt

ASP.NET 2.0 实用案例教程实用案例教程ASP.NET 2.0 实用案例教程实用案例教程5.1.1 什么是控件什么是控件l 所谓控件，就是一个可以重用的组件或者对象，这个控件所谓控件，就是一个可以重用的组件或者对象，这个控件不但有自己的外观、还有自己的属性和方法，大部分控件不但有自己的外观、还有自己的属性和方法，大部分控件还具有相应的事件。还具有相应的事件。ASP.NET 2.0 实用案例教程实用案例教程5.1.2 控件的声明、属性、事件和方法控件的声明、属性、事件和方法【例例5-1】 控件的属性、事件和方法示例控件的属性、事件和方法示例。要求：要求：在文本框内输入姓名文本，单击【确定】按钮后，姓在文本框内输入姓名文本，单击【确定】按钮后，姓名文本通过标签显示出来名文本通过标签显示出来。ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l ASP.NET服务器控件可以分为两大类：服务器控件可以分为两大类：HTML服务器控服务器控件和件和Web服务器控件。服务器控件。1. HTML服务器控件l 在在ASP.NET中引入中引入HTML服务器控件的原因是，服务器服务器控件的原因是，服务器无法直接控制无法直接控制HTML元素，在将元素，在将HTML元素转换为服务器元素转换为服务器控件后，服务器就可以动态控制这些元素了。控件后，服务器就可以动态控制这些元素了。HTML服务服务器控件是由器控件是由System.Web.UI.HtmlControls类实现的，类实现的，实际上就是实际上就是HTML元素的可编程版本，基本上与元素的可编程版本，基本上与HTML元元素保持着对应关系。素保持着对应关系。ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l 将普通的将普通的HTML元素转换为元素转换为HTML服务器控件的方法比较服务器控件的方法比较简单，一般通过以下两步即可完成转换：简单，一般通过以下两步即可完成转换： 在普通在普通HTML元素中添加元素中添加Runat=”Server”属性，表示该属性，表示该元素在服务器端运行。元素在服务器端运行。 设置设置ID属性，标识服务器控件的身份，方便编程时使用属性，标识服务器控件的身份，方便编程时使用该控件。该控件。l 例如：例如： l 普通普通HTML元素：元素：l 转换为转换为HTML服务器控件：服务器控件： ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类2. Web服务器控件服务器控件l Web服务器控件是由是服务器控件是由是System.Web.UI.WebControls类实现类实现的，它是的，它是.NET针对针对Web编程开发的一套全新的解决方案编程开发的一套全新的解决方案，它具有更加强大的功能，能够更好地与编程进行融合。，它具有更加强大的功能，能够更好地与编程进行融合。Web服务器控件并不与服务器控件并不与HTML元素一一对应，它们的属元素一一对应，它们的属性也有所不同。性也有所不同。l Web服务器控件的格式如下：服务器控件的格式如下：ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l 两种服务器控件的采用原则：两种服务器控件的采用原则： 当不需要交互时，就不用采用服务器控件，使用普通的当不需要交互时，就不用采用服务器控件，使用普通的HTML元素就可以达到技术要求，而且还可以节省服务元素就可以达到技术要求，而且还可以节省服务器资源。器资源。 当将原先开发的当将原先开发的ASP程序转换为程序转换为ASP.NET程序时，可以程序时，可以使用使用HTML控件，只要在标签内添加控件，只要在标签内添加runat=”server”即即可，比较方便。可，比较方便。 如果是新建如果是新建ASP.NET程序时，最好直接使用程序时，最好直接使用Web服务器服务器控件，它是微软最新技术并具有更加强大的功能，符合控件，它是微软最新技术并具有更加强大的功能，符合未来发展方向。未来发展方向。ASP.NET 2.0 实用案例教程实用案例教程l 文本控件主要作用是将用户的输入信息提交给程文本控件主要作用是将用户的输入信息提交给程序进行处理或者将程序员设计的信息显示出来。序进行处理或者将程序员设计的信息显示出来。主要有两种类型的文本控件。主要有两种类型的文本控件。ASP.NET 2.0 实用案例教程实用案例教程5.2.1 Label控件（标签控件）控件（标签控件）l Label控件是一个标签控件，主要用于在网页上显示提示控件是一个标签控件，主要用于在网页上显示提示信息。信息。l 语法如下：语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.2.2 TextBox控件（文本框控件）控件（文本框控件）l TextBox控件是一个可以输入单行文本、密码和多行文本控件是一个可以输入单行文本、密码和多行文本的控件。语法如下：的控件。语法如下：ASP.NET 2.0 实用案例教程实用案例教程【例例5-2】 演示演示TextBox控件的控件的AutoPostBack属性属性。 要求：要求：在文本框内输入姓名文本，回车，姓名文本通过标签在文本框内输入姓名文本，回车，姓名文本通过标签显示显示。ASP.NET 2.0 实用案例教程实用案例教程l 控制权转移控件主要作用是将当前页面的控制权控制权转移控件主要作用是将当前页面的控制权转移到其它页面或者将信息提交回服务器。主要转移到其它页面或者将信息提交回服务器。主要有四种类型的控制权转移控件。有四种类型的控制权转移控件。ASP.NET 2.0 实用案例教程实用案例教程5.3.1 Button控件（按钮控件）控件（按钮控件）l Button控件是一个普通按钮控件，在控件是一个普通按钮控件，在Web网页上网页上显示为一个按钮，一般用来提交表单。显示为一个按钮，一般用来提交表单。l 语法如下：语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.3.2 ImageButton控件（图像按钮控件）控件（图像按钮控件）l ImageButton控件是一个图像按钮控件，在控件是一个图像按钮控件，在Web网页上显示为一个可以单击的图像，功能上与网页上显示为一个可以单击的图像，功能上与Button控件是一样的，一般用来提交表单。控件是一样的，一般用来提交表单。l 语法如下：语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.3.3 LinkButton控件（超链接按钮控件）控件（超链接按钮控件）l LinkButton控件是一个在网页上显示超链接样式控件是一个在网页上显示超链接样式的按钮控件。的按钮控件。 l 语法如下：语法如下：文本ASP.NET 2.0 实用案例教程实用案例教程5.3.4 HyperLink控件（超链接控件）控件（超链接控件）l HyperLink控件可以创建超链接。控件可以创建超链接。 l 语法如下：语法如下：文本ASP.NET 2.0 实用案例教程实用案例教程【例例5-3】控制权转移控件示例控制权转移控件示例。ASP.NET 2.0 实用案例教程实用案例教程l 选择控件就是能够将被选择数据项显示在控件选择控件就是能够将被选择数据项显示在控件上，可以被用户单项或多项选择的控件。有六种上，可以被用户单项或多项选择的控件。有六种类型的选择控件。类型的选择控件。ASP.NET 2.0 实用案例教程实用案例教程5.4.1 RadioButton控件（单选按钮）控件（单选按钮） l RadioButton是一个单选框控件，在是一个单选框控件，在Web网页上显示为网页上显示为一个单选按钮。一个单选按钮。ASP.NET 2.0 实用案例教程实用案例教程5.4.2 RadioButtonList控件（单选列表框）控件（单选列表框） l RadioButtonList是一个单选框列表控件，它可以设置是一个单选框列表控件，它可以设置一组单选框，语法如下：一组单选框，语法如下： 选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.3 CheckBox控件（复选框）控件（复选框）l CheckBox控件是一个复选框控件，它在控件是一个复选框控件，它在Web页面上显页面上显示一个复选框，语法如下：示一个复选框，语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.4.4 CheckBoxList控件（复选列表框）控件（复选列表框）l CheckBoxList是一个复选框列表控件，它可以设置一组是一个复选框列表控件，它可以设置一组复选框，语法如下：复选框，语法如下：选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.5 DropDownList控件（下拉列表框）控件（下拉列表框）l DropDownList是一个下拉列表框控件，可以在是一个下拉列表框控件，可以在Web页面页面上创建单选和多选两种样式的列表框，语法如下：上创建单选和多选两种样式的列表框，语法如下： 选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.6 ListBox控件（列表框）控件（列表框）l ListBox是一个单选或多选的列表框，语法如下：是一个单选或多选的列表框，语法如下：选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-4】 选择控件综合示例。选择控件综合示例。ASP.NET 2.0 实用案例教程实用案例教程l 瓶子可以装水，瓶子就是水的一种容器。瓶子可以装水，瓶子就是水的一种容器。l 所谓容器控件就是像容器一样可以存放别的控件所谓容器控件就是像容器一样可以存放别的控件的控件，有两种类型的容器控件。的控件，有两种类型的容器控件。ASP.NET 2.0 实用案例教程实用案例教程5.5.1 Panel控件（容器控件）控件（容器控件）l Panel控件是一个容器，可以放置其它控件。控件是一个容器，可以放置其它控件。 其它的控件ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-5】 选择控件综合示例选择控件综合示例。ASP.NET 2.0 实用案例教程实用案例教程5.5.2 Placeholder控件（动态添加控件）控件（动态添加控件） l PlaceHolder控件通常用于在页面内动态加载其它控件，控件通常用于在页面内动态加载其它控件，不具有基于不具有基于 HTML 的输出，仅用于在页面执行期间向该的输出，仅用于在页面执行期间向该控件的控件的Controls集合中添加其它控件。语法如下：集合中添加其它控件。语法如下：ASP.NET 2.0 实用案例教程实用案例教程l PlaceHolder控件与控件与Panel控件的主要区别是：控件的主要区别是： Panel控件有输出客户端脚本，而控件有输出客户端脚本，而placeholder控件仅仅在控件仅仅在服务器端起分组的作用。所以在页面中的控件进行分组的服务器端起分组的作用。所以在页面中的控件进行分组的情况下，客户端的脚本需要对分组进行简单的显示情况下，客户端的脚本需要对分组进行简单的显示/隐藏隐藏、改变颜色等操作，则应该使用、改变颜色等操作，则应该使用panel控件，否则应该使控件，否则应该使用用placeholder控件。控件。 Panel控件可以在设计模式拖入其它控件，控件可以在设计模式拖入其它控件，PlaceHolder控件只能在后台用程序动态添加。控件只能在后台用程序动态添加。ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-6】 PlaceHolder控件示例。控件示例。 ASP.NET 2.0 实用案例教程实用案例教程l 除了前面介绍的控件外，还有一些没有明确分类除了前面介绍的控件外，还有一些没有明确分类但也比较常见的控件。但也比较常见的控件。ASP.NET 2.0 实用案例教程实用案例教程5.6.1 Image控件（图像控件）控件（图像控件）l Image控件是一个图像控件，用于在控件是一个图像控件，用于在Web页面上显示图像页面上显示图像，语法如下：，语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.6.2 Table控件（表格控件）控件（表格控件） l Table控件用于在控件用于在Web页面上制作表格。该控件包含了页面上制作表格。该控件包含了Rows集合集合和和Cells集合，通过编程的方式向集合，通过编程的方式向Rows集合中添加集合中添加TableRow控件和控件和向向Cells集合中添加集合中添加TableCell控件来生成表格，即控件来生成表格，即TableRow控件控件用于创建表格行，用于创建表格行，TableCell控件用于创建单元格。控件用于创建单元格。Table控件的控件的语法如下：语法如下： 单元格1 单元格2ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-7】 Table控件示例。控件示例。ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-8】 通过通过Table控件动态生成表格。控件动态生成表格。 ASP.NET 2.0 实用案例教程实用案例教程5.6. 3 AdRotator控件（广告控件）控件（广告控件）l AdRotator控件是一个广告条控件，用于在控件是一个广告条控件，用于在Web页面上页面上显示一个带有超链接的广告条样式的图像，单击图像可以显示一个带有超链接的广告条样式的图像，单击图像可以连接到对应的网站，连接到对应的网站，AdRotator控件语法如下：控件语法如下：ASP.NET 2.0 实用案例教程实用案例教程5.6. 3 AdRotator控件（广告控件）控件（广告控件）l 在使用在使用AdRotator控件前需要首先建立一个控件前需要首先建立一个XML文件，文件，XML文件中定义广告的各种信息，文件中定义广告的各种信息，XML文件语法如下：文件语法如下：要显示的图形文件地址用户选取时的链接提示文字广告分类权值ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-9】 AdRotator控件显示广告信息。控件显示广告信息。ASP.NET 2.0 实用案例教程实用案例教程5.6. 4 Calendar控件（日历控件）控件（日历控件）l Calendar控件可以在页面上显示日历，也可以获取用户控件可以在页面上显示日历，也可以获取用户选择的日期，控件语法如下：选择的日期，控件语法如下：l 该控件可以通过该控件可以通过SelectedDate属性获取选择的日期属性获取选择的日期 ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-10】 通过日历控件获取日期。通过日历控件获取日期。ASP.NET 2.0 实用案例教程实用案例教程5.6. 5 FileUpload控件（文件上传控件）控件（文件上传控件）l FileUpload控件为用户提供一种将文件从用户的计算机发控件为用户提供一种将文件从用户的计算机发送到服务器的方法。该控件在允许用户上载图片、文本文送到服务器的方法。该控件在允许用户上载图片、文本文件或其他文件时很有用。控件语法如下：件或其他文件时很有用。控件语法如下：l 该控件的常用属性和方法如下：该控件的常用属性和方法如下： SaveAs 用于将指定文件保存在服务器上。用于将指定文件保存在服务器上。 HasFile 用于获取控件是否有上传文件，若有返回用于获取控件是否有上传文件，若有返回true，反之返回，反之返回false PostedFile 用于获取上传的文件信息，该对象的主要属性如下：用于获取上传的文件信息，该对象的主要属性如下： ContentLength 用于获取上传文件的大小。用于获取上传文件的大小。 ContentType 用于获取上传文件的类型。用于获取上传文件的类型。 FileName 用于获取客户端上完全限定文件的名称。用于获取客户端上完全限定文件的名称。ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-11】 通过通过FileUpload控件上传文件。控件上传文件。ASP.NET 2.0 实用案例教程实用案例教程l 在通过表单向服务器提交信息时，有可能提交一些不合理在通过表单向服务器提交信息时，有可能提交一些不合理的数据。比如的数据。比如 输入电子邮件时，不符合电子邮件的格式输入电子邮件时，不符合电子邮件的格式 在输入整数的地方输入了小数在输入整数的地方输入了小数 在必须填写信息的地方没有填写在必须填写信息的地方没有填写l 为了避免类似的错误，为了避免类似的错误，ASP.NET中提供验证机制，即验中提供验证机制，即验证控件。证控件。ASP.NET 2.0 实用案例教程实用案例教程5.7.1 RequiredFieldValidator控件（必填验证控控件（必填验证控件）件）l RequiredFieldValidator控件验证在指定文本框等控件中控件验证在指定文本框等控件中是否输入了值。控件语法如下：是否输入了值。控件语法如下：ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-12】必填验证控件。】必填验证控件。要求：确保用户名文本框非空并选择了外语种类。要求：确保用户名文本框非空并选择了外语种类。ASP.NET 2.0 实用案例教程实用案例教程5.7.2 CompareValidator控件（比较控件）控件（比较控件）l 用于将一个控件的值和另一个控件的值进行比较，也可以用于将一个控件的值和另一个控件的值进行比较，也可以将一个控件的值与一个指定的值进行比较。语法如下：将一个控件的值与一个指定的值进行比较。语法如下：asp:CompareValidator ID=控件名称 ControlToValidate=指定想要检验的控件ID ControlToCompare=指定用来做比较值的控件IDValueToCompare=指定执行比较时使用的值Type= String | Integer | Date | ,表示按哪一种数据类型比较Operator= Equal | NotEqual | GreaterThan | GreaterThanEqual | LessThan | LessThanEqual ,分别表示=、=、ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-13】比较两个控件的值。】比较两个控件的值。要求：用户在表单中分别输入开始日期和结束日期，通过要求：用户在表单中分别输入开始日期和结束日期，通过CompareValidator控件检验结束日期是否大于开始日期控件检验结束日期是否大于开始日期。ASP.NET 2.0 实用案例教程实用案例教程5.7. 3 RangeValidator控件（范围控件）控件（范围控件）l RangeValidator控件用来验证用户在表单控件中输入的控件用来验证用户在表单控件中输入的值是否位于一个指定的范围内，这个范围的取值可以是数值是否位于一个指定的范围内，这个范围的取值可以是数值、日期、货币或字符串等。语法如下：值、日期、货币或字符串等。语法如下：ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-14】验证一个输入值是否在特定范围内。】验证一个输入值是否在特定范围内。要求：验证用户输入的数值是否为要求：验证用户输入的数值是否为0到到100之间的整数。之间的整数。ASP.NET 2.0 实用案例教程实用案例教程5.7. 4 RegularExpressionValidator控件（正则表控件（正则表达式控件控件）达式控件控件）l RegualExpressionValidator控件用来验证输入值是否和正控件用来验证输入值是否和正则表达式定义的模式匹配，该控件常用来验证电话号码、则表达式定义的模式匹配，该控件常用来验证电话号码、邮政编码、电子邮件、网址等具有一定格式的信息邮政编码、电子邮件、网址等具有一定格式的信息。ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-15】验证用户输入的信息是否与指定的信息模式匹】验证用户输入的信息是否与指定的信息模式匹配。配。要求：验证用户输入电子邮件是否真实。要求：验证用户输入电子邮件是否真实。ASP.NET 2.0 实用案例教程实用案例教程5.7. 5 CustomValidator控件（自定义验证控件）控件（自定义验证控件）l CustomValidator控件可以让用户自己编写检验函数，执控件可以让用户自己编写检验函数，执行自定义的检验行自定义的检验。语法如下：语法如下：ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-16】利用】利用CustomValidator控件，通过编写检验函控件，通过编写检验函数进行自定义验证。数进行自定义验证。要求：验证用户输入的登录密码是否正确（假设密码为要求：验证用户输入的登录密码是否正确（假设密码为administrator）。）。ASP.NET 2.0 实用案例教程实用案例教程5.7. 6 ValidationSummary控件（总结验证控件）控件（总结验证控件）l ValidationSummary控件本身不具有验证功能，其作用控件本身不具有验证功能，其作用是收集页面中所有未通过验证的控件的错误信息，并将这是收集页面中所有未通过验证的控件的错误信息，并将这些信息显示在开发人员希望显示的位置些信息显示在开发人员希望显示的位置。语法如下：语法如下：ASP.NET 2.0 实用案例教程实用案例教程l 【例【例5-17】利用】利用ValidationSummary控件，汇总显示当控件，汇总显示当前页面中所有验证控件的错误信息。前页面中所有验证控件的错误信息。要求：验证用户输入的用户名和电子邮件是否正确（用户要求：验证用户输入的用户名和电子邮件是否正确（用户名和电子邮件都是必填项；电子邮件要符合相应的书写规名和电子邮件都是必填项；电子邮件要符合相应的书写规范）。范）。ASP.NET 2.0 实用案例教程实用案例教程l 在在ASP.NET中除了内置的控件外，用户还可以根据实际中除了内置的控件外，用户还可以根据实际需要编写自己的控件，称为用户控件。需要编写自己的控件，称为用户控件。l 用户控件的扩展名为用户控件的扩展名为“ascx”，其编写方法与普通的，其编写方法与普通的Web页面类似。页面类似。l 【例【例5-18】 用户控件。用户控件。要求：设计一个用户登陆的用户控件，并将此用户控件应要求：设计一个用户登陆的用户控件，并将此用户控件应用在用在Web页面中。页面中。 启动启动Visual Studio 2005，创建新网站。，创建新网站。 新建新建“Web窗体窗体”5-18.aspx。 Title属性设置为属性设置为“使用用户控件使用用户控件”。 添加添加Web用户控件，将该控件命名为用户控件，将该控件命名为5-18.ascx。ASP.NET 2.0 实用案例教程实用案例教程 单击【添加】按钮，对单击【添加】按钮，对5-18.ascx用户控件进行设计，代用户控件进行设计，代码如下：码如下： 将用户控件将用户控件uc518拖拽到拖拽到5-18.aspx页面中，以实现用户页面中，以实现用户控件的调用控件的调用。用户名：密  码：ASP.NET 2.0 实用案例教程实用案例教程l 前面已经介绍了常见的前面已经介绍了常见的Web服务器控件的基本使服务器控件的基本使用方法。本节将综合几种控件并结合数据库，介用方法。本节将综合几种控件并结合数据库，介绍网上投票、二级联动这两种在开发中经常用到绍网上投票、二级联动这两种在开发中经常用到的功能，给出基本的开发思路与简单案例。的功能，给出基本的开发思路与简单案例。ASP.NET 2.0 实用案例教程实用案例教程5.9.1 网上投票网上投票l 网上投票是网站的常见功能，通过在线投票可以网上投票是网站的常见功能，通过在线投票可以使管理员客观的调查出用户对某一事件的看法，使管理员客观的调查出用户对某一事件的看法，帮助相关部门作出决策。真实的投票系统往往需帮助相关部门作出决策。真实的投票系统往往需要考虑预防作弊等情况，因此是比较复杂的，本要考虑预防作弊等情况，因此是比较复杂的，本例仅演示网上投票的基础功能，不对此进行深入例仅演示网上投票的基础功能，不对此进行深入研究。研究。ASP.NET 2.0 实用案例教程实用案例教程l 案例的运行界面如图。案例的运行界面如图。ASP.NET 2.0 实用案例教程实用案例教程l 1. 相关知识相关知识n 单选列表组（单选列表组（RadioButtonList）控件）控件n SqlConnection对象对象n SqlCommand对象对象n SqlDataReader对象对象n 数据绑定数据绑定n SQL语句语句ASP.NET 2.0 实用案例教程实用案例教程l 2. 系统功能系统功能l 网上投票系统具有如下基本功能：网上投票系统具有如下基本功能：n显示数据库中的投票条目n投票确认n各条目的投票票数统计n显示投票结果ASP.NET 2.0 实用案例教程实用案例教程l 3. 数据库表设计数据库表设计l 系统要保存的数据主要有投票主题、投票条目、投票数。系统要保存的数据主要有投票主题、投票条目、投票数。根据这些要素为系统设计了根据这些要素为系统设计了2个表：投票主题表和投票条个表：投票主题表和投票条目表。目表。ASP.NET 2.0 实用案例教程实用案例教程l 4. 应用程序结构应用程序结构l 整个应用程序的结构框图如图所示。整个应用程序的结构框图如图所示。ASP.NET 2.0 实用案例教程实用案例教程l 5. 类文件（类文件（db.cs）设计）设计l 6. 投票显示页面设计投票显示页面设计（vote.aspx和和vote.aspx.cs）l 7.结果显示页面设计结果显示页面设计（showResult.aspx和和showResult.aspx.cs）ASP.NET 2.0 实用案例教程实用案例教程5.9.2 联动表单联动表单 l 在浏览网站的过程中经常看到联动表单。什么是在浏览网站的过程中经常看到联动表单。什么是联动表单？举例来说，在下拉框联动表单？举例来说，在下拉框A中选择省份的中选择省份的名称，则在下拉表单名称，则在下拉表单B中会显示该省份的市。中会显示该省份的市。ASP.NET 2.0 实用案例教程实用案例教程5.9.2 联动表单联动表单 l 1. 相关知识相关知识n 下拉列表（下拉列表（DropDownList）控件）控件n SqlConnection对象对象n SqlCommand对象对象n SqlDataReader对象对象n 数据绑定数据绑定n SQL语句语句ASP.NET 2.0 实用案例教程实用案例教程2. 系统功能系统功能l 联动表单具有的基本功能是：联动表单具有的基本功能是：l 在在A表单（一般是下拉列表）中选择一项，在表单（一般是下拉列表）中选择一项，在B表表单中显示对应的子项。单中显示对应的子项。ASP.NET 2.0 实用案例教程实用案例教程3. 数据库表设计数据库表设计l 系统要保存的数据主要有省系统要保存的数据主要有省ID、省名称、市、省名称、市ID、市名称、市名称。根据这些要素为系统设计了。根据这些要素为系统设计了2个表：省表和市表。下面个表：省表和市表。下面详细介绍每个表的功能和结构。详细介绍每个表的功能和结构。ASP.NET 2.0 实用案例教程实用案例教程4. 应用程序结构应用程序结构l 整个应用程序的结构框图如图所示。整个应用程序的结构框图如图所示。ASP.NET 2.0 实用案例教程实用案例教程l 5.9.1 网上投票网上投票l 5. 类文件（类文件（db.cs）设计）设计l 6. 5-20.aspx、5-20.aspx.cs