ASP.NET/審視網頁結構

維基教科書,自由的教學讀本

定義與&顯示變量[編輯]

下面是一個全功能的ASP.NET頁面。展示了幾個概念:變量聲明、變量賦值、輸出變量、使用CSS做格式化輸出。

 <%@ Page Language="C#" trace="false" %>
 <script runat="server">
   void Page_Load(object sender, EventArgs e){
     // declare variables
     string strCarMake;
     string strCarModel;
     // assign variables
     strCarMake = "Mini";
     strCarModel = "Cooper";
     // set label text values
     lblCarMake.Text = strCarMake;
     lblCarModel.Text = strCarModel;
     if(Page.IsPostBack){
       // postback code goes here
     }
   }
 </script>
 <html>
    <head>
      <title></title>
      <style type="text/css">
      .box001 {
          font-family: "trebuchet ms", verdana, sans-serif;
      }
      </style>
    </head>
    <body>
      <form runat="server">
          <asp:label id="lblCarMake" runat="server" cssclass="box001"/> 
          <asp:label id="lblCarModel" runat="server" cssclass="box001"/>
      </form>
    </body>
  </html>

網頁顯示:

 Mini Cooper

下述類似於HTML標籤的label,是「ASP控制項」。最重要的是每個控制項中的id屬性。

  <asp:label id="lblCarMake" runat="server" cssclass="box001"/> 
  <asp:label id="lblCarModel" runat="server" cssclass="box001"/>

<asp:label>屬性CSSCLASS用於關聯一個CSS類。這個CSS類在本頁面中寫在了HTML頭部:

    <style type="text/css">
      .box001 {
          font-family: "trebuchet ms", verdana, sans-serif;
      }
    </style>