《C网站开发实用教程教学课件作者梁晓晖来继敏第三章节课件》由会员分享，可在线阅读，更多相关《C网站开发实用教程教学课件作者梁晓晖来继敏第三章节课件（127页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET2.0(C#) 网站开发实用教程,机械工业出版社 2009.8,第3章 ASP.NET服务器控件,1.服务器控件的概念与分类,2. HTML服务器控件,3. Web服务器控件,4. 验证服务器控件,5. 用户控件,知识点,第3章 ASP.NET服务器控件,1. 网站的动态布局,2. 网站的导航,3. 网站的注册界面,4. 网站的登陆界面,5. 网站的广告轮显,6. 网站的个性日历,第3章 ASP.NET服务器控件,效果图3-1主页面,第3章 ASP.NET服务器控件,效果图3-2信息维护页面,第3章 ASP.NET服务器控件,3.1.1服务器控件的基本概念 服务器控件是一种在服务
2、器端完成的控件。服务器端在处理完控件动作之后，再生成标准的HTML文件发送给客户端。 服务器控件在页面中使用包含属性这样的标记。,第3章 ASP.NET服务器控件,3.1.2 服务器控件的分类与选择 HTML控件 标准Web服务器控件 数据控件 校验控件 用户控件和自定义控件 组合控件 总体来说，ASP.NET中存在着两大类型的服务器控件，即HTML服务器控件和Web服务器控件。,第3章 ASP.NET服务器控件,3.1.2 服务器控件的分类与选择 一般来说，开发人员在下述情况下可以选择HTML服务器控件： 喜欢与 HTML相似的对象模型。 正在使用现存的 HTML页工作，并且喜欢快速地添加W
3、eb窗体功能，适合于将现有的ASP程序向ASP.NET程序迁移时候使用。 控件既要运行客户端脚本也需要运行服务器端脚本。 由于受带宽限制，所以需要进行大量的客户端处理来减少带宽的开销。,第3章 ASP.NET服务器控件,3.1.2 服务器控件的分类与选择 一般来说，开发人员在下述情况下可以选择Web服务器控件 ： 喜欢与Visual Basic.NET相似的程序设计模型，即基于控件的事件驱动模式。 创建的Web页可以通过多种浏览器浏览。 只有Web服务器控件才能实现的特定功能。 带宽不受限制.,第3章 ASP.NET服务器控件,3.2 HTML服务器控件 使用HTML控件的场合 在创建站点时，
4、有时不需要服务器端对某些控件作任何事情。只是想在页面上添加一些简单的静态HTML元素 HTML控件的特性 默认情况下HTML控件属于浏览器端控件，服务器端无法控制。这些元素被视为传递给浏览器的不透明的文本。这些文本被传送到浏览器断后由浏览器下载并负责解释执行。,第3章 ASP.NET服务器控件,3.2 HTML服务器控件 HTML控件是从基类System.Web.UIControls.HtmlControl直接或间接派生的，并且都直接映射到HTML元素上。任何HTML控件都可以转换为HTML服务器控件，只有转换为HTML服务器控件，程序人员才能对其进行编程控制。,第3章 ASP.NET服务器控
5、件,3.2 HTML服务器控件 从工具箱中拖动一个HTML控件到页面上，将其转换为HTML服务器控件后，会出现一个向右的小箭头。,第3章 ASP.NET服务器控件,3.2.3 主要的HTML控件,第3章 ASP.NET服务器控件,3.2.3 主要的HTML控件 1.1 div标签 DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。 CSSDIV是网站标准（或称“WEB标准”）中常用的术语之一. 使用方法：一种是直接拖放 一种是直接修改HTML标记,第3章 ASP.NET服务器控件,1.1 div标签 【例3-1】采用第一种方式，实现下图整体布局效果,第3
6、章 ASP.NET服务器控件,1.1 div标签 【例3-2】采用直接修改代码法实现例3-1效果。，实现下图整体布局效果,第3章 ASP.NET服务器控件,1.1 div标签 两种方法各自应该在什么场合？ 一般来说，这两种方法没有什么特殊的区别，根据个人的喜好来进行选择即可。不过，如果需要对已有的布局尤其是比较复杂的布局进行修改的时候，建议采用第二种方法，直接改代码，这样可以有的放矢，简洁明了，而拖放法则有可能因为鼠标把握的位置不准而使得布局混乱。,第3章 ASP.NET服务器控件,1.1 div标签 可通过代码来为DIV中显示的内容赋值。 语法： 显示的HTML代码或者文本 通过后台编码对d
7、iv进行内容设置的时候，语法如下： DIV.InnerHtml=代表内容的html标记所组成的字符串,第3章 ASP.NET服务器控件,1.1 div标签,div的使用方法可以实现那些应用。 如果需要生成的页面是不确定的，需要某种算法，根据实际情况来确定布局，如何实现？,第3章 ASP.NET服务器控件,1.2 Table Html工具标签下的表格也可以用来实现布局。 需要注意的是，只要没有把html控件转换成html服务器控件，它就只能是前台控件，可以帮助我们实现布局，但是没有办法对其进行后台代码处理。,第3章 ASP.NET服务器控件,1.2 Table 【例3-3】利用表格实现如下截图中
8、最上面一行的效果。,第3章 ASP.NET服务器控件,1.2 Table,在VS2005中使用表格操作起来并不很方便。 如果必须要用到表格，建议使用Dreamweaver。 一些网站开发人员就是先用Dreamweaver来做前台， 然后再在VS2005中打开，续完成后台工作。,第3章 ASP.NET服务器控件,1.2 Table 采用CSS+DIV进行网页布局相对与传统的TABLE网页布局具有以下3个显著优点：, 表现和内容相分离 提高页面浏览速度 易于维护和改版,第3章 ASP.NET服务器控件,2.1 HtmlInputText控件 HtmlInputText控件可以创建允许用户在其中输入
9、文本或密码的单行文本。 输入的数据将如实显示在文本框中。 输入的数据将以*显示从而达到保持安全的目的。 如果要创建多行文本框，可以使用HTMLTextArea控件。,第3章 ASP.NET服务器控件,2.1 HtmlInputText控件,HtmlInputText控件不提供回发到服务器 的内置方式。在支持向服务器发送的网页上， 必须提供另一个控件（如HTMLButton控件） 将控件的值发回服务器。 只有将html控件转换为html服务器控件， 才能对其进行后台编程。,第3章 ASP.NET服务器控件,2.1 HtmlInputText控件 HtmlInputText的常用属性有： MaxL
10、ength：指定文本框中允许输入的最大字符Size： 指定文本框的宽度 Value ： 确定用户在文本框中输入的值,第3章 ASP.NET服务器控件,2.2 HTMLInputButton控件 作用：执行一个指令或动作，可在网页上创建按钮。 是一个用来触发事件处理程序的按钮，通过使用OnServerClick属性来表明单击按钮可以触发的处理方法。 是一个提交按钮，单击时提交表单内容 是一个重置按钮，单击时将表单控件的内容恢复为默认值。,第3章 ASP.NET服务器控件,2.3 选择控件 HTML Input(checkbox)控件是复选框控件，用户可以通过它实现多项选择。 HTML Input
11、(Radio)控件是单选钮控件，用户可以通过它实现单项选择。 HTML Select控件以下拉列表框的方式向用户展示可选项，用户可通过在设计视图右击该控件来以可视化的方式为其设置各个项。其value属性反映用户的选项。,第3章 ASP.NET服务器控件,2.3 选择控件 单击Input(checkbox)和 Input(Radio)控件时，该控件 不回发到服务器。在支持向服务 器发送的网页上，必须提供另一 个控件来将控件的值发送到服务器。,第3章 ASP.NET服务器控件,3.1 Image控件 Image控件是一个图片控件，通过该控件可以设置图片的外观和鼠标移动过后的提示文字等属性。 Ima
12、ge控件主要属性设置如下： Align 设置或取得文字环绕时，图片的放置位置 Alt 设置或取得鼠标移动过后的提示文字 Border 设置或取得图片边框的宽度 Height 设置或取得图片的高度 Width 设置或取得图片的宽度 Src 设置或取得图片的URL地址,第3章 ASP.NET服务器控件,3.2水平线控件 Horizontal Rule是系统提供的显示水平线的工具。用户可以自己定义水平线的长度和宽度，但是不能改变水平线的颜色。使用时直接拖到目的位置即可。,如果非要实现随意设置水平线的颜色，怎么办？ 提示：背景,第3章 ASP.NET服务器控件,4. 文件上传控件Input(File）
13、 文件上传是很多网站经常用到的功能之一，如用户可以在论坛中上传自己的头像，可以在邮件中添加附件等等。 语法： ,第3章 ASP.NET服务器控件,4. 文件上传控件Input(File） 文件上传控件具有PostedFile对象，该对象的SaveAs方法可以将上传文件保存到服务器端指定的文件夹下。利用该对象的ContentLength, ContentType和FileName属性可以分别获取文件的大小、类型和在客户端的路径。,第3章 ASP.NET服务器控件,4. 文件上传控件Input(File） 【例3-4】利用文件上传控件上传文件页面效果如图,第3章 ASP.NET服务器控件,4. 文
14、件上传控件Input(File）,由于上传文件需要对硬盘进行操作， 所以需要引入命名空间System.IO， 且对硬盘有写权限。要想对html控件编 程，同样需要将其转换为html服务器控件。,第3章 ASP.NET服务器控件,3.2.4 HTML服务器控件综合示例 【例3-5】使用html服务器控件完成如下图所示的信息修改的部分页面制作。,第3章 ASP.NET服务器控件,3.3 Web服务器控件 3.3.1 Web服务器控件概述 与HTML服务器控件相比，Web服务器控件的设计更加合理，使用也更加简单。 Web服务器控件存在于System.Web.UI.WebControls命名空间内，并
15、且可以被任何Web窗体使用。,第3章 ASP.NET服务器控件,3.3 Web服务器控件 3.3.1 Web服务器控件概述 Label用于显示文本 TextBox用于建立单行文本输入框、密码输入、多行文本输入。 Button用于建立提交按钮或命令按钮 LinkButton外观像HyperLink，功能与Button类似 ImageButton外观像Image，功能类似于按钮HyperLink用于建立超级链接DropDownList用于建立单选下拉列表框 ListBox用于建立单选或复选列表框 CheckBox用于建立复选框 CheckBoxList用于建立复选框列表，支持数据绑定。 Radio
16、Button用于建立单选钮 RadioButtonList用于建立单选钮列表，支持数据绑定。,第3章 ASP.NET服务器控件,3.3 Web服务器控件 3.3.1 Web服务器控件概述 Image用于插入图片 ImageMap可以定义热点（HotSpot）区域的图片Table可动态添加行列的表格BulletedList创建一个无序或者有序（带编号）的列表，类似于word中的列表LiteralLiteral 控件用于在页面上显示文本。此文本是可编程的。 Calendar用于显示日历并且根据根据用户操作提取日历信息 AdRotator广告轮显控件 FileUpload文件上传控件 MultiView多视图控件Panel面板控件 PlaceHolder可动态添加子元素的容器控件 View视图控件,第3章 ASP.NET服务器控件,3.3.2 常用标准Web服务器控件使用 1.1 Label（标签） 作用： 用于在页面上显示文本 。 语法： ,第3章 ASP.NET服务器控件,3.3.2 常用标准Web服务器控件使用 2. TextBox（文
