转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
[ASP.NET 教程] 二. Web Forms         ★★★★

[ASP.NET 教程] 二. Web Forms

作者:闵涛 文章来源:闵涛的学习笔记 点击数:594 更新时间:2009/4/23 10:41:38
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属性值。


[聊天工具]Gmail推出新功能:Web Clip__天极Yesky  [聊天工具]Web MSN你玩了吗__天极Yesky
[系统软件]Web Browser Express 概述  [系统软件]对Internet Explorer Web 控件做一点修改
[常用软件]小技巧:三步实现Web迅雷录制PPLive节目  [常用软件]Discuz!论坛“傻瓜式”安装教程
[常用软件]演绎段氏凌波微步 AutoHotkey 0级入门教程  [常用软件]天网防火墙:打开WEB和FTP服务
[VB.NET程序]使用VB.Net做一个配置web.config功能的WinForm(原…  [VB.NET程序]vb.net控件、web service简述
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台