Latest web development tutorials

ASP.NET Web 頁面

簡單的ASP.NET 頁面看上去就像普通的HTML 頁面。


Hello W3CSchool.cc

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

Hello W3CSchool.cc!



用HTML 編寫的Hello W3CSchool.cc

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

<html>
<body bgcolor="yellow">
<center>
<h2>Hello W3CSchool.cc!</h2>
</center>
</body>
</html>

如果您想親自嘗試一下,請保存上面的代碼到一個名為"firstpage.htm "的文件中,並創建一個到該文件的鏈接: firstpage.htm


用ASP.NET 編寫的Hello W3CSchool.cc

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

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

<html>
<body bgcolor="yellow">
<center>
<h2>Hello W3CSchool.cc!</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 W3CSchool.cc!</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 W3CSchool.cc!</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 更強大的。