web应用开发技术教学课件作者台雯第五章.pptVIP

第5章 ASP.NET常用服务器控件 5.1 服务器控件简介 5.2 HTML服务器控件 5.3 Web服务器标准控件 5.4 数据验证控件 5.5 用户控件 5.6 服务器端其他控件 5.1 服务器控件简介 服务器控件是一种服务器端组件，它封装了用户界面及其相关的功能。ASP.NET服务器控件直接或间接地从System .Web. UI.Control类派生来的。ASP.NET服务器控件包括Web服务器控件、HTML服务器控件、验证控件和用户控件等。ASP.NET服务器控件的语法特点是包含runat=server属性。 5.1 服务器控件简介 5.1.1服务器控件分类 本章主要介绍ASP.NET提供的以下4种类型的服务器控件。 1.HTML服务器控件 HTML服务器控件是拥有能够让服务器访问，以及能够在服务器上进行编写属性的HTML元素。页面上的任何HTML元素都会被转换成HTML服务器控件，转换是一个简单的过程，至少要转换一个HTML元素为有着附加属性runat=server的控件，如果想要在代码中引用控件，应该给它指定一个ID属性。 5.1 服务器控件简介 2.Web服务器控件 Web服务器控件是一系列与HTML控件设计所不同的控件，它是有着复杂行为的控件。它们不单单是一对一映射HTML服务器控件的，Web服务器控件包括传统的窗体控件，如按钮和文本框等控件，也包括复杂的控件，如表格、日历和菜单控件等。 5.1 服务器控件简介 3.验证控件 在 Web 应用程序中，大多是对数据的收集、维护和查询，这样一来对数据的有效性验证就非常重要，验证就是检查数据是否符合一系列规则。 ASP.NET不仅把窗体的验证作为服务器控件引入，还使这些控件智能化，如果浏览器支持JavaScript，验证就在客户端进行；如果客户机不支持用于验证的JavaScript，这些JavaScript就被忽略，验证就应在服务器上进行。 5.1 服务器控件简介 4.用户控件 除了上述提供的控件外，在程序开发过程中，还可以使用自己定义和封装好的控件，这种控件称为用户控件。比如各个Web系统都有好多登录模块，可以利用标签、文本框、命令按钮等控件封装成一个登录控件，需要使用的时候只要添加这个用户控件就可以了，这样增加了程序的重用性，为程序开发节约了时间。 5.1 服务器控件简介 5.1.2 添加服务器控件 添加上述服务器控件到窗体页面中可以通过拖放和代码编程两种方式实现。 1.利用拖放方式添加控件 利用拖放的方式将服务器控件添加到 Web窗体中是最简单也是开发效率最高的一种方法，如图5-1所示，向Default.aspx窗体中拖放添加一个Button控件。 5.1 服务器控件简介 下面介绍利用拖放方式添加服务器控件的操作步骤。 ①如图5-1所示，将设计器切换到“设计”视图模式下。 ②在工具箱找到要添加的Button控件，一般情况下工具箱隐藏在左上角，为了操作方便，这里将工具箱取消隐藏，如图5-1所示。 ③单击选中Button控件，并按住鼠标左键不放，拖动鼠标到需要放置控件的地方松开鼠标，这时就将Button控件添加到窗体的合适位置上了。 5.1 服务器控件简介 2.利用代码编程方式添加控件 编程开发人员经常采用自行编写代码的方式将服务器控件添加到Web窗体中，如图5-2所示，利用编写代码的方式向窗体中添加Button控件。 5.1 服务器控件简介 利用代码编程方式添加服务器控件的操作步骤有以下几点。 ①如图5-2所示，将设计器调整到“源”视图模式下。 ②在form/form之间编写代码，代码格式要符合该控件的语法格式要求，下面是添加Button控件的代码： asp: Button ID=my Button“ runat=server“ Text=“ 提交 / 5.1 服务器控件简介 ③ 当切换到“设计”视图或运行该窗体的时候就会发现窗体中添加了一个Button控件。 还可以在程序运行的时候通过事先编写的代码动态地生成一些服务器控件，但需要将服务器控件添加到一些容器中，如用Panel或Placeholder控件可作为容器，关于利用容器动态添加控件的具体例子参照5.6.8 Placeholder控件一节中的例5-43。 5.1 服务器控件简介 5.1.3 设置服务器控件属性 服务器控件的外观和功能的实现基本上都是通过设置控件的属性来完成的，每种控件都有一套自己的属性。属性的设置和修改可以通过两种方式实现：利用控件的属性窗口设置属性和利用代码编程的方式设置属性。 1.利用属性窗口设置控件属性 Microsoft Visual Studio 2005是一个非常优秀的、可视化的集成开发工具，通过其提供的一些集成工具能帮助简化程序开发的难