当前位置：文档之家 › 第4讲 HTML服务器控件

第4讲 HTML服务器控件

  • 格式：ppt
  • 大小：709.50 KB
  • 文档页数：31
第4讲 HTML服务器控件

合集下载

推荐-HTML控件和Web服务器控件 精品

推荐-HTML控件和Web服务器控件 精品

8
HTML控件（例1）
<!--传统的HTML 静态网页写作方式--> <Html> <Body> <A Href="/Html>
传 统 的 HTML 标 记 无 法 利 用 程 序 直 接 控 制 ， 这 是 因 为 HTML标记当初设计时并没有彻底对象化；所以如果要动态的 利用程序设定标记的属性，必需要插入ASP 程序才可以，如 下所示：
</Script>
12
HTML控件（例3注释）
HTML 控件比HTML标记多了ID 以及Runat 这 两种属性。ID 属性表示程序是以本属性来控制对象的， 所以任何对象的名称不可重复，不管它们是否为同一 种类。而Runat 属性表示这个对象是在Server 端执 行，所有的HTML 控件都必须加上这个属性设定值； 倘若该对象在程序执行时不需要被程控，则可以忽略 ID 属性的设定。
ASP 网页设计师没有办法直接利用程控对象， 所以必需在标记后面插入一些ASP 程序代码。这就 是为什么以前的ASP 程序代码非常杂乱，常常会看 到标记中插入许多叙述的程序，这样会导致程序代 码在维护以及阅读上的困难。 为了要解决 这种杂乱无章的程序写作风格，便将HTML标记对 象化而产生出HTML 控件。HTML 控件可以让程序 直接控制并设定其属性，如下范例所示：
7
5. 1 HTML控件
HTML 控 件 由 HTML 标 记 衍 生 而 来 ， HTML 控件在外形上与普通的HTML标记很相似，几乎所 有 的 HTML 标 记 加 上 runat=“Server” 这 个 Server 控 件 的 标 识 属 性 后 ， 都 可 以 变 成 HTML 控 件。我们可以使用如 或C# 等语言来撰写 控制HTML 控件的程序， 把HTML标记 对象化，可以让网页对象的互动、程序的写作及维 护变的更轻松容易，也让执行的效率明显的改善不 少。 将HTML标记对象化的好处，我们 观察以下程序便了解：
HTML控件和Web服务器

HTML控件和Web服务器


5.2 标准服务器端控件
5.2.6 FileUpload控件
2、FileUpload控件的安全性 使用FileUpload控件，用户可能上传具有潜在危险的文件，
如包含脚本的文件或可执行文件 文件上传过程中无法预先限制用户可以上载的文件，若要限
制上传文件的类型，则必须在上传文件后检查文件特征 （ContentType） 在提交页面之前，可以使用客户端脚本来检查文本框中键入 的文件名称。但并不绝对安全。 例5-2
存在服务器内存中。文件上传后，页面代码开始运行。 访问上载的文件方式
作为在FileUpload控件的FileBytes属性中公开的字节数 组
FileContent属性中公开的流 作为PostedFile属性中类型HttpPostedFile对象，该对
象的某些属性（ContentType、ContentLength）提供 所上载文件的信息。
例5ห้องสมุดไป่ตู้3
5.2 标准服务器端控件
5.2.8 容器控件 容器控件是指可以安放其他控件的控件。 2.0提供有
两种容器控件，PlaceHolder和Panel控件。 PlaceHolder控件用于在Web页面上保留一个位置，以便在程
序运行时向其中动态地添加其他控件，这对动态网页的布局设 计是十分有利的。 Panel控件对应于HTML的<div>标记，其作用与 PlaceHolder控件相似，可以将放置在其中的一组控件作为一 个整体来操作。
5.2 标准服务器端控件
5.2.8 容器控件 最常用的是通过设置Panel的Visible属性来控制这一组控件
的显示或隐藏。 两个控件的区别在于，Panel有输出客户端脚本，而
PlaceHolder仅仅在服务器端起分组的作用。所以在页面中 的控件有进行分组的情况下，客户端的脚本有需要对分组进 行简单的 显示/隐藏，改变颜色等操作，则应该使用Panel 控件，否则应该使用PlaceHolder控件。 例5-4
服务器控件的基本知识

服务器控件的基本知识


Input(CheckBox) 创建一个复选框
15
3.3.2 常用的HTML服务器控件
HTML服务器控件 Input(CheckBox) Input(Radio) 功能说明 创建一个复选框 创建一个单选按钮 生成的HTML元素 <intput type=”checkbox”> <input type=”radio”>
要想改变标签中显示的文字，可通过修改Text属性来实现。有两 种方法：

一是在标签的属性窗口中直接修改Text属性； 二是通过编程方式，在程序运行过程中在标签中动态显示 文本。
如：Label2.Text = TextBox1.Text + "您好!"
19
2. TextBox控件（1）
文本框控件TextBox是用得最多控件之一，该控件可以用来显示 数据，也可以用来接收用户输入的数据。语法格式如下： <asp:TextBox ID="TextBox1" runat="server" Text="要显示或输入的文本" TextMode="SingleLine|MultiLine|Password" Columns="为多行文本框时的列数" Rows="为多行文本框时的行数" MaxLength="文本框中允许输入的最多字符数" Wrap="True|False" >
22
ImageButton控件
图像按钮ImageButton控件综合了Image控件和Button控
件的功能，用于创建图像外观的按钮，功能与Button控件
相同，语法格式如下：
服务器控件概述

服务器控件概述


“Runat="Server"”属性，如果没有就会被直接发送到客户端的浏览器进
行解析，如果有则表示这个控件可以被.NET程序所控制，需要等到程序执
行完毕，再将HTML控件的执行结果发送到客户端浏览器。
服务器控件的属性、事件和方法
•
Web程序设计采用了面向对象的编程思想，服务器1_Click”的方法，
• 创建事件处理程序： • （1）在设计视图中选择控件； • （2）在“属性”对话框中单击“事件符
号”，将显示所选控件的事件列表；
• （3）在事件旁边的单元格中执行下列其中 一个操作。
• 双击。 • 输入要创建的事件处理程序的名称。 • 从下拉列表中选择已有的事件处理程序名称。
服务器控件概述
•
服务器控件是指在服务器上执行程序逻辑的组件，
常常具有一定的用户界面。服务器控件包含在
页面中，当运行页面时，用户与控件发生交互行为，当
页面被提交时，控件可在服务器端引发事件，在服务器
端，则会根据相关事件处理程序来进行事件处理。
服务器控件分类
•
提供了多种服务器控件，根据定义方式，可分为
• （1）通过鼠标创建
•
在“工具箱”窗口中选择需要的控件后，通过鼠标左键拖放到页面上
或直接双击，即可在页面上创建相应控件。
• （2）在页面HTML视图中，通过编辑代码实现
•
同HTML中的控件不同，服务器控件的特点是拥有“Runat="Server"”
属 性 。 当 网 页 执 行 时 ， .NET 会 检 查 页 面 上 的 标 签 有 无
一系列的类，如Button控件类等。每一个具体的服务器控件便是这个类的 一个具体实例，称之为对象，如在页面上新创建的按钮控件Button1。