Web Forms 頁面



簡單的 ASP.NET 頁面看起來就像是普通的 HTML 頁面。


Hello RUNOOB.COM

在開始學習ASP.NET 之前,我們先來建立一個簡單的HTML 頁面,該頁面將在瀏覽器中顯示"Hello RUNOOB.COM ":

Hello RUNOOB.COM!





用HTML 寫的Hello RUNOOB.COM

下面的程式碼將以HTML 頁面的形式顯示實例:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello RUNOOB.COM!</h2>
</center>
</body> ;
</html>

如果您想親自嘗試一下,請保存上面的程式碼到一個名為"firstpage.htm" 的檔案中,並建立一個到該文件的連結:firstpage.htm。


用ASP.NET 寫的Hello RUNOOB.COM

轉換HTML 頁面為ASP.NET 頁面最簡單的方法是,直接複製一個HTML 文件,並且把新文件的副檔名改成.aspx

下面的程式碼將以ASP.NET 頁面的形式顯示實例:

<html>
<body bgcolor="yellow">
< ;center>
<h2>Hello RUNOOB.COM!</h2>
</center>
</body>
</html>
##

如果您想親自嘗試一下,請保存上面的程式碼到一個名為 "firstpage.aspx" 的檔案中,並建立​​一個到該檔案的連結:firstpage.aspx。


它是如何運作的?

從根本上講,ASP.NET 頁面與 HTML 是完全相同的。

HTML 頁面的副檔名是 .htm。如果瀏覽器向伺服器要求一個 HTML 頁面,伺服器可以不進行任何修改,就直接傳送頁面給瀏覽器。

ASP.NET 頁面的副檔名是 .aspx。如果瀏覽器向伺服器請求個 ASP.NET 頁面,伺服器在將結果傳回給瀏覽器之前,需要先處理頁面中的可執行程式碼。

上面的 ASP.NET 頁面不包含任何可執行的程式碼,所以沒有執行任何東西。在下面的實例中,我們將添加一些可執行的程式碼到頁面中,以便示範靜態 HTML 頁面和動態 ASP 頁面的不同之處。


經典 ASP

Active Server Pages (ASP) 已經流行很多年了。透過 ASP,可以在 HTML 頁面中放置可執行程式碼。

先前的 ASP 版本(在 ASP.NET 之前)通常被稱為經典 ASP。

ASP.NET 不完全相容於經典 ASP,但只需要經過少量的修改,大部分經典 ASP 頁面就可以作為 ASP.NET 頁面良好地運作。

如果您想學習更多關於經典 ASP 的知識,請訪問我們的 ASP 教程。


用經典ASP 寫的動態頁面

為了示範ASP 是如何顯示包含動態內容的頁面,我們將會在上面的實例中加入一些可執行的程式碼(紅色字體識別):

<html>
<body bgcolor="yellow">
<center>
<h2>Hello RUNOOB.COM!< /h2>
<p><%Response.Write(now())%></p>
</center>
</body> ;
</html>

<% --%> 標籤內的程式碼是在伺服器上執行的。

Response.Write 是用來在 HTML 輸出流中寫東西的 ASP 程式碼。

Now() 是一個傳回伺服器目前日期和時間的函數。

如果您想親自嘗試一下,請保存上面的程式碼到一個名為 "dynpage.asp" 的檔案中,並建立​​一個到該檔案的連結:dynpage.asp。


用ASP .NET 寫的動態頁面

下面的程式碼將以ASP.NET 頁面的形式顯示實例:

<html>
<body bgcolor="yellow">
<center>
<h2>Hello RUNOOB.COM!</h2>
<p><% Response.Write(now())%></p>
</center>
</body>
</html>
#

如果您想親自嘗試一下,請保存上面的程式碼到一個名為 "dynpage.aspx" 的檔案中,並建立​​一個到該檔案的連結:dynpage.aspx。


ASP.NET 比較經典 ASP

上面的實例無法示範 ASP.NET 與經典 ASP 之間的任何差異。

如同最後的兩個實例中,您看不出 ASP 頁面和 ASP.NET 頁面兩者之間的差異。

在下一章中,您將看到伺服器控制項是如何讓 ASP.NET 比經典 ASP 更強大的。


#