带你走进ASP.NET(2)

最新推荐文章于 2025-02-12 19:23:50 发布

转载最新推荐文章于 2025-02-12 19:23:50 发布 · 1.1k 阅读

标签

#asp.net #webform #textbox #calendar #asp

.NET 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了ASP.NET的主要特点，包括代码后置实现内容与代码分离、丰富的Web控件及其使用方法，并提供了ASP.NET的安装指南及开发工具推荐。

/*
  作者:飞鹰
  ASP酷技术资讯网(www.ASPCool.com)版权所有,如转载,请保留此信息.
  */

  1.2.2内容和代码分离
   现在的网站建设通常要求开发人员做后台的程序设计，前面有专业的美工做界面设计。虽然有时候开发人员也会做些界面设计，但是通常都无法达到专业的要求。上面说过，在以前的ASP中，由于代码和HTML页面语言混杂在一起，这就使得网站的建设变得相当的困难。在ASP.NET中，微软使用代码后置很好的解决了这个问题。
   我们现在建立一个HTML页面，如下：
  <%@ Page language="c#" Codebehind="WebForm1.aspx.cs"
   AutoEventWireup="false" Inherits="AspCool.WebForm1" %>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
  <HTML>
   <HEAD>
   <title>WebForm1</title>
   <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
   <meta name="CODE_LANGUAGE" Content="C#">
   <meta name="vs_defaultClientScript" content="JavaScript">
   <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
   </HEAD>
   <body MS_POSITIONING="GridLayout">
   <form id="Form1" method="post" runat="server">
   <FONT face="宋体">
   <asp:TextBox id="TextBox1" style="Z-INDEX: 101; LEFT: 47px; POSITION: absolute; TOP: 23px" runat="server"></asp:TextBox>
   <asp:Button id="Button1" style="Z-INDEX: 102; LEFT: 53px; POSITION: absolute; TOP: 76px" runat="server" Text="Button"></asp:Button></FONT>
   </form>
   </body>


  从第一行中我们可以看出，该页面的后台代码全都在WebForm1.aspx.cs文件中。我们可以在这个文件中编写程序，如下所示：
  using System;
  using System.Collections;
  using System.ComponentModel;
  using System.Data;
  using System.Drawing;
  using System.Web;
  using System.Web.SessionState;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.HtmlControls;

  namespace AspCool
  {
   /// <summary>
   /// Summary description for WebForm1.
   /// </summary>
   public class WebForm1 : System.Web.UI.Page
   {
   protected System.Web.UI.WebControls.TextBox TextBox1;
   protected System.Web.UI.WebControls.Button Button1;

   private void Page_Load(object sender, System.EventArgs e)
   {
   // Put user code to initialize the page here
   }

   #region Web Form Designer generated code
   override protected void OnInit(EventArgs e)
   {
   //
   // CODEGEN: This call is required by the ASP.NET Web Form Designer.
   //
   InitializeComponent();
   base.OnInit(e);
   }

   /// <summary>
   /// Required method for Designer support - do not modify
   /// the contents of this method with the code editor.
   /// </summary>
   private void InitializeComponent()
   {
   this.Button1.Click += new System.EventHandler(this.Button1_Click);
   this.Load += new System.EventHandler(this.Page_Load);

   }
   #endregion

   private void Button1_Click(object sender, System.EventArgs e)
   {

   }
   }
  }
  通过代码后置，开发人员可以直接修改.cs文件（在Visual Basic.NET中是.vb文件）。而页面设计人员可以修改HTML页面，这样就大大简化了网站的建设过程。
  1.2.3 ASP.NET丰富的Web控件
   ASP.NET的另外一个优点就是给我们提供了大量的丰富的Web控件。你可以在System.Web.UI.WebControls名字空间下找到各种各样的Web控件，这些控件中包括运行在服务端的from控件，例如：Button、TextBox等，同时也包括一些特殊用途的控件，如：广告轮换控件、日历控件，以及用户验证控件等。下面我们就具几个例子来看看如何使用这些控件。

  1．广告轮换控件<asp:adrotator>
  广告轮换控件可以在网页上显示旋转的广告。广告链接信息保存在一个XML文件中，如ads.xml。

  <?xml version="1.0" encoding="utf-8" ?>
  <Advertisements>

   <Ad>
   <ImageUrl>http://www.aspcool.com/images/newaspcool.gif</ImageUrl>
   <NavigateUrl>http://www.aspcool.com</NavigateUrl>
   <AlternateText>Alt Text</AlternateText>
   <Keyword>Computers</Keyword>
   <Impressions>80</Impressions>
   </Ad>

   <Ad>
   <ImageUrl>http://www.aspcool.com/images/chat.gif</ImageUrl>
   <NavigateUrl>http://www.chaxiu.com</NavigateUrl>
   <AlternateText>Alt Text</AlternateText>
   <Keyword>Computers</Keyword>
   <Impressions>80</Impressions>
   </Ad>
  </Advertisements>

  我们现在在asp.net 页面中加上一个<asp:adrotator>，如下所示：
  <HTML>
   <HEAD>
   <title>广告轮换程序</title>
   </HEAD>
   <body MS_POSITIONING="GridLayout">
   <form id="Form1" method="post" runat="server">
   <asp:AdRotator id="AdRotator1" runat="server" Width="468px" Height="60px" AdvertisementFile="ads.xml"></asp:AdRotator>
   </form>
   </body>
  </HTML>
  运行此程序，你就会得到一个旋转显示广告的页面了。

  2．日历控件<asp:calendar>
  使用日历控件，我们可以很快生成一个日历的Web页面。代码如下：
  <HTML>
   <HEAD>
   <title>广告轮换程序</title>
   </HEAD>
   <body MS_POSITIONING="GridLayout">
   <form id="Form1" method="post" runat="server">
   <asp:Calendar id="Calendar1" runat="server"></asp:Calendar>
   </form>
   </body>
  </HTML>
  在Visual Studio.NET中，你直接从工具栏中拖过来就可以使用了。

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


  控件名称说明
  RequiredFieldValidator 确保用户不跳过输入。
  CompareValidator 使用比较运算符（小于、等于、大于等）将用户的输入与另一控件的常数值或属性值进行比较。
  RangeValidator 检查用户的输入是否在指定的上下边界之间。可以检查数字、字母或日期对内的范围。可以将边界表示为常数。
  RegularExpressionValidator 检查输入是否与正则表达式定义的模式匹配。该验证类型允许检查可预知的字符序列，如社会保障号、电子邮件地址、电话号码、邮政编码等中的字符序列。
  CustomValidator 使用您自己编写的验证逻辑检查用户的输入。该验证类型允许检查运行时导出的值。
  ValidationSummary 以摘要的形式显示页上所有验证程序的验证错误。



  好了，既然ASP.NET有如此多的优点，让我们现在就开始安装和使用ASP.NET吧！

1.3 安装.NET
  ASP.NET的变化如此之大，也许会使你感觉有点害怕。“千里之行，始于足下”，只要一步一步来，你就会发现掌握它并不是什么难事，而它带给你的编程思维的改变以及效率的提高将会使你觉得你开始的付出是完全值得的。你也许担心以前的ASP代码是否能够继续运行，不用担心，在.NET环境下，ASP.NET和ASP是互不干扰的。以前的ASP文件仍然保存为“.asp”，而新的ASP.NET则保存为“.aspx”。

   ASP.NET现在可以在Windows NT4、Windows 2000和Windows XP上运行。在Windows 9x平台上还不能运行ASP.NET。你需要首先安装.NET Framework。你可以从微软的网站(http://www.microsoft.com/net)上下载。也可以在ASP酷技术网(www.ASPCool.com)上通过下面地址下载：http://www.aspcool.com/download/display.asp?Did=316。如果你要开发ASP.NET程序的话，你需要安装.NET Framework SDK(Software Development Kit,软件开发包)。下载地址为：http://www.aspcool.com/download/display.asp?Did=315。.NET Framework SDK中不仅包括了.NET Framework，也包括了你编写、构建、测试和部署.NET Framework应用程序所需的 —— 文档、示例代码、命令行工具以及编译器。

   在安装之前请先检查是否安装了IIS，如果你已经安装了IIS，安装程序在安装过程中会自动注册ASP.NET。如果你先安装了.NET Framework，而后安装IIS,你将需要手动去注册ASP.NET。安装过程非常简单。点击安装程序后它会自动解压安装文件。

  在安装过程中，你会看到如图1-1所示的画面。在这里你应该选中软件开发包和SDK例子，这样你就可以通过这些例子来学习和使用.NET。


  图1-1

  在.NET Framework SDK的安装目录，你就会找到.NET Framework的快速入门、教程和大量的例子。

  1.4 ASP.NET开发工具


   你可以直接用写字板来开发ASP.NET应用程序。这也就意味着任何细小的东西如录入框，你都要自己动手去写。如果你认为这些都不是问题，那我还是推荐你使用一些有行标识和颜色标识的编辑器，如，EditPlus、Ultra Edit等。当然，对于大多数人来说，可能还是倾向于使用一些WYSWYG（所见即所得）的开发工具。这里我就给大家介绍两个编写ASP.NET非常出色的开发工具。



  1.4.1 Visual Studio.NET
   毫无疑问，Visual Studio.NET是迄今为止开发.NET程序最优秀的开发工具。Visual Studio.NET提供了控件拖放，自动调试等功能。能够快速的设计、开发、调试和部署Web应用程序，极大地提高开发程序的工作效率。



  1．Visual Studio.NET的安装

   Visual Studio.NET的安装包括下面几个步骤，


  图1-2
   首先，要进行组件更新。安装程序将会安装如图1-3所示的程序：


  图1-3



   其中Windows 2000 Service Pack 2和Internet Explorer 6.0需要重新启动计算机。

   当完成组件更新以后，我们就开始安装Visual Studio.NET。

  图1-4

   我们可以选择要安装的语言，其中有四种语言可以供我们选择：Visual Basic.NET，C#.NET，Managed C++.NET，Jscript.NET，本书将选择C#做为开发语言来给大家讲解如何开发ASP.NET程序。这是因为C#是唯一为.NET Framework而设计的语言，它不象其它语言一样需要考虑如何兼容以前的版本。其语法类似与C、C++和Java，开发应用程序比C++简单。是真正面向组件的开发语言。而且ASP.NET本身就是用C#写的。所以大家在安装的时候一定要选上C#。然后根据向导可以一步一步安装Visual Studio.NET。下面我将给大家介绍如何使用Visual Studio.NET。

   2．使用Visual Studio.NET

   打开Visual Studio.NET，你会看到一个参数列表，你可以使用他们地默认设置，也可以根据自己地喜好修改设置，如图1-5所示。

  图1-5

  在这里，我们把默认设置都设置成为C#。

  选择 File>New>Project…菜单项，你将会看到下面的窗口：

  图1-6

  我们选择Visual C# Projects，你就会看到右边有11种模板可供选择。我们选择ASP.NET Web Application，就可以开始创建我们第一个ASP.NET应用程序。Visual Studio.NET会自动在Web程序所在地wwwroot目录下面创建一个虚拟目录，在这里叫做WebApplication1，你可以根据程序的功能取一个其它的什么名字。这时打开IIS，你就会发现产生了一个名为WebApplication1的虚拟目录，如下图所示：

  图1-7

  返回到Visual Studio.NET，你会看到它帮你建立了一个名为WebForm1的Web page。如图1-8。

  图1-8

  其中左边是ToolBox，你可以把你想要添加的控件直接拖到页面上来。右边是Solution Explorer，你可以看到这个解决方案中的所有信息。顶部是工具栏和VS菜单。在中间的主窗口中，你可以设计ASP.NET网页的外观，你可以点击“HTML”，直接修改源代码。

  我们现在把Label拖到主菜单当中来，然后选中它鼠标右键点击属性，你就会看到属性窗口，然后把它的Text属性设置成为“嘿，你好，我开始使用ASP.NET了！”按F5运行程序，你就会看到你的第一个ASP.NET Web页面。是不是很简单？