Web窗体控件的应用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 一、Web窗体概述
  • 二、基本服务器控件及应用
    • 1.标签类和文本框控件
    • 2.文本输入框控件 Textbox
    • 3.按钮控件
  • 总结


前言

        ASP.NET 提供了服务器控件来组建Web页面,使用这种方式,程序员不用学习复杂的 HTML 就可以创建出动态的 Web页面。服务器控件以对象的形式被创建和配置,它们运行在服务器端并能自动生成与自身对应的HTML。此外,服务器控件能够像 Windows 控件一样保持状态和触发事件。


一、Web窗体概述

1.什么是Web窗体?

        Web窗体是文件扩展名为.aspx的文本文件。它能够包含静态HTML网页中的所有内容,如 HTMI.代码、JavaScript脚本等。另外,Web窗体页还包含了 ASP.NET识别和处理的服务器和客户端元素,如ASP.NET 指令.Web服务器端控件和服务器端代码等。
【案例1】显示Default.aspx 页面的 HTML代码。Default.aspx是一个最简单的Web窗体,它的标题为“一个简单的 Web 窗体"。
<%@Page Lanpage="C#” AutoEventWinup=" truin" CodeFile=" Defauh.asp.cs" Inherits ="<! DOCTYPE html PUBLIC*-//W3C//DTD XHTML1.0 Trunsitional//EN""htp://www.w3 transitional.dtd " >
<htmlxmins=* http://www.w3.org/1999/html">
<head runat = " server" ><title>一个简单的 Web 窗体</title></head>
<body><form id = " fann!" runat = " server">
<div></div>
</form>
</body>
</html>
<%@Page Lanpage="C#” AutoEventWinup=" truin" CodeFile=" Defauh.asp.cs" Inherits ="<! DOCTYPE html PUBLIC*-//W3C//DTD XHTML1.0 Trunsitional//EN""htp://www.w3 transitional.dtd " >
<htmlxmins=* http://www.w3.org/1999/html">
<head runat = " server" ><title>一个简单的 Web 窗体</title></head>
<body><form id = " fann!" runat = " server">
<div></div>
</form>
</body>
</html>

其中,需要说明的是,<s@Page Languag=*C*….%>为ASP.NET 页面指令。
<htmlxmlns = *http://www.w3.ong/1999/shtml">指定该页面使用的命名空间。
shea runmt=*mrver"><tille>一个简单的Web 窗体页</tile></hemd>为该页面的头部分,指定了该页面的标题。
um it ="form!” nna="mener" ..</1mm>为<urm>元素,并使用“nnat=erver“属性指定该元素在服务器端运行。

2.页面指令

        ASP.NET 页面中的前几行一般是<%@…%>这样的代码,叫做页面的指令,用来定义ASP. NET 页分析器和编译器使用的特定于该页的一些定义。在.aspx文件中使用的页面指令一般有以下几种。
1)<%@ Page%>。
<%@ Page%>指令可定义 ASP.NET 页分析器和编译器使用的属性,一个页面只能有一个这样的指令。

【案例2】显示Index.aspx页面中的@Page指令。
<%@ Page Language="C#"CodeFile=" Default.aspx.cs" Inherits =" _Default" %>

<%@ Page Language="C#"CodeFile=" Default.aspx.cs" Inherits =" _Default" %>


其中,Language 属性指定 Index.aspx页面的编程语言为C#。CodeFile属性指定 Index.aspx页面的代码隐藏文件为Index.aspx.cs。Inherits 属性指定Index.aspx页面的代码包含在Index分部类中。
2)<%@ Master%>指令。
@Master 指令能够指定母版页的属性,这些属性将被页分析器和编译器所使用。

【案例3】显示Default.master母版页中的@ Master指令。
<%@ Mater Language=" C#” AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<%@ Mater Language=" C#” AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>


        其中,Language属性指定Default.master母版页的编程语言为C#。AutoEventWireup属性表明控件的事件是否自动匹配。CodeFile属性指定 Default.master页面的代码隐藏文件为Default. master.cs。Inherits 属性指定 Default.master母版页的代码包含在Defaul 分部类中。

3)<%@ Control %>。
<%@ Control %>指令定义 ASP.NET 页分析器和编译器使用的特定于用户控件(.asex文件)的属性。

        @Control 指令只能用于用户控件(.ascx)中。(其源代码只能包含在.ascx文件中)。
        每个.asex 文件只能包含一条@ Control 指令。此外,对于每个@Control 指令,只允许定义个Lnguage属性,因为每个控件只能使用一种语言。
        语法:<%@ Control attribute=" value" [ attribute =" value" ..]%>

        其中,attribute 表示@Control指令中的相关属性。

例如:<%@Control Language="C#" %>

4) <%@Import Namespace =" Value" %>。
<%@Import Namespace= "Value"%>指令可将命名空间导人ASP.NET应用程序文件中,个指令只能导人一个命名空间。如果要导人多个命名空间,应使用多个@Import指令来执行有些命名空间是ASP.NET 默认导人的,没有必要再重复导人。
5)<%@ OutputCache%>。
<%@ OutputCache%>指令可设置页或页中包含的用户控件的输出缓存策略。

6)<%@ Implements Interface ="接口名称"%>。
<%@ Implements Interface ="接口名称"%>指令用来定义要在页或用户控件中实现的接口。
7)<%@ Register%>。
<%@ Register%>指令用于创建标记前缀和自定义控件之间的关系,有下面3种写法:<%@ Register tagprefix= " tagprefix" namespace = " namespace" assembly = " assembly" %><s@Register tagprefix =" tagprefix”namespace =" namespace" %>
<%@Register tagprefix=" tagprefix" tagname =" tagname". sre = " pathname" %>

二、基本服务器控件及应用

1.标签控件Label

        Label控件又称为标签控件,它可以在Web窗体页上显示静态文本。声明该控件的语法如下,<asp:Label ID="Labell" runat=" server" Text=" 需要显示的文本" .../>
或者 

<asp:Label ID="Label1" runat=-”serve" >需要显示的文本</asp:Label>

<asp:Label ID="Label1" runat=-”serve" >需要显示的文本</asp:Label>


        Label控件可以通过其Text属性来设置需要显示的文本,或者将需要显示的文本放置在控的内成文本中。Label控件可以显示文本信息,而且没有边框控件也不具有事件。

2.文本输入框控件 Textbox
        Textbox控件又称为输入框控件或文本输人框控件,它可以供用户在Web窗体页上输入单行或多行文本信息。声明该控件的语法如下:
<amp:Testfas runat = "wene*[D ="texthox 1*.…...></asp;TextBox>

<amp:Testfas runat = "wene*[D ="texthox 1*.…...></asp;TextBox>


TextBox控件大部分属性设置和Label控件类似,下面主要介绍TextMode属性。
TextMode 属性主要用于控制TextBox控件的文本显示方式 该属性的设置选项有以下3种。
(1)单行(SingleLine):用户只能在一行中输入信息,还可以通过设置TextBox的Columns 具性值限制文本的宽度;通过设置MaxLength属性值限制输入的最大字符数。
(2)多行(MultiLine):文本很长时,允许用户输入多行文本并执行换行,还可以通过设置 TextBox的Rows属性值,限制文本框显示的行数。
(3)密码(Password):将用户输人的字符用黑点(·)屏蔽,以隐藏这些信息。
3.按钮控件

        1)Button 控件:Button控件可以分为提交按钮控件和命令按钮控件两类。提交按钮控件只是将Web页面回送到服务器,默认情况下,Button控件为提交按钮控件;命令按钮控件一般包含与控件相关联的命令,用于处理控件命令事件。定义Button控件的语法格式如下:<asp; Button ID=" Button1" runat =" server" Text="按钮上的文本"οnclick=" Buttonl_Click" />

<asp; Button ID=" Button1" runat =" server" Text="按钮上的文本"onclick=" Buttonl_Click" />

Butlon控件的大部分属性和Label控件类似,在此主要介绍Butlon控件的CausesValidationOn- ClientClick 和 PostBackUrl属性的设置。
Causes Validation属性主要用来确定该控件是否导致激发验证。例如,用户在注册时,将会添加多个验证控件,但在单击“重置”按钮时,并不需要触发验证控件的激发验证,此时就可以将“重置”按钮的CausesValidation属性设置为false,防止在单击该按钮时导致控件的激发验证。
OnClientClick属性是在客户端上执行的客户端脚本。例如,可以在属性窗口上,设置 Button 控件的 OnClientClick 属性值为“window.external. addFavorite (' http://www.baidu.com'.
选项有
‘百度’)”,当运行程序时,单击该按钮将会打开一个“添加到收藏夹”窗口,收藏本网站。
PostBackUrl属性是获取或设置单击Button控件时从当前页发送到网页的URL。例如,可以在属性窗口上设置Button控件的PostBackUd属性值为NewWebPage.aspx,当运行程序时,单击该按钮将会跳转到新页(NewWebPage.aspx)中。
2)LinkButton控件:即超链接按钮控件,在功能上与Button控件相同,但它在页面上会呈现为一个超级链接的形式。应用程序可以采用两种不同的方式使用LinkButton控件。
(1)把链接文本放置在控件中的使用方法如下。
<asp: LinkButton id=" MyLinkButton" CausesValidation =" Truel False" OnClick ="OnClickMethod"Texu=“链接显示文本” runat = " server"/>
(2)把链接文本放置在控件外的使用方法如下:
<asp: LinkBatton id="MyLinkBunon"CausesValidation=" Truel False" OnClick =" OnClickMethod"nunat ="server" >链接显示文本</wp;LinkButlon>
以上两种方式显示的样式是相同,区别是链接文本属性放置的位置不同。
3)ImageButton控件:即图片按钮控件,功能与Button控件相同,只是lmageButton控件使用图片作为其外观。ImageButton控件的主要属性如下。
①AlternateText属性:指定在图像无法显示时显示的备用文本。
②1mageAlign 属性:指定图像的对齐方式(Left、Right 、Top、Botton等)。③ImageUrl 属性:指定要显示的图片或图像的URL。
单选按钮(组)控件
单选按钮控件(RadioButton)很少单独使用,通常在页面中添加一组RadioButton 控件,这一组 RadioButton控件被分配一个相同的组名(CroupName),它们之间的关系是互斥的。程序运行时,每次只能选择该组中的一个单选按钮。当然可以在同一个页面中创建多个单选按钮组每一组均有自己独立的组名,每一组内的单选按钮间互斥。定义RadioButton控件的语法格式如下:
<asp:RadioButton ID=" RadioButtonI"oncheckedchanged=" RadioButtonI_CheckedChanged" runat = " server"GroupName="组名"Text="按钮旁显示的文本"/>

<asp:RadioButton ID=" RadioButtonI"oncheckedchanged=" RadioButtonI_CheckedChanged" runat = " server"GroupName="组名"Text="按钮旁显示的文本"/>


 


 


总结
        以上就是今天要讲的内容,本文仅仅简单介绍了Web窗体控件的应用的使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值