第3章 ASP.NET网站开发基础

（ 名师课堂：44分钟）

学习ASP.NET前读者需要对ASP.NET有一个初步的了解。ASP.NET是由Microsoft公司推出的新一代Web开发平台，程序开发人员可通过ASP.NET实现动态或静态网站的开发。本章将详细介绍Visual Studio 2008开发环境中设计ASP.NET网页的三种视图，以及如何运行程序和配置IIS。同时本章也对网页扩展名和页面指令等内容做了详细的介绍。通过本章的学习，可以掌握以下知识：

了解设计Web网页的三种视图

了解如何运行ASP.NET程序

学习配置IIS虚拟目录

了解ASP.NET网页扩展名

了解什么是页面指令及其作用

掌握如何注释ASPX文件中的代码

3.1 设计ASP.NET网站

通过第2章的学习，读者对Visual Studio 2008已经大致有所了解，并且知道如何创建第一个“Hello World”程序了。从本节开始，我们将带领读者学习如何设计Web页面，以及了解网站中常用的项目。

3.1.1 设计Web页面

专题讲座：光盘\MR\Video\3\设计Web页面.exe

视频速递：通过本视频读者可以更快地了解、设计Web页面。

创建了一个网站后，接下来的工作就是设计Web页面。在Visual Studio 2008中一共有三种视图模式：“设计”视图、“拆分”视图和“源”视图。下面分别介绍一下这三种视图的不同及其使用方法。

1.“设计”视图

在“设计”视图中，用户可以从“工具箱”选项卡中直接选择各种控件拖曳到Web页面上，在该视图下可以直接看到控件添加到页面后的效果。例如，在“设计”视图中添加一个TextBox控件如图3-1所示。

图3-1 在“设计”视图中添加控件

2.“拆分”视图

在“拆分”视图中用户不但可以从“工具箱”选项卡中拖曳控件到Web页面上，也可以使用代码添加控件，在该视图下可以直接看到控件添加到页面后的效果。例如，页面中添加一个TextBox控件后，在“拆分”视图下就能看到页面中的控件和控件的HTML代码。并且，在“拆分”视图下可以编写HTML代码和JavaScript脚本等，如图3-2所示。

图3-2 在“拆分”视图中添加控件

3.“源”视图

在“源”视图中用户可以从“工具箱”选项卡中拖曳控件到Web页面上，也可以使用代码进行添加控件，但是在该视图中并不能看到控件被添加到Web页面后的效果。例如，在“源”视图中使用代码添加一个Label控件如图3-3所示。

图3-3 “源”视图

通过这几种视图可以设计Web页面，例如，我们在“设计”视图下设计一个用户登录界面，如图3-4所示。

图3-4 “设计”视图下设计“用户登录界面”

3.1.2 运行Web网站

当我们设计Web页面之后，该如何运行程序呢？Visual Studio 2008中有多种方法运行应用程序。可以单击“调试”菜单，选择“启动调试”命令运行应用程序，如图3-5所示；也可以单击工具栏上的“”按钮运行应用程序，如图3-6所示，还可以直接按〈F5〉键运行程序。

图3-5 “调试”菜单运行应用程序

图3-6 工具栏运行应用程序

上述设计的“用户登录界面”的运行结果如图3-7所示。

图3-7 运行结果

3.1.3 配置IIS虚拟目录

专题讲座：光盘\MR\Video\3\配置IIS虚拟目录.exe

视频速递：通过本视频读者可以直观地学习如何配置IIS虚拟目录。

在网站完成之后，就需要在IE浏览器中进行浏览了。IIS作为当今流行的Web服务器之一，提供了强大的Internet服务功能，可以发布、测试和维护自己的Web页和Web站点。下面以Windows 7系统为例，介绍如何在IIS管理器中配置网站，操作步骤说明如下：

（1）单击“开始”/“控制面板”命令，打开“控制面板”窗口。

（2）单击“管理工具”，打开“管理工具”窗口，双击“Internet信息服务（IIS）管理器”图标，弹出如图3-8所示的“Internet信息服务（IIS）管理器”窗口。

图3-8 “Internet信息服务（IIS）管理器”窗口

（3）在“Internet信息服务（IIS）管理器”窗口中，打开“网站”节点，右键单击“Default Web Site”节点，在弹出的快捷菜单中选择“添加应用程序”选项，如图3-9所示。

图3-9 选择“添加应用程序”选项

（4）弹出如图3-10所示的“添加应用程序”对话框，在“别名”文本框中输入虚拟目录别名，本例输入MyWeb，这个名称是访问网页的时候需要输入的名称。在“物理路径”文本框中输入网站的路径，或者单击“”按钮选择路径。

图3-10 “添加应用程序”对话框

（5）单击“确定”按钮，完成网站的架设，如图3-11所示。

图3-11 完成网站架设

（6）架设完网站后，我们应该如何浏览自己的网站呢？如果已经为网站绑定了IP地址，则可以在浏览器中输入http://192.168.1.188/MyWeb/进行浏览，其中IP地址是主机服务器的IP地址。如果没有绑定IP地址，则在浏览器中输出http://localhost/MyWeb进行浏览，两种方式浏览网页的效果如图3-12所示。

图3-12 两种方式浏览网页

介绍到这里，读者可能会有个疑问，到底该如何为网站绑定IP呢？为什么要绑定IP呢？之所以绑定IP主要是因为绑定之后在浏览器中可以通过IP地址访问网站。绑定IP的方法非常简单，下面作者就详细地介绍一下如何为网站绑定IP。首先，选中“Default Web Site”，单击其右侧“操作”面板中的“绑定…”选项，如图3-13所示。

图3-13 “操作”面板中的“绑定…”选项

单击“绑定…”后，会打开“网站绑定”窗口，在该窗口中可以添加、编辑和删除网站绑定信息，如图3-14所示。

图3-14 “网站绑定”窗口

在该窗口中单击“编辑”按钮，打开“编辑网站绑定”窗口，在该窗口中可以选择网站要绑定的IP地址，如图3-15所示。选择IP地址之后，单击“确定”按钮完成IP地址的绑定。

图3-15 设置绑定的IP地址

3.2 ASP.NET网页语法

专题讲座：光盘\MR\Video\3\学习ASP.NET网页语法.exe

视频速递：通过本视频读者可以更好地掌握ASP.NET网页语法。

本节将会对ASP.NET中常见的扩展名进行介绍，同时，了解页面的常用指令、如何注释代码以及如何在网页中使用代码块语法。这些内容在日常开发中经常用到，所以请读者认真学习本节的内容。

3.2.1 ASP.NET网页扩展名

可以把ASP.NET网页扩展名理解为ASP.NET文件的“身份证”，不同的扩展名决定了不同文件的类型和作用。通过Internet信息服务（IIS）将文件扩展名映射到ASP.NET运行处理。例如，Web页面的扩展名为.aspx、母版页的扩展名为.master等。在ASP.NET网页中包含很多种文件类型，其扩展名及具体描述如表3.1所示。

表3.1 ASP.NET网页扩展名

【例3.1】 创建网站之后，在其根目录下就会出现一个扩展名为.aspx的文件和一个扩展名为.aspx.cs的文件。.aspx是创建的Web窗体文件，.cs是运行时要编译的类源代码文件，如图3-16所示。

图3-16 创建网站后根目录下包含的文件

3.2.2 ASP.NET页面指令

ASP.NET页面的HTML代码中通常包含一些类似于<%@…%>的代码，被称为页面指令。这些指令允许为相应页指定页属性和配置信息，并由ASP.NET用作处理页面的指令，但不作为发送到浏览器标记的一部分呈现。当使用页面指令时，虽然标准的做法是将指令包括在文件的开头，但是它们也可以位于.aspx或.ascx文件的任何位置。每个指令都可以包含一个或多个特定于该指令的属性（与值成对出现）。

【例3.2】 通过页面指令设置当前页面加载的主题，主题读者也可以理解为网页的皮肤，代码如下所示：

        <%@  Page  Language="C#"  AutoEventWireup="true"   CodeFile="Default.aspx.cs"
    Inherits="_ Default" Theme="myTheme" %>

在Web页面中常用的页面指令及其作用如表3.2所示。

表3.2 ASP.NET@指令及其作用

为了使读者能够更好地理解页面指令，下面详细介绍ASP.NET中指令的作用。

1.@Page指令

@Page指令允许开发人员为页面指定多个配置选项，并且该指令只能在Web窗体页中使用。每个.aspx文件只能包含一条@Page指令，@Page指令语法中各属性的说明如表3.3所示。

表3.3 @Page指令属性说明

为了使读者更好地理解如何使用@Page指令，下面对常用属性进行说明。

（1）CodeFile属性

该属性指定代码隐藏文件的路径，也就是编写后台代码的文件，扩展名是.cs的文件。此属性仅对编译的页有效。

【例3.3】 新添加一个.aspx页时，设置该页面代码隐藏文件的路径为“Default2.aspx.cs”，代码如下所示：

        <%@  Page  Language="C#"  AutoEventWireup="true"  CodeFile="Default2.aspx.cs"
    Inherits= "Default2" %>

学习手册 说明

若要定义@Page指令的多个属性，请使用一个空格分隔每个属性/值对。对于特定属性，不要在该属性与其值相连的等号（=）两侧加空格。

（2）Language属性

该属性指定编译页面使用的语言，每页只能使用和指定一种语言。

【例3.4】 指定ASP.NET页编译器使用C#作为页的服务器端代码语言，代码如下所示：

        <%@ Page Language="C#" %>

2.@OutputCache指令

@OutputCache指令用于以声明的方式控制ASP.NET页，或页中包含的用户控件的输出缓存策略。页输出缓存，就是在内存中存储处理后的ASP.NET页的内容。这一机制允许ASP.NET向客户端发送页响应，而不必再次经过页处理生命周期。

页输出缓存对于那些不经常更改但需要大量处理才能创建的页特别有用。例如，创建大通信量的网页来显示不需要频繁更新的数据，页输出缓存则可以极大地提高该页的性能。可以分别为每个页配置页缓存，也可以在Web.config文件中创建缓存配置文件。利用缓存配置文件，只定义一次缓存设置就可以在多个页中使用这些设置，@OutputCache指令的属性说明如表3.4所示。

表3.4 @OutputCache指令的属性说明

为了使读者更好地理解如何使用@OutputCache指令，下面对常用属性进行说明。

（1）Duration属性

该属性指定页或用户控件进行缓存的时间，以秒为单位。

【例3.5】 设置页或用户控件进行输出缓存的持续时间为100秒，代码如下所示：

        <%@ OutputCache Duration="100" VaryByParam="none" %>

学习手册 注意

这是必选属性。如果未包含该属性，将出现分析器错误。

（2）VaryByParam属性

该属性为分号分隔的字符串列表，用于使输出缓存发生变化。在默认情况下，这些字符串与随GET方法发送的查询字符串值对应，或与使用POST方法发送的参数对应。

学习手册 注意

在ASP.NET页和用户控件上使用@OutputCache指令时，需要包含VaryByParam属性或VaryByControl属性。如果没有包含VaryByParam属性或VaryByControl属性，则发生分析器错误。如果不希望通过指定参数来改变缓存内容，可将VaryByParam属性值设置为none。如果希望通过所有的参数值改变输出缓存，可将属性设置为星号（*）。

3.2.3 注释ASPX文件中代码

服务器端注释（<%--注释内容--%>）允许开发人员在ASP.NET应用程序文件的任何部分（除了<script>代码块内部）嵌入代码注释。所谓服务端注释就是为服务器端代码添加注释。服务器端注释元素的开始标记和结束标记之间的任何内容，不管是ASP.NET代码还是文本，都不会在服务器上进行处理或呈现在结果页上。注释内容有利于帮助开发者理解代码，或者不希望某些代码运行时，也可以将其注释掉。

【例3.6】 使用服务器端注释TextBox控件，代码如下所示：

        <%--
          <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        --%>

执行后，浏览器上将不显示此文本框。

如果<script>代码块中的代码需要注释，则使用HTML代码中的注释（<!--注释-->）。此标记用于告知浏览器忽略该标记中的语句。

【例3.7】 注释HTML中的客户端代码，可以通过下面的代码实现。

        <script language ="javascript" runat ="server">
            <!--
                注释内容
            -->
        </script>

3.3 本章小结

Visual Studio 2008是微软公司推出的集成化互联网开发平台，利用它可以设计、开发以及调试部署Web应用程序。本章对Visual Studio 2008开发环境的三种设计视图做了详细介绍，并讲解了如何运行程序和配置IIS，为以后的项目开发打下了坚实的基础。