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

Статья
07/13/2023

На многих 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# ->Веб-шаблоны слева.
Выберите шаблон Веб-приложения ASP.NET в центральном столбце.
Назовите проект BasicWebApp и нажмите кнопку ОК .
Затем выберите шаблон веб-формы и нажмите кнопку ОК, чтобы создать проект.

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

Создание новой страницы ASP.NET Web Forms

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

Перейдите в режим конструктора .
На панели элементов на вкладке Стандартный перетащите элемент управления Кнопка на страницу.
Дважды щелкните элемент управления Кнопка , чтобы создать обработчик для события 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)
```
Переменная alist в этой строке не переименована, так как она не представляет то же значение, что и переменная alist , которую вы переименовали. Переменная alist в объявлении DisplayArray является локальной переменной для этого метода. Это показывает, что использование рефакторинга для переименования переменных отличается от простого выполнения действия поиска и замены в редакторе. Рефакторинг переименовывает переменные, зная семантику переменной, с которыми она работает.

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

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

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

Next Steps

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

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

Поделиться через