Редактирование кода ASP.NET веб-форм в Visual Studio 2013

Эрик Рейтан

Во многих ASP.NET страницах веб-формы вы пишете код в Visual Basic, C#или другом языке. Редактор кода в Visual Studio помогает быстро писать код, помогая избежать ошибок. Кроме того, редактор предоставляет способы создания повторно используемых кода, которые помогут сократить объем работы, которую необходимо выполнить.

В этом пошаговом руководстве показаны различные функции редактора кода Visual Studio.

В этом пошаговом руководстве вы узнаете, как:

Исправьте встроенные ошибки программирования.
Рефакторинг и переименование кода.
Переименуйте переменные и объекты.
Вставка фрагментов кода.

Необходимые условия

Для выполнения этого пошагового руководства вам потребуется:

Microsoft Visual Studio 2013 или Microsoft Visual Studio Express 2013 для Интернета. Платформа .NET Framework устанавливается автоматически.

Замечание

Microsoft Visual Studio 2013 и Microsoft Visual Studio Express 2013 для Интернета часто называются Visual Studio в рамках этой серии руководств.

Если вы используете Visual Studio, в этом пошаговом руководстве предполагается, что вы выбрали коллекцию параметров веб-разработки при первом запуске Visual Studio. Дополнительные сведения см. в разделе "Практическое руководство. Выбор параметров среды веб-разработки".

Создание проекта веб-приложения и страницы

В этой части пошагового руководства вы создадите проект веб-приложения и добавьте в него новую страницу.

Создание проекта веб-приложения

Откройте Microsoft Visual Studio.
В меню Файл выберите пункт Создать проект.

Откроется диалоговое окно Создание проекта .
Выберите группу шаблонов ->Visual C# ->Web templates в левой части экрана.
Выберите шаблон веб-приложения ASP.NET в центре столбца.
Назовите проект BasicWebApp и нажмите кнопку "ОК ".
Затем выберите шаблон веб-форм и нажмите кнопку "ОК ", чтобы создать проект.

Visual Studio создает новый проект, который включает предварительно созданные функциональные возможности на основе шаблона веб-форм.

Создание страницы веб-форм ASP.NET

При создании нового приложения веб-форм с помощью шаблона проекта веб-приложения ASP.NET Visual Studio добавляет страницу ASP.NET (страницу веб-форм) с именем Default.aspx, а также несколько других файлов и папок. Вы можете использовать страницу Default.aspx в качестве домашней страницы веб-приложения. Однако в этом пошаговом руководстве вы создадите и работаете с новой страницей.

Добавление страницы в веб-приложение

В обозревателе решений щелкните правой кнопкой мыши имя веб-приложения (в этом руководстве имя приложения — BasicWebSite), а затем нажмите кнопку "Добавить ->Новый элемент".
Откроется диалоговое окно Добавление нового элемента .
Выберите группу шаблонов Visual C# ->Web слева. Затем выберите веб-форму из среднего списка и назовите ее FirstWebPage.aspx.
Нажмите кнопку "Добавить ", чтобы добавить страницу веб-форм в проект.
Visual Studio создает новую страницу и открывает ее.
Затем задайте эту новую страницу в качестве начальной страницы по умолчанию. В обозревателе решений щелкните правой кнопкой мыши новую страницу с именем FirstWebPage.aspx и выберите "Задать как начальную страницу". При следующем запуске этого приложения для тестирования хода выполнения вы автоматически увидите эту новую страницу в браузере.

Исправление ошибок встроенного кода

Редактор кода в Visual Studio помогает избежать ошибок при написании кода, и если вы сделали ошибку, редактор кода помогает исправить ошибку. В этой части пошагового руководства вы напишете строку кода, которая иллюстрирует функции исправления ошибок в редакторе.

Исправление простых ошибок программирования в Visual Studio

В режиме конструктора дважды щелкните пустую страницу, чтобы создать обработчик события загрузки для страницы.
Обработчик событий используется только в качестве места для написания кода.
В обработчике введите следующую строку, содержащую ошибку, и нажмите клавишу ВВОД:
```
string myStr = "Loading..."
```
При нажатии клавиши ВВОД редактор кода ставит зеленые и красные подчеркивания (обычно называемые "волнистыми" линиями) под проблемные области кода. Зеленое подчеркивание указывает предупреждение. Красное подчеркивание указывает на ошибку, которую необходимо исправить.

Удерживайте указатель myStr мыши, чтобы увидеть подсказку, которая сообщает вам о предупреждении. Также удерживайте указатель мыши на красное подчеркивание, чтобы увидеть сообщение об ошибке.

На следующем рисунке показан код с подчеркиванием.

Ошибка должна быть исправлена, добавив точку с запятой ; в конец строки. Предупреждение просто уведомляет вас о том, что вы еще не использовали myStr переменную.

Замечание

Вы просматриваете текущие параметры форматирования кода в Visual Studio, выбрав "Сервис ->Параметры ->Шрифты и цвета".

Рефакторинг и переименование

Рефакторинг — это методология программного обеспечения, которая включает реструктуризацию кода, чтобы упростить понимание и обслуживание, сохраняя ее функциональные возможности. Простым примером может быть написание кода в обработчике событий для получения данных из базы данных. При разработке страницы вы обнаружите, что необходимо получить доступ к данным из нескольких разных обработчиков. Таким образом, вы выполняете рефакторизацию кода страницы, создавая метод доступа к данным и вставляя вызовы этого метода в обработчики.

Редактор кода включает средства для выполнения различных задач рефакторинга. В этом пошаговом руководстве вы будете работать с двумя методами рефакторинга: переименование переменных и извлечение методов. Другие варианты рефакторинга включают инкапсулирование полей, повышение локальных переменных к параметрам метода и управление параметрами метода. Доступность этих параметров рефакторинга зависит от расположения в коде.

Код рефакторинга

Распространенный сценарий рефакторинга — создание (извлечение) метода из кода, который находится внутри другого элемента, например метода. Это уменьшает размер исходного элемента и делает извлеченный код повторно используемым.

В этой части пошагового руководства вы напишете простой код, а затем извлеките из него метод. Рефакторинг поддерживается для C#, поэтому вы создадите страницу, которая использует C# в качестве языка программирования.

Извлечение метода на странице C#

Переключитесь в режим конструирования.
На панели элементов на вкладке "Стандартный " перетащите элемент управления Button на страницу.
Дважды щелкните элемент управления 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 и убедитесь, что установлен флажок "Предварительный просмотр изменений ". Затем нажмите кнопку ОК.

Откроется диалоговое окно "Предварительные изменения" и отображается дерево, содержащее все ссылки на переменную, которую вы переименовали.
Нажмите кнопку "Применить" , чтобы закрыть диалоговое окно "Предварительные изменения ".

Переменные, которые непосредственно ссылаются на выбранный экземпляр, были переименованы. Обратите внимание, что переменная alist в следующей строке не переименована.
```
private int DisplayArray(System.Collections.ArrayList alist, 
    int i)
```
Переменная в этой строке не переименована, так как она не представляет то же значение, что и переменная alistalist , которую вы переименовали. Переменная alist в объявлении DisplayArray является локальной переменной для этого метода. Это показывает, что использование рефакторинга для переименования переменных отличается от простого поиска и замены в редакторе; рефакторинг переименовывает переменные, учитывая семантику той переменной, с которой он работает.

Вставка фрагментов

Так как для разработчиков веб-форм часто требуется выполнять множество задач программирования, редактор кода предоставляет библиотеку фрагментов кода или блоки предварительно написанного кода. Эти фрагменты можно вставить на страницу.

Каждый язык, используемый в Visual Studio, имеет незначительные различия в том, как вы вставляете фрагменты кода. Сведения о вставке фрагментов см. в статье Visual Basic IntelliSense Code Snippets. Дополнительные сведения о вставке фрагментов кода в Visual C#см. в разделе "Фрагменты кода Visual C#".

Дальнейшие шаги

В этом пошаговом руководстве показаны основные функции редактора кода Visual Studio 2010 для исправления ошибок в коде, рефакторинг кода, переименование переменных и вставка фрагментов кода в код. Дополнительные функции в редакторе могут упростить разработку приложений. Например, вы можете захотеть:

Дополнительные сведения о функциях IntelliSense, таких как изменение параметров IntelliSense, управление фрагментами кода и поиск фрагментов кода в Интернете. Дополнительные сведения см. в разделе Using IntelliSense.
Узнайте, как создать собственные фрагменты кода. Дополнительные сведения см. в разделе "Создание и использование фрагментов кода IntelliSense"
Дополнительные сведения о функциях фрагментов кода IntelliSense для Visual Basic, таких как настройка фрагментов кода и устранение неполадок. Дополнительные сведения см. в разделе Фрагменты кода IntelliSense в Visual Basic
Дополнительные сведения о функциях IntelliSense для C#, таких как рефакторинг и фрагменты кода. Дополнительные сведения см. в разделе Visual C# IntelliSense.

Обратная связь

Были ли сведения на этой странице полезными?

Last updated on 2026-03-27