在 Visual Studio 2013 中编辑 ASP.NET Web 窗体的代码

作者：Erik Reitan

在许多 ASP.NET 网页中，你使用 Visual Basic、C# 或其他语言编写代码。 Visual Studio 中的代码编辑器可帮助快速编写代码，同时帮助避免错误。此外，编辑器还提供了创建可重用代码的方法，以帮助减少需要完成的工作量。

本演练演示 Visual Studio 代码编辑器的各种功能。

在本演练中，你将了解如何：

更正内联编码错误。
重构和重命名代码。
重命名变量和对象。
插入代码片段。

先决条件

若要完成本演练，你将需要：

Microsoft Visual Studio 2013 或 Microsoft Visual Studio Express 2013 for Web。将自动安装 .NET Framework。

注释

Microsoft Visual Studio 2013 和 Microsoft Visual Studio Express 2013 for Web 通常在整个教程系列中称为 Visual Studio。

如果使用 Visual Studio，本演练假定你在首次启动 Visual Studio 时选择了 设置的 Web 开发 集合。有关详细信息，请参阅 “如何：选择 Web 开发环境设置”。

创建 Web 应用程序项目和页面

在本演练的这一部分中，你将创建一个 Web 应用程序项目并向其添加新页面。

创建网络应用程序项目

打开 Microsoft Visual Studio。
在“文件”菜单中，选择“新建项目”。

将显示“新建项目”对话框。
选择左侧的模板 ->Visual C# ->Web 模板组。
在 中心列中选择 ASP.NET Web 应用程序 模板。
将项目命名为 BasicWebApp，然后单击“确定”按钮。
接下来，选择 Web 窗体 模板，然后单击“ 确定 ”按钮创建项目。

Visual Studio 创建一个新项目，其中包含基于 Web 窗体模板的预生成功能。

创建新的 ASP.NET Web 窗体页面

使用 ASP.NET Web 应用程序项目模板创建新的 Web 窗体应用程序时，Visual Studio 会添加一个名为Default.aspx的 ASP.NET 页（Web 窗体页），以及其他几个文件和文件夹。可以使用 Default.aspx 页作为 Web 应用程序的主页。但是，在本演练中，你将创建和使用新页面。

向 Web 应用程序添加页面

在解决方案资源管理器中，右键单击 Web 应用程序名称（在本教程中，应用程序名称为 BasicWebSite），然后单击添加 - >新建项。
将显示“ 添加新项 ”对话框。
选择左侧的 Visual C# ->Web 模板组。然后， 从中间列表中选择 Web 窗体 并将其命名 为FirstWebPage.aspx。
单击“ 添加” 将 Web 窗体页面添加到项目。
Visual Studio 将创建新页面并打开它。
接下来，将此新页设置为默认启动页。在 解决方案资源管理器中，右键单击名为 FirstWebPage.aspx 的新页面，然后选择“ 设为起始页”。下次运行此应用程序以测试进度时，将自动在浏览器中看到此新页面。

更正内联编码错误

Visual Studio 中的代码编辑器有助于在编写代码时避免错误，如果出错，代码编辑器将帮助你更正错误。在本演练的这一部分中，你将编写一行代码，说明编辑器中的错误更正功能。

更正 Visual Studio 中的简单编码错误

在 “设计 ”视图中，双击空白页，为页面的 Load 事件创建处理程序。
您仅将事件处理程序用作编写代码的位置。
在处理程序中，键入以下包含错误的行，然后按 Enter：
```
string myStr = "Loading..."
```
按 Enter 时，代码编辑器会将绿色和红色下划线（通常称为“波浪”行）置于有问题的代码区域下。绿色下划线表示警告。红色下划线表示必须修复的错误。

按住鼠标指针 myStr 可查看一个工具提示，告知你有关警告的信息。此外，将鼠标指针悬停在红色下划线上以查看错误消息。

下图显示了带下划线的代码。

必须通过将分号 ; 添加到行尾来修复此错误。警告只是通知你尚未使用该 myStr 变量。

注释

可以通过选择“工具 -> ->字体和颜色”来查看 Visual Studio 中的当前代码格式设置。

重构和重命名

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

代码编辑器包含有助于执行各种重构任务的工具。在本演练中，你将使用两种重构技术：重命名变量和提取方法。其他重构选项包括封装字段、将局部变量提升为方法参数以及管理方法参数。这些重构选项的可用性取决于代码中的位置。

重构代码

常见的重构场景是从另一个成员（如方法）中的代码提取出一个新方法。这会减小原始成员的大小，并使提取的代码可重用。

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

在 C# 页面中提取方法

切换到 “设计 ”视图。
在 工具箱的 “标准 ”选项卡中，将按钮控件拖到绘图页上。

双击 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 对象的内容。

按 Ctrl+F5 运行页面，然后单击 该按钮 以确保看到以下输出：
```
i = 0
i = 1
i = 2
i = 3
i = 4
```

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

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

右键单击所选内容，单击“ 重构”，然后选择“ 提取方法”。

此时会显示 “提取方法 ”对话框。

在 “新建方法名称 ”框中，键入 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);
}

按 Ctrl+F5 再次运行页面，然后单击按钮。

页面的功能与以前相同。 DisplayArray现在可以从页面类中的任何位置调用该方法。

重命名变量

使用变量和对象时，可能需要在代码中引用它们后对其进行重命名。但是，如果错过重命名其中一个引用，重命名变量和对象可能会导致代码中断。因此，可以使用重构来执行重命名。

使用重构重命名变量

在 Click 事件处理程序中，找到以下行：

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

右键单击变量名称 alist，选择 “重构”，然后选择“ 重命名”。

此时会显示“ 重命名 ”对话框。
在 “新建名称 ”框中，键入 ArrayList1 并确保已选中 “预览引用更改 ”复选框。然后点击OK。

此时将显示“ 预览更改 ”对话框，并显示一个树，其中包含对要重命名的变量的所有引用。
单击“ 应用 ”关闭“ 预览更改 ”对话框。

专门引用所选实例的变量将重命名。但是，请注意，以下行中的变量 alist 未重命名。
```
private int DisplayArray(System.Collections.ArrayList alist, 
    int i)
```
此行中的变量 alist 未重命名，因为它不表示与重命名的变量 alist 相同的值。声明中的alist变量DisplayArray是该方法的局部变量。这说明使用重构来重命名变量与仅在编辑器中执行查找和替换操作不同；重构在重命名变量时会考虑到所用变量的语义。

插入片段

由于 Web 窗体开发人员经常需要执行许多编码任务，因此代码编辑器提供了代码片段库或预写代码块。可以将这些代码片段插入到页面中。

在 Visual Studio 中使用的每种语言在插入代码片段的方式上略有不同。有关插入代码段的信息，请参阅 Visual Basic IntelliSense 代码片段。有关在 Visual C# 中插入代码段的信息，请参阅 Visual C# 代码片段。

后续步骤

本演练演示了 Visual Studio 2010 代码编辑器的基本功能，用于更正代码中的错误、重构代码、重命名变量以及将代码片段插入代码中。编辑器中的其他功能可以使应用程序开发快速轻松。例如，您可能希望：

详细了解 IntelliSense 的功能，例如修改 IntelliSense 选项、管理代码片段和在线搜索代码片段。有关详细信息，请参阅使用 IntelliSense。
了解如何创建自己的代码片段。有关详细信息，请参阅创建和使用 IntelliSense 代码片段
详细了解 IntelliSense 代码片段的特定于 Visual Basic 的功能，例如自定义代码片段和故障排除。有关详细信息，请参阅 Visual Basic IntelliSense 代码片段
详细了解 IntelliSense 的特定于 C# 的功能，例如重构和代码片段。有关详细信息，请参阅 Visual C# IntelliSense。

反馈

此页面是否有帮助？

Last updated on 2026-03-28