編碼區(qū)段為頁面和控件即其他所需功能提供處理程序。我們提到，ASP.NET 遵從對(duì)象模型?，F(xiàn)在，當(dāng)一些事件在用戶界面發(fā)生，這些對(duì)象會(huì)激發(fā)事件，比如說一個(gè)用戶點(diǎn)擊了一個(gè)按鈕或者移動(dòng)了光標(biāo)。這些事件需要往復(fù)的這類響應(yīng)是在事件處理程序功能里編碼的。事件處理程序除了綁定到空間上的功能就沒什么了。

編碼區(qū)段或者文件后的編碼提供了對(duì)于所有這些事件處理程序的路線，以及其他開發(fā)者使用的功能。頁面代碼可以預(yù)編譯和以二進(jìn)制匯編的形式進(jìn)行部署。

頁面布局

頁面布局提供了頁面的界面。它包含服務(wù)器控件、文本和內(nèi)聯(lián)的 JavaScript 和 HTML 標(biāo)簽。

下面的代碼片段提供了一個(gè) ASP.NET 頁面的示例，解釋了用 C# 編寫的頁面指令、代碼區(qū)段和頁面布局：

<!-- 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>

復(fù)制此文件到 web 服務(wù)器的根目錄。一般的是 c:\iNETput\wwwroot。從瀏覽器中打開文件然后執(zhí)行，它就會(huì)生成以下結(jié)果：

http://wiki.jikexueyuan.com/project/asp-net/images/asp.net_first_example.jpg" alt="image" />

使用 Visual Studio IDE

讓我們用 Visual Studio IDE 展開同樣的例子。你可以直接拖拽控件到設(shè)計(jì)視圖，而不用輸入代碼。

http://wiki.jikexueyuan.com/project/asp-net/images/asp.net_first_example2.jpg" alt="image" />

內(nèi)容文件會(huì)自動(dòng)生成。你只需添加的是 Button1_Click 代碼，即如下所示：

protected void Button1_Click(object sender, EventArgs e)
{
   string buf = TextBox1.Text;
   changed_text.InnerHtml = buf.ToUpper();
}

內(nèi)容文件代碼已給出：

<%@ 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>

通過右鍵點(diǎn)擊設(shè)計(jì)視圖來執(zhí)行此示例，并且從彈出菜單中選擇 ‘View in Browser’。這將生成以下結(jié)果：

http://wiki.jikexueyuan.com/project/asp-net/images/asp.net_first_example3.jpg" alt="image" />

上一篇：調(diào)試下一篇：數(shù)據(jù)庫存取