分享
 
 
 

[ASP.NET 教程] 二. Web Forms

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

1. 服务器端处理

虽然form.html能够通过post或者get方法产生回发,但是它仍然不能够处理用户输入,仍然是一个静态页面,现在我们需要在服务器端处理用户输入及回发。

在服务器端处理用户输入有很多方式,因为本文是ASP.NET教程,故只谈ASP.NET。

ASP.NET使用Web Form来描述Web页面,通过面向对象的编程方式,配合.NET Framework,使Web应用程序设计变得更简单,更高效,功能更为强大。

2. Web Forms

先从一个简单的示例程序开始:

doadd.aspx

HTML 代码:

<html>

<head>

<title>web form</title>

</head>

<body>

<form runat="server">

<asp:TextBox runat="server" id="value1" />

+ <asp:TextBox runat="server" id="value2" />

<asp:Button runat="server" Text=" = " OnClick="Add" />

<asp:Label runat="server" id="result" />

</form>

</body>

</html>

<script language="c#" runat="server">

void Add(object sender, EventArgs e)

{

if(value1.Text == "")

value1.Text = "0";

if(value2.Text == "")

value2.Text = "0";

try

{

result.Text = (int.Parse(value1.Text) + int.Parse(value2.Text)).ToString();

}

catch

{

result.Text = "Error";

}

}

</script>

这里假设读者已经正确安装IIS和ASP.NET,且Web服务器的主目录为C:\Inetpub\wwwroot\,以后如无特殊说明,均如此。

将该文件放在C:\Inetpub\wwwroot\,保存为doadd.aspx,然后在浏览器的地址栏输入http://localhost/doadd.aspx ,Web Form即呈现在浏览器中。

页面上有2个输入框,一个按钮,当用户单击“=”按钮时,程序会将2个输入框中的值相加,然后将结果显示在等号按钮之后,如果输入了错误的值,结果显示“Error”。

这个程序十分简单,但是它却是一个完整的动态Web程序。它在服务器端处理用户输入,然后动态生成HTML页面。

使用IE打开页面后,选择菜单【查看】|【源文件】,会看到下面的HTML源代码:

HTML 代码:

<html>

<head>

<title>web form</title>

</head>

<body>

<form name="_ctl0" method="post" action="1.aspx" id="_ctl0">

<input type="hidden" name="__VIEWSTATE" value="dDwxOTE0NDY4ODE2Ozs+yeczcNbLHD6d7s7+Uue+wrxR/6I=" />

<input name="value1" type="text" id="value1" />

+ <input name="value2" type="text" id="value2" />

<input type="submit" name="_ctl1" value=" = " />

<span id="result"></span>

</form>

</body>

<html>

可以看出来TextBox控件变成了<input type=”text” />标记,Button控件变成了<input type=”submit” />标记,Label控件变了<span></span>标记,其中还有一个奇怪的<input type=”hidden”>标签,名为__VIEWSTATE,现在只需要知道它是ASP.NET用来处理服务器和浏览器间往返数据的一种机制,以后会详细介绍。

观察aspx文件,可以看到form标签和其中的所有控件都有一个属性:runat=”server”,这表示这个标签在服务器端运行,而不是直接发送到客户端浏览器。

一个<asp:...>控件实际上是对应于一个System.Web.UI.WebControls中的类,比如<asp:TextBox />对应于System.Web.UI.WebControls.TextBox,<asp:Button />对应于System.Web.UI.WebControls.Button,这些标签中还可以包含一些其他属性,例如<asp:Button/>的Text属性对应了System.Web.UI.WebControls.Button类中的Text属性,比较特殊是id属性,它表示该控件的可编程名称,用于在代码中访问该控件。

<script></script>脚本块也标记为了runat=”server”,因为这是在服务器端运行的代码,而不是客户端脚本。

观察<asp:Button />标签,其中有一个属性:OnClick=”Add”,它指定了一个事件处理程序,当用户点击按钮时,会触发该Click事件,于是程序调用<script></script>块中的Add方法。添加事件处理的规则是:将事件名称加上前缀“On”,作为控件标记的一个属性。例如:<asp:Button OnLoad=”button_load” runat=”server” />,其中的事件名称,可以查阅.NET Framework SDK文档中对应类的公共事件。

下面简单描述一下事件模型的底层原理,在服务器返回给客户端的HTML中,有一个html form,其中有一个提交按钮,单击这个按钮时,浏览器利用POST方法将<input>控件中的输入传回服务器,ASP.NET知道用户单击了“=”按钮而产生了回发 ,在服务器端响应Click事件,于是ASP.NET调用Add方法,然后再一次生成HTML页面,因为调用Add方法时对Label控件的Text属性赋了值,所以生成的HTML中<span></span>标记包含了一个字符串,对应Label控件的Text属性值。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有