欢迎光临
我们一直在努力

[ASP.NET 教程] 二. Web Forms-.NET教程,Asp.Net开发

建站超值云服务器,限时71元/月

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属性值。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » [ASP.NET 教程] 二. Web Forms-.NET教程,Asp.Net开发
分享到: 更多 (0)