一、C#中方法的提取和变量的智能修改

需要将其中的以下代码提取成一个方法，供其他地方调用。

右击所选内容，单击“重构”，再选择“提取方法”。出现“提取方法”对话框。

使用变量和对象（二者也称为符号）时，您可能希望在代码中引用符号后对其进行重命名。 但是，如果漏了重命名某个对符号的一个引用，重命名符号会导致代码中断。 因此，可以使用重构来执行重命名。

右击变量名 alist，选择“重构”，再选择“重命名”。

因为网页开发人员需要频繁地执行许多编码任务，所以代码编辑器提供了一个代码段库或预先编写好的代码块。 可以将这些代码段插入页面中。Ctrl+K和S或X。

二、通过代码分离创建基本页（CodeFile和Inherits的解释）

确保选中了“将代码放在单独的文件中”复选框。

确保清除了“选择母版页”复选框。

切换到“源”视图。该页顶部是一条将此页绑定到代码文件的 @ Page 指令。 该指令看起来类似下面的代码

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

页运行时，ASP.NET 动态创建表示页的类的实例。 Inherits 特性标识在从中派生 .aspx 页的代码隐藏文件中定义的类。 默认情况下，Visual Studio 使用页名称作为代码隐藏文件中的类名的基础。CodeFile 特性标识此页的代码文件。 简单地说，代码隐藏文件包含页的事件处理代码。

三、验证类控件的使用（验证控件的使用）

双击 Submit Request 按钮以为其 Click 事件创建一个处理程序，然后添加下面的示例所示的代码：

protected void buttonSubmit_Click(object sender, EventArgs e)
{
    if (Page.IsValid)
    {
      labelMessage.Text = "Your reservation has been processed.";
    }
}

双击 CustomValidator 控件以为其 ServerValidate 事件创建一个处理程序，然后添加下面示例所示的代码：

protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)
{try{DateTime.ParseExact(args.Value, "d",System.Globalization.DateTimeFormatInfo.InvariantInfo);args.IsValid = true;}catch{args.IsValid = false;}
}

在用户提交该页时运行该代码。 该代码使用传入处理程序的 ServerValidateEventArgs (args) 对象与该验证程序控件交互。 用户在 textPreferredDate 文本框中所输入的值作为 args 对象的 Value 属性传递。在检查用户输入是否有效后，将 args 对象的 IsValid 属性相应地设置为 true 或 false。 如果将该属性设置为 false，则该验证程序将显示其错误消息。在本示例中，该代码使用 try-catch 块确定用户输入是否可以转换为 DateTime 对象。 如果用户输入一个无效值（不符合 m/d/yyyy 日期格式的任何值），则 DateTime 对象的ParseExact 方法会引发一个异常，并执行 Catch 块。

在使用 CustomValidator 控件时，必须在任何服务器端处理期间检查 Page.IsValid属性，以确定是否通过了所有验证检查。 IsValid 属性返回该页上所有验证程序控件的累积状态。 此属性用于确保任何服务器端处理都已通过所有验证检查。

参考：http://msdn.microsoft.com/zh-cn/library/a0z2h4sw

四、使用输出缓存增强网站性能（页指令OutputCache的使用）

性能是任何 Web 应用程序的关键方面。 必须减少 Web 服务器的处理量，以便使单个请求结果响应速度更快、服务器有能力处理更多并发请求并减少中间和后端数据系统的负荷。
使用输出缓存以减少服务器的工作负荷，能够实现更佳的 ASP.NET 性能。 输出缓存是一种优化方案，可以缩短 Web 服务器响应的时间。
    通常，浏览器请求 ASP.NET 页时，ASP.NET 将创建该页的实例，运行该页中的任何代码，运行数据库查询（如果有），动态汇编此页，然后将产生的输出发送到浏览器。 输出缓存使ASP.NET 能够发送该页的预处理副本，而不用为每个请求完成此过程。 这个区别降低了 Web 服务器的处理量，从而提高了性能并获得更大的可伸缩性。

配置页级别缓存：

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

如果没有上面的配置。此页面在浏览器中出现时，将看到当前日期和时间。 按浏览器的刷新按钮，可注意到时间戳每次都会改变。

此指令配置页面以进行缓存。 Duration 特性指定页将在缓存中保留 15 秒。请注意，无论您刷新了多少次浏览器，时间显示仅每 15 秒更新一次。 这是因为请求从缓存完成，直至持续时间过时为止，此时页代码再次执行。

配置应用程序级别缓存：

将以下 XML 添加为 system.web 元素的子项：

将 @ OutputCache 指令更改为以下内容：

   <%@ OutputCache CacheProfile="AppCache1" VaryByParam="none" %>

这次，日期将在缓存配置文件中指定的持续时间（为 60 秒）内保持不变。

使用参数进行缓存：

@ OutputCache 指令要求您设置 VaryByParam 特性，到目前为止，此特性设置为“none”。 VaryByParam 特性使您能够配置缓存，以便 ASP.NET 根据参数（如查询字符串、窗体发布值、请求标头等）存储不同版本的页面。 您可以使用 VaryByControl 特性缓存控件的不同版本，而不是缓存页面的不同版本。

1. 从工具箱的“标准”组中，将 TextBox 控件拖动到页面上，并将其 ID 设置为“Color”。

2. 将 Button 控件拖动到页面上，保留默认值 Button1。

3. 将 Button 控件的 Text 属性设置为“Change Color”。

   双击 Button 控件以创建 Click 事件处理程序。

protected void Button1_Click(Object sender, System.EventArgs e)
{
    Label1.BackColor = System.Drawing.Color.FromName(Server.HtmlEncode(Color.Text));
}

将 form 元素的 defaultbutton 特性设置为“Button1”。这会导致按下 Enter 键时将引发按钮的 Click 事件处理程序。

<%@ OutputCache Location="Server" Duration="60" VaryByParam="Color" %>

在文本框中键入颜色名称，如“红”或“蓝”，然后单击“更改颜色”。ASP.NET 缓存使用您指定的颜色的页面版本。

1. 多次刷新页面。

   如果没有键入新的颜色名称，则日期和时间将至少有一分钟不变（在 @ OutputCache 指令的 Duration 特性中指定）。

2. 输入新颜色，如“绿”或“紫”，然后提交页。

   这次将看到时间和新颜色一起更新。

五、创建网站导航

   （1）在网页上显示菜单（Menu控件和Sitemap的使用）

无论网站的复杂性如何，都需要包含一个导航菜单。 可以使用 ASP.NET 中的 Menu 控件方便地设置复杂的导航菜单，而无需编写任何代码。

Menu 控件支持多种显示模式，包括静态显示模式（完全显示菜单）和动态显示模式（当鼠标指针滑过父菜单项时显示部分菜单）。 该控件还提供静态和动态显示模式的组合，借此可将一系列根菜单项设置为静态的，而将子菜单项动态显示。

可以在设计器中为 ASP.NET Menu 控件配置一些指向网页的静态链接，也可以自动将该控件绑定到一个分层数据源（如 XmlDataSource 或 SiteMapDataSource 控件）。

1、将 Menu 控件添加到页
    2、水平放置 Menu 控件
    3、编辑 Menu 控件的项

创建绑定到站点地图的菜单：

这段 XML 代码表示菜单的结构。 嵌套节点成为父节点菜单项的子菜单项。

绑定到站点地图：

现在即可创建指向 Web.sitemap 文件的导航数据源，并将 Menu 控件绑定到该数据源。

    调整静态和动态级别

Menu 控件具有两种显示模式：静态模式和动态模式。 静态显示意味着 Menu 控件始终是完全展开的。 整个结构都是可视的，用户可以单击任何部位。 在动态显示的菜单中，只有指定的部分是静态的，而只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。

在上一节中创建的垂直菜单使用完全动态的显示模式，只有顶级菜单项仍为静态。 对于 Menu 控件，您能够基于鼠标指针暂停操作指定行为，并可指定菜单应为动态还是静态的。 在本节中，您将调整 Menu 控件的动态和静态质量。

将 Menu 控件的两个级别设为静态

   （2）向网站添加站点导航（导航控件TreeView、SiteMapPath，数据控件SiteMapDataSource，母板页ContentPlaceHolder）

在含有大量页的任何网站中，构造一个可使用户随意在页间切换的导航系统可能颇有难度，尤其是在您更改网站时。 ASP.NET 网站导航可使您创建页的集中网站地图。本演练向您演示如何配置网站地图，以及如何使用依赖于网站地图的控件向网站中的页添加导航。

• 创建含有示例页以及描述页布局的网站地图文件的网站。

• 使用 TreeView 控件作为可使用户跳转到网站中任何页的导航菜单。

• 使用 SiteMapPath 控件添加导航路径（也称为 breadcrumb），导航路径使用户能够查看从当前页向前的网站层次结构，并可沿着层次结构向回移动。

• 使用 Menu 控件添加可使用户一次查看一级节点的导航菜单。 将鼠标指针悬停在含有子节点的节点上方会生成子节点的子菜单。

• 在母版页上使用网站导航和控件，这样您就只需定义网站导航一次。

在 Home.aspx 页上，键入“主页”，然后将其格式设置为“标题 1”。

重复此过程，另外创建四个页，分别名为 Products.aspx、Hardware.aspx、Software.aspx 和 Training.aspx。 将页的名称（例如，“产品”）用作标题，这样当页显示在浏览器中时，您就能识别各页。

现在您有了一个网站地图和一些页，接下来可向网站添加导航。 您将使用 TreeView 控件作为可折叠的导航菜单。

1. 打开 Home.aspx 页。

2. 从工具箱的“数据”组中，将“SiteMapDataSource”控件拖动到页面上。

   在其默认配置中，SiteMapDataSource 控件从您在“创建网站地图”（本演练的前面部分）中创建的 Web.sitemap 文件中检索其信息，这样您就不必为该控件指定任何额外信息。

3. 从工具箱的“导航”组中，将 TreeView 控件拖动到页面上。

4. 在“TreeView 任务”菜单上，在“选择数据源”框中单击“SiteMapDataSource1”。

5. 保存页。

在网站的当前状态下，导航菜单仅出现在“主页”上。 可以向应用程序中的每个页添加相同的 SiteMapDataSource 和 TreeView 控件，以便在每个页上都显示导航菜单。 但是，在本演练的稍后部分，您将看到如何将导航菜单放置在母版页上，这样导航菜单就会自动出现在每一页中。

使用 SiteMapPath 控件显示导航历史记录：

除了使用 TreeView 控件创建导航菜单外，您还可以在每个页上添加显示页位于当前层次结构中哪个位置的导航。 此类导航控件也称为 breadcrumb。 ASP.NET 提供了可自动实现页导航的SiteMapPath 控件。

1. 打开 Products.aspx 页并切换至“设计”视图。

2. 从工具箱的“导航”组中将 SiteMapPath 控件拖动到页面上，将光标放置在 SiteMapPath 控件前面，然后按 Enter 创建一个新行。

   SiteMapPath 控件显示当前页在页层次结构中的位置。 默认情况下，SiteMapPath 控件表示在 Web.sitemap 文件中创建的层次结构。 例如，当您显示 Products.aspx 页时，SiteMapPath 控件显示下面的路径：

   “主页”>“产品”

3. 对您在本演练中创建的其他页重复此过程，“主页”除外。

   即使您未在每个页上放置 SiteMapPath 控件，出于测试目的，您需要在网站层次结构的每一级的页（例如，Products.aspx 和 Hardware.aspx 页）上放置一个控件。

在母版页中使用网站导航

在本演练目前为止所创建的页中，您已将网站导航控件逐个添加到了每个页。 执行此操作并不特别复杂，因为您无需以不同的方式为每个页配置控件。 但是，这可能增加网站的维护成本。 例如，若要更改网站中页的 SiteMapPath 控件的位置，您将不得不逐个更改每页。

通过在母版页中使用网站导航控件，您可以创建在一个位置包含导航控件的布局。 然后您可以将其他页显示为母版页中的内容。

在下面的过程中，您将创建带有导航控件简单布局的母版页。 在实际应用程序中，您可能使用更为复杂的格式设置，但是在母版页中使用导航控件的技术都是相似的。

如果您使用母版页，则将网站中的页作为内容页创建。 内容页使用 Content 控件定义在母版页的 ContentPlaceHolder 控件中显示的文本和控件。 因此，您将不得不将“主页”、“产品”和“硬件”页作为内容页重新创建。

创建网站的内容页

六、创建和修改 CSS 文件（div块的margin，padding，clear，width，length）

     为了使您能够将注意力集中在格式和样式的设置工具上，而不是集中在创建要进行样式设置的元素上，本节提供了一组页面元素。 您可以将这些元素复制并粘贴到页面上。 该代码包含多个由div 元素组成的代码段，其中包括标题区、左右侧栏部分、主要内容部分和页脚。 这些简单元素包含可以处理的文本和元素 ID。 在某些情况下，这些元素包含可用于设置页面上特定元素的样式的 CSS 类。

在 form 元素内，移除默认创建的空 div 元素。 在开始标记 <form> 之后添加以下代码：

<div id="pagecontainer"><div id="banner"><h1>AdventureWorks Styling Page</h1><h2>Making CSS Styling Easier in Design View</h2><div id="search">Find:<input id="searchbox" type="text" /><input id="searchbutton" type="button" value="Go" /></div>
</div>
<div id="leftsidebar" class="column"><h3>Matters of the Web</h3><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in sem. Vivamus adipiscing vulputate lacus. Sed enim
lorem, fringilla eget, nonummy sed, ullamcorper sit amet, diam. Sed a justo. Curabitur quis nibh sit amet nunc malesuada
rutrum.</p>
</div>
<div id="rightsidebar" class="column"><h3>Matters of the Web</h3><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in sem. Vivamus adipiscing vulputate lacus. Sed enim
lorem, fringilla eget, nonummy sed, ullamcorper sit amet, diam. Sed a justo. Curabitur quis nibh sit amet nunc malesuada
rutrum.</p>
</div>
<div id="maincontent" class="column"><h2>Matters of the Web</h2><p> Pellentesque mattis tincidunt ipsum. Donec tempus, nunc vitae rhoncus imperdiet, eros turpis accumsan risus, ut luctus ipsum
lacus a felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean convallis euismod
nulla. Suspendisse potenti. Donec in mi nec odio tincidunt luctus. Donec euismod, mauris cursus molestie convallis, quam
pede tempus magna, mollis dapibus quam est et magna. Aenean eros massa, elementum vehicula, dapibus eget, lobortis non,
mauris. Vivamus nisl ante, interdum eget, sagittis vel, scelerisque nec, magna. Praesent placerat nibh vel metus viverra
tincidunt.</p><p>Fusce magna urna, gravida non, sodales vehicula, consequat ac, lacus. Ut sed eros sit amet neque malesuada
malesuada. Fusce porttitor cursus eros. Maecenas libero odio, convallis vel, tristique id, sodales vel, leo. Curabitur nibh
neque, interdum eget, convallis id, adipiscing nec, risus. Suspendisse rutrum dui sed urna. Pellentesque leo felis, tempor eu,
convallis venenatis, auctor vitae, justo. In at massa.</p>
</div>
<div id="footer"><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit 2007.</p>
</div>
</div>

设计视图效果如下：

您可以通过以下方式将样式设置应用于页面中的各个元素：

• 使用内联样式，它们是作为单个元素的 style 特性编写的。 这些样式规则只能应用于该元素。

• 在页面的 HTML head 元素的 style 元素中编写样式规则。 这些样式规则只能应用于当前页中的元素。

• 将样式规则写入外部 CSS 文件。 在这种情况下，这些样式规则可以应用于该网站中的所有页。

设置页面标题区的格式

选择页面元素