ASP.NET Web 頁面

2018-03-16 15:37 更新

ASP.NET Web Forms - HTML 頁面

本節(jié)講解了 ASP.NET 頁面的編寫,并將它與 HTML 頁面的編寫進行了簡單的比較。

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


Hello w3cschool.cn

在開始學(xué)習(xí) ASP.NET 之前,我們先來構(gòu)建一個簡單的 HTML 頁面,該頁面將在瀏覽器中顯示 "Hello w3cschool.cn":

Hello w3cschool.cn!



用 HTML 編寫的 Hello w3cschool.cn

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

<html>
<body bgcolor="yellow">
<center>
<h2>Hello w3cschool.cn!</h2>
</center>
</body>
</html>

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


用 ASP.NET 編寫的 Hello w3cschool.cn

轉(zhuǎn)換 HTML 頁面為 ASP.NET 頁面最簡單的方法是,直接復(fù)制一個 HTML 文件,并把新文件的擴展名改成 .aspx 。

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

<html>
<body bgcolor="yellow">
<center>
<h2>Hello w3cschool.cn!</h2>
</center>
</body>
</html>

如果您想親自嘗試一下,請保存上面的代碼到一個名為 "firstpage.aspx" 的文件中,并創(chuàng)建一個到該文件的鏈接:firstpage.aspx


它是如何工作的?

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

HTML 頁面的擴展名是 .htm。如果瀏覽器向服務(wù)器請求一個 HTML 頁面,服務(wù)器可以不進行任何修改,就直接發(fā)送頁面給瀏覽器。

ASP.NET 頁面的擴展名是 .aspx。如果瀏覽器向服務(wù)器請求個 ASP.NET 頁面,服務(wù)器在將結(jié)果發(fā)回給瀏覽器之前,需要先處理頁面中的可執(zhí)行代碼。

上面的 ASP.NET 頁面不包含任何可執(zhí)行的代碼,所以沒有執(zhí)行任何東西。在下面的實例中,我們將添加一些可執(zhí)行的代碼到頁面中,以便演示靜態(tài) HTML 頁面和動態(tài) ASP 頁面的不同之處。


經(jīng)典 ASP

Active Server Pages (ASP) 已經(jīng)流行很多年了。通過 ASP,可以在 HTML 頁面中放置可執(zhí)行代碼。

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

ASP.NET 不完全兼容經(jīng)典 ASP,但是只需要經(jīng)過少量的修改,大部分經(jīng)典 ASP 頁面就可以作為 ASP.NET 頁面良好地運行。

如果您想學(xué)習(xí)更多關(guān)于經(jīng)典 ASP 的知識,請訪問我們的 ASP 教程。


用經(jīng)典 ASP 編寫的動態(tài)頁面

為了演示 ASP 是如何顯示包含動態(tài)內(nèi)容的頁面,我們將向上面的實例中添加一些可執(zhí)行的代碼(紅色字體標(biāo)識):

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

<% --%> 標(biāo)簽內(nèi)的代碼是在服務(wù)器上執(zhí)行的。

Response.Write 是用來向 HTML 輸出流中寫東西的 ASP 代碼。

Now() 是一個返回服務(wù)器當(dāng)前日期和時間的函數(shù)。

如果您想親自嘗試一下,請保存上面的代碼到一個名為 "dynpage.asp" 的文件中,并創(chuàng)建一個到該文件的鏈接:dynpage.asp。


用 ASP .NET 編寫的動態(tài)頁面

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

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

如果您想親自嘗試一下,請保存上面的代碼到一個名為 "dynpage.aspx" 的文件中,并創(chuàng)建一個到該文件的鏈接:dynpage.aspx。


ASP.NET 對比經(jīng)典 ASP

上面的實例無法演示 ASP.NET 與經(jīng)典 ASP 之間任何的不同之處。

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

在下一章中,您將看到服務(wù)器控件是如何讓 ASP.NET 比經(jīng)典 ASP 更強大的。

相關(guān)教程

HTML教程

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號