ASP.NET/審視網頁結構
外觀
< 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>