演练：Visual Web Developer 中的网页代码编辑

更新：2007 年 11 月

在许多 ASP.NET 网页中，您会使用 Visual Basic、C# 或其他语言编写代码。Visual Web Developer 中的代码编辑器可帮助您快速编写代码，同时又能避免出错。另外，此编辑器提供多种创建可重用代码的方式，有助于减少工作量。

本演练演示代码编辑器的各种功能。代码编辑器的部分功能取决于所使用的编码语言。因此，在本演练中，您将创建两个页面，其中一个使用 Visual Basic 作为编程语言，另一个则使用 C#。

通过此演练，您将学会如何执行以下任务：

• 更正错误（在 Visual Basic 中）。

• 重构和重命名代码（在 C# 中）。

• 重命名符号。

• 插入代码段（在 Visual Basic 和 C# 中）。

先决条件

若要完成本演练，您需要：

• Visual Studio 或 Visual Web Developer。

有关 Visual Web Developer 的简介，请参见演练：在 Visual Web Developer 中创建基本网页。

创建网站和网页

如果已经在 Visual Web Developer 中创建了网站（例如，按照演练：在 Visual Web Developer 中创建基本网页中的步骤），则可以使用该网站并跳到下一节。否则，按照下面的步骤创建一个新的网站和网页。

创建文件系统网站

1. 打开 Visual Web Developer。

2. 在“文件”菜单上单击“新建网站”。

3. 在“Visual Studio 已安装的模板”之下单击“ASP.NET 网站”。

4. 在“位置”框中选择“文件系统”，然后输入要保存网站网页的文件夹的名称。

   例如，键入文件夹名“C:\WebSites”。

5. 在“语言”列表中单击“Visual Basic”。

   您选择的编程语言将是网站的默认语言，但您可以为每个页分别设置编程语言。

6. 单击“确定”。

   Visual Web Developer 将创建该文件夹和名为 Default.aspx 的新页。

在 Visual Basic 中更正错误

Visual Web Developer 中的代码编辑器有助于避免在编码时出错，如果出错，此代码编辑器会帮助您更正错误。在本演练的此部分，将编写几行代码，演示编辑器的错误纠正功能。

代码编辑器的行为取决于所用的编码语言。一般来说，Visual Basic 2008 的代码编辑器会在您编码时提供更详细的错误信息。

测试 Visual Basic 中的错误纠正

1. 在“设计”视图中，双击空白页面，为该页面的 Load 事件创建处理程序。

   此事件处理程序仅用作编写代码的位置。

2. 在处理程序中键入下面包含错误的代码行：

   dim var1 as inger
   

   按 Enter 时，代码编辑器即会用下划线标出单词 inger，表示不能识别此单词。请注意，下划线的部分是小的底线。

3. 将鼠标指针悬停在单词 inger 上，将会看到一个工具提示，告诉您出现了什么错误。

4. 将鼠标指针悬停在下划线中的底线上。

   底线即会扩展为一个图标。

5. 单击此图标。

   此时将显示单词 inger 的可能校正列表。

6. 选择“将 'inger' 更改为 Integer”。

在 C# 中重构和重命名

重构是一种软件方法，涉及重构代码，使其更易于理解和维护而不影响其功能。一个简单的示例是，在事件处理程序中编写代码以便从数据库中获取数据。开发页面时，会发现需要从多个不同的处理程序访问数据。因此，在页面中创建数据访问函数，并在处理程序中插入对函数的调用，从而重构页面的代码。

代码编辑器的工具可以帮助您执行各种重构任务。在本演练中，将使用两种重构技术：重命名符号和提取方法。其他重构选项包括封装字段、将局部变量提升为方法参数以及管理方法参数。这些重构选项的可用性取决于代码中的位置。例如，如果突出显示的代码不是字段声明，则无法选择“封装字段”选项。如果突出显示事件方法中的变量，则无法选择“将局部变量提升为参数”，因为事件处理程序的签名是常数。

重构代码

一个常见的重构方案是从另一个成员内部的代码创建（提取）方法。这将使原始成员变小，使提取的代码可重用。

在演练的此部分中，将编写一些简单的代码，然后从中提取方法。C# 支持重构，所以将创建使用 C# 作为编程语言的页面。

创建 C# 页面

1. 在解决方案资源管理器中，右击网站的名称，然后单击“添加新项”。

2. 在“Visual Studio 已安装的模板”下单击“Web 窗体”。

3. 在“语言”列表中单击“C#”。

   说明：
   可以保留名称 Default2.aspx。

4. 单击“添加”以创建并打开新页面。

在 C# 页面中提取方法

1. 切换到“设计”视图。

2. 在“工具箱”中，从“标准”选项卡中，将 Button 控件拖动到页面上。

3. 双击“Button”控件，为其 Click 事件创建处理程序，然后添加下面突出显示的代码。

   protected void Button1_Click(object sender, EventArgs e)
   {
       System.Collections.ArrayList alist =         new System.Collections.ArrayList();    int i;    string arrayValue;    for(i=0; i<5; i++)    {        arrayValue = "i = " + i.ToString();        alist.Add(arrayValue);    }    for(i=0; i<alist.Count; i++)    {        Response.Write("<br />" + alist[i]);    }
   }
   

   此代码即会创建一个 ArrayList 对象，使用循环加载此对象及其值，然后使用另一个循环显示 ArrayList 对象的内容。

4. 按 Ctrl+F5 以运行此页面，然后单击该按钮以确保看到以下输出：

   i = 0
   i = 1
   i = 2
   i = 3
   i = 4
   

5. 返回代码编辑器，然后在事件处理程序中选择以下几行。

      for(i=0; i<alist.Count; i++)
      {
         Response.Write("<br />" + alist[i]);
      }
   

6. 右击所选内容，单击“重构”，再选择“提取方法”。

   出现“提取方法”对话框。

7. 在“新方法名称”框中键入“DisplayArray”，再单击“确定”。

   代码编辑器创建一个名为 DisplayArray 的新方法，并将对新方法的调用放置到循环原来所在的 Click 处理程序中。

   protected void Button1_Click(object sender, EventArgs e)
   {
       System.Collections.ArrayList alist = 
           new System.Collections.ArrayList();
       int i;
       string arrayValue;
       for(i=0; i<5; i++)
       {
           arrayValue = "i = " + i.ToString();
           alist.Add(arrayValue);
       }
       i = DisplayArray(alist, i);
   }
   

8. 按 Ctrl+F5 以再次运行此页面，并单击该按钮。

   此页面的功能与之前相同。

重命名符号

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

使用重构来重命名符号

1. 在 Click 事件处理程序中，查找以下行：

   System.Collections.ArrayList alist = 
       new System.Collections.ArrayList;
   

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

   出现“重命名”对话框。

3. 在“新名称”框中键入“ArrayList1”，再按 Enter。

   “预览更改”对话框随即出现，并显示一个树视图，其中包含对重命名的符号的所有引用。

4. 单击“应用”以关闭“预览更改”对话框。

   明确引用选定实例的变量会被重命名。但是请注意，以下行中的变量 alist 不会被重命名。

   private int DisplayArray(System.Collections.ArrayList alist, 
       int i)
   

   此行中的变量 alist 没有重命名，因为它表示的值与重命名的变量 alist 的值不同。DisplayArray 声明中的变量 alist 是该方法的局部变量。这说明使用重构来重命名符号不同于在编辑器中直接执行查找替换操作；重构会根据正在处理的符号的语义来重命名符号。

插入代码段

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

在 Visual Studio 中使用的每种语言在插入代码段的方式上稍有不同。有关在 Visual Basic 中插入代码段的信息，请参见如何：在代码中插入代码段 (Visual Basic)。有关在 Visual C# 中插入代码段的信息，请参见如何：使用代码段 (C#)。

后续步骤

本演练演示了 Visual Studio 2008 代码编辑器的基本功能，这些功能用于更正代码中的错误、重构代码、重命名符号以及将代码段插入代码中。利用代码编辑器中的一些附加功能，可以快速轻松地开发应用程序。例如，您可能希望：

• 了解有关 IntelliSense 功能的更多信息，如修改 IntelliSense 选项、管理代码段和联机搜索代码段。有关更多信息，请参见使用 IntelliSense。

• 了解如何创建自己的代码段。有关更多信息，请参见创建和使用 IntelliSense 代码段。

• 了解有关 IntelliSense 代码段的特定于 Visual Basic 的功能的更多信息，如自定义代码段和故障排除。有关更多信息，请参见 Visual Basic IntelliSense 代码段。

• 了解有关 IntelliSense 的特定于 C# 的功能的更多信息，如重构和代码段。有关更多信息，请参见 Visual C# 代码编辑器功能。

请参见

概念

Visual Basic IntelliSense 代码段

重构

代码段 (C#)

其他资源

编辑文本、代码和标记

使用 IntelliSense