加载中...
查看文章
  • 带你走进ASP.NET(3)
  • 作者：飞鹰 来源：www.ASPCool.com 添加时间：2003年3月6日 字体:大 中 小
  • 834901.2.2内容和代码分离

    w[v_   现在的网站建设通常要求开发人员做后台的程序设计，前面有专业的美工做界面设计。虽然有时候开发人员也会做些界面设计，但是通常都无法达到专业的要求。上面说过，在以前的ASP中，由于代码和HTML页面语言混杂在一起，这就使得网站的建设变得相当的困难。在ASP.NET中，微软使用代码后置很好的解决了这个问题。

    w[v_   我w[v_们现在建立一个HTML页面，如下：

    w[v_  <%@ Page language="c#" Codebehind="WebForm1.aspx.cs"

    w[v_   AutoEventWireup="false" Inherits="AspCool.WebForm1" %>

    w[v_  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

    w[v_  <HTML>

    w[v_   <HEAD>

    w[v_   <title>WebForm1</title>

    w[v_   <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">

    w[v_   <meta name="CODE_LANGUAGE" Content="C#">

    w[v_   <meta name="vs_defaultClientScript" content="javascript">

    w[v_   <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5";>

    w[v_   </HEAD>

    w[v_   <body MS_POSITIONING="GridLayout">

    w[v_   <form id="Form1" method="post" runat="server">

    w[v_   <FONT face="宋体">

    w[v_   <asp:TextBox id="TextBox1" style="Z-INDEX: 101; LEFT: 47px; POSITION: absolute; TOP: 23px" runat="server"></asp:TextBox>

    w[v_   <asp:Button id="Button1" style="Z-INDEX: 102; LEFT: 53px; POSITION: absolute; TOP: 76px" runat="server" Text="Button"></asp:Button></FONT>

    w[v_   </form>

    w[v_   </body>

    w[v_   

    w[v_   

    w[v_  从第一行中我w[v_们可以看出，该页面的后台代码全都在WebForm1.aspx.cs文件中。我w[v_们可以在这个文件中编写程序，如下所示：

    w[v_  using System;

    w[v_  using System.Collections;

    w[v_  using System.ComponentModel;

    w[v_  using System.Data;

    w[v_  using System.Drawing;

    w[v_  using System.Web;

    w[v_  using System.Web.SessionState;

    w[v_  using System.Web.UI;

    w[v_  using System.Web.UI.WebControls;

    w[v_  using System.Web.UI.HtmlControls;

    w[v_   

    w[v_  namespace AspCool

    w[v_  {

    w[v_   /// <summary>

    w[v_   /// Summary description for WebForm1.

    w[v_   /// </summary>

    w[v_   public class WebForm1 : System.Web.UI.Page

    w[v_   {

    w[v_   protected System.Web.UI.WebControls.TextBox TextBox1;

    w[v_   protected System.Web.UI.WebControls.Button Button1;

    w[v_   

    w[v_   private void Page_Load(object sender, System.EventArgs e)

    w[v_   {

    w[v_   // Put user code to initialize the page here

    w[v_   }

    w[v_   

    w[v_   #region Web Form Designer generated code

    w[v_   override protected void OnInit(EventArgs e)

    w[v_   {

    w[v_   //

    w[v_   // CODEGEN: This call is required by the ASP.NET Web Form Designer.

    w[v_   //

    w[v_   InitializeComponent();

    w[v_   base.OnInit(e);

    w[v_   }

    w[v_   

    w[v_   /// <summary>

    w[v_   /// Required method for Designer support - do not modify

    w[v_   /// the contents of this method with the code editor.

    w[v_   /// </summary>

    w[v_   private void InitializeComponent()

    w[v_   {

    w[v_   this.Button1.Click += new System.EventHandler(this.Button1_Click);

    w[v_   this.Load += new System.EventHandler(this.Page_Load);

    w[v_   

    w[v_   }

    w[v_   #endregion

    w[v_   

    w[v_   private void Button1_Click(object sender, System.EventArgs e)

    w[v_   {

    w[v_   

    w[v_   }

    w[v_   }

    w[v_  }

    w[v_  通过代码后置，开发人员可以直接修改.cs文件（在Visual Basic.NET中是.vb文件）。而页面设计人员可以修改HTML页面，这样就大大简化了网站的建设过程。

    w[v_  1.2.3 ASP.NET丰富的Web控件

    w[v_   ASP.NET的另外一个优点就是给我w[v_们提供了大量的丰富的Web控件。你可以在System.Web.UI.WebControls名字空间下找到各种各样的Web控件，这些控件中包括运行在服务端的from控件，例如：Button、TextBox等，同时也包括一些特殊用途的控件，如：广告轮换控件、日历控件，以及用户验证控件等。下面我w[v_们就具几个例子来看看如何使用这些控件。

    w[v_   

    w[v_  1． 广告轮换控件<asp:adrotator>

    w[v_  广告轮换控件可以在网页上显示旋转的广告。广告链接信息保存在一个XML文件中，如ads.xml。

    w[v_   

    w[v_  <?xml version="1.0" encoding="utf-8" ?>

    w[v_  <Advertisements>

    w[v_   

    w[v_   <Ad>

    w[v_   <ImageUrl>http://www.aspcool.com/images/newaspcool.gif<;/ImageUrl>

    w[v_   <NavigateUrl>http://www.aspcool.com<;/NavigateUrl>

    w[v_   <AlternateText>Alt Text</AlternateText>

    w[v_   <Keyword>Computers</Keyword>

    w[v_   <Impressions>80</Impressions>

    w[v_   </Ad>

    w[v_   

    w[v_   <Ad>

    w[v_   <ImageUrl>http://www.aspcool.com/images/chat.gif<;/ImageUrl>

    w[v_   <NavigateUrl>http://www.chaxiu.com<;/NavigateUrl>

    w[v_   <AlternateText>Alt Text</AlternateText>

    w[v_   <Keyword>Computers</Keyword>

    w[v_   <Impressions>80</Impressions>

    w[v_   </Ad>

    w[v_  </Advertisements>

    w[v_   

    w[v_  我w[v_们现在在asp.net 页面中加上一个<asp:adrotator>，如下所示：

    w[v_  <HTML>

    w[v_   <HEAD>

    w[v_   <title>广告轮换程序</title>

    w[v_   </HEAD>

    w[v_   <body MS_POSITIONING="GridLayout">

    w[v_   <form id="Form1" method="post" runat="server">

    w[v_   <asp:AdRotator id="AdRotator1" runat="server" Width="468px" Height="60px" AdvertisementFile="ads.xml"></asp:AdRotator>

    w[v_   </form>

    w[v_   </body>

    w[v_  </HTML>

    w[v_  运行此程序，你就会得到一个旋转显示广告的页面了。

    w[v_   

    w[v_  2． 日历控件<asp:calendar>

    w[v_  使用日历控件，我w[v_们可以很快生成一个日历的Web页面。代码如下：

    w[v_  <HTML>

    w[v_   <HEAD>

    w[v_   <title>广告轮换程序</title>

    w[v_   </HEAD>

    w[v_   <body MS_POSITIONING="GridLayout">

    w[v_   <form id="Form1" method="post" runat="server">

    w[v_   <asp:Calendar id="Calendar1" runat="server"></asp:Calendar>

    w[v_   </form>

    w[v_   </body>

    w[v_  </HTML>

    w[v_  在Visual Studio.NET中，你直接从工具栏中拖过来就可以使用了。

    w[v_   

    w[v_  3． 验证控件

    w[v_  以前我w[v_们我w[v_们通过自己写javascript脚本来验证用户输入的信息。在ASP.NET中，只要我w[v_们使用验证控件这些代码也会自动生成。它能够向用户提示输入的错误信息。下面我w[v_就给大家列出这些验证控件：

    w[v_   

    w[v_   

    w[v_  控件名称 说明

    w[v_  RequiredFieldValidator 确保用户不跳过输入。

    w[v_  CompareValidator 使用比较运算符（小于、等于、大于等）将用户的输入与另一控件的常数值或属性值进行比较。

    w[v_  RangeValidator 检查用户的输入是否在指定的上下边界之间。 可以检查数字、字母或日期对内的范围。可以将边界表示为常数。

    w[v_  RegularExpressionValidator 检查输入是否与正则表达式定义的模式匹配。该验证类型允许检查可预知的字符序列，如社会保障号、电子邮件地址、电话号码、邮政编码等中的字符序列。

    w[v_  CustomValidator 使用您自己编写的验证逻辑检查用户的输入。该验证类型允许检查运行时导出的值。

    w[v_  ValidationSummary 以摘要的形式显示页上所有验证程序的验证错误。    

    w[v_   

    w[v_  好了，既然ASP.NET有如此多的优点，让我w[v_们现在就开始安装和使用ASP.NET吧！ 83487
  • 返回页面顶端
  • 上一篇：带你走进ASP.NET(2)
  • 下一篇：带你走进ASP.NET(4)
  • 返回上一页 打印本文 加入收藏
  • 页面最后更新时间：2011年5月18日