ASP.NET 第一个示例
一个 ASP.NET 页面由许多服务器控件以及 HTML 控件、文本和图像组成。来自页面的敏感数据和页面上不同控件的状态存储在构成该页面请求上下文的隐藏字段中。
ASP.NET 运行时控制页面实例与其状态之间的关联。 ASP.NET 页面是页面的对象或从它继承。
页面上的所有控件也是从父控件类继承的相关控件类的对象。运行页面时，会创建对象页面的实例及其所有内容控件。
ASP.NET 页面也是使用 .aspx 扩展名保存的服务器端文件。它本质上是模块化的，可以分为以下核心部分：
页面指令
代码部分
页面布局
页面指令
页面指令设置页面运行的环境。 @Page 指令定义了 ASP.NET 页面解析器和编译器使用的特定于页面的属性。页面指令指定应如何处理页面，以及需要对页面进行哪些假设。
它允许导入命名空间、加载程序集以及使用自定义标记名称和命名空间前缀注册新控件。
代码部分
代码部分提供页面和控件事件的处理程序以及所需的其他功能。我们提到过，ASP.NET 遵循对象模型。现在，当用户界面上发生某些事件时，这些对象会引发事件，例如用户单击按钮或移动光标。这些事件需要回报的响应类型在事件处理函数中编码。事件处理程序只不过是绑定到控件的函数。
代码部分或代码隐藏文件提供了所有这些事件处理程序例程以及开发人员使用的其他功能。页面代码可以以二进制程序集的形式进行预编译和部署。
页面布局
页面布局提供页面的界面。它包含服务器控件、文本、内联 JavaScript 和 HTML 标记。
以下代码片段提供了一个示例 ASP.NET 页面，解释了用 C# 编写的页面指令、代码部分和页面布局：
<!--directives-->
<% @Page Language="C#" %>
<!--code section-->
<script runat="server">
private void convertoupper(object sender, EventArgs e)
{
string str = mytext.Value;
changed_text.InnerHtml = str.ToUpper();
}
</script>
<!--Layout-->
<html>
<head>
<title> Change to Upper case </title>
</head>
<body>
<h3> Conversion to Upper case </h3>
<form runat="server">
<input runat="server" id="mytext" type="text" />
<input runat="server" id="button1" type="submit" value="Enter..." OnServerClick="convertoupper"/>
<hr />
<h3> Results: </h3>
<span runat="server" id="changed_text" />
</form>
</body>
</html>
将此文件复制到 Web 服务器根目录。一般是c:\iNETput\wwwroot。从浏览器打开文件执行，结果如下：
使用 Visual Studio IDE
让我们使用 Visual Studio IDE 开发相同的示例。您无需输入代码，只需将控件拖到设计视图中即可：
内容文件是自动开发的。只需要添加Button1_Click例程，如下：
protected void Button1_Click(object sender, EventArgs e)
{
string buf = TextBox1.Text;
changed_text.InnerHtml = buf.ToUpper();
}
内容文件代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
Inherits="firstexample._Default" %>
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>
Untitled Page
</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" style="width:224px">
</asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Enter..." style="width:85px" onclick="Button1_Click" />
<hr />
<h3> Results: </h3>
<span runat="server" id="changed_text" />
</div>
</form>
</body>
</html>
通过右键单击设计视图并从弹出菜单中选择"在浏览器中查看"来执行示例。这会生成以下结果：
