Упражнение 4: Работа с дополнительными элементами управления
В этой части лабораторной работы будем работать с элементом управления Calendar,
который отображает даты.
Перейдем в конструктор и добавим элемент управления Calendar
В области смарт-тега выберем “Автоформат”.
В списке Выбор схемы выберем “Простая”
Вызовем обработчик
Наша функция должна иметь вид:
protected void Calendar1_SelectionChanged(object sender,EventArgs e)
{
Label1.Text = Calendar1.SelectedDate.ToLongDateString();
}
Листинг:
3.2
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace PPPLAB1
{
public partial class FirstWebForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Label2.Text = TextBox1.Text + ", welcome to VS!";
}
}
}
3.4
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace PPPLAB1
{
public partial class FirstWebForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Label2.Text = TextBox1.Text + ", welcome to VS!";
}
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
Label2.Text = Calendar1.SelectedDate.ToLongDateString();
}
}
}
Результат выполнения программы:
Рис. 3. Результат
Выводы:В данной лабораторной работе мы ознакомились со средой веб-разработки Visual Studio, создали простую веб-страницу ASP.NET , используя базовые методы создания новой страницы, добавления элементов управления и написания кода.
На странице разместили управления, задали их свойства и обработчики событий. Запустили и протестировали работу созданной веб-страницы.
Часть 2-2. Добавление кода к Web-форме Microsoft asp.Net.
Описание работы:
В
данной лабораторной работе иллюстрируется
способ отладки веб-приложений ASP.NET,
также известных как веб-формы. Оно
содержит описание запуска и остановки
выполнения, определения точек останова
и проверки значений переменных в окне
«Контрольное значение».
Описание шагов выполнения работы
Шаг 1 - Создание веб-формы
В меню Файл выберите “Новый” и нажмите кнопку “Веб-узел”. Откроется диалоговое окно “Создать веб-узел”.
В области Шаблоны щелкните Веб-узел ASP.NET.
В строке Расположение выберите HTTP в списке и введите в текстовом поле “http://localhost/WebSite”.
В списке Язык выберите “Visual C#”. Нажмите кнопку ОК. Visual Studio создаст новый проект и отобразит исходный код HTML, создаваемый по умолчанию. Среда также создаст новый виртуальный каталог с именем WebSite в разделе Веб-узел по умолчанию в IIS. Щелкните вкладку Конструктор на нижней границе окна. Щелкните вкладку Панель элементов на левой границе или выберите ее в меню “Вид”. Откроется Панель элементов.
В Панели элементов щелкните элемент управления Button и добавьте его в рабочую область конструирования Default.aspx.
В Панели элементов щелкните элемент управления Textbox и перетащите его в рабочую область конструирования Default.aspx.
Дважды щелкните помещенный в область конструирования элемент управления Button. Откроется страница кода: Default.aspx.cs для языка C#. Курсор должен находиться в тексте функции Button1_Click.
В функцииButton1_Click добавьте следующий код: TextBox1.Text = "Button was clicked!";
В меню «Построение» выберите команду “Построить решение”. Проект должен быть построен без ошибок. Теперь все готово для того, чтобы начать отладку.
Шаг 2 - Отладка веб-формы
В окне Default.aspx.cs или Default.aspx.vb щелкните левую границу рядом с добавленной текстовой строкой: textBox1.Text= "Buttonwasclicked!"; Появится красная точка, и текст строки будет выделен красным цветом. Красная точка представляет точку останова. Если приложение запускается из отладчика, выполнение этого приложения будет приостановлено отладчиком на строке с помеченным кодом. После этого можно просмотреть состояние приложения и произвести его отладку.
В меню Отладка выберите команду «Начать отладку». Появляется диалоговое окно “Отладка не включена”. Выберите параметр “Добавить новый файл Web.config с включенной отладкой” и нажмите кнопку ОК. Будет запущен обозреватель Internet Explorer, в котором будет отображена только что созданная страница.
Нажмите кнопку в Internet Explorer. В Visual Studio будет отображена строка кода в странице кода Default.aspx.cs или Default.aspx.vb, на которой была поставлена точка останова. Эта строка будет выделена желтым цветом. Теперь можно просматривать переменные в приложении и управлять его выполнением. После завершения выполнения приложение ожидает команды пользователя.
В меню Отладка выберите пункт Окна, затем Контрольные значения и потом «Контрольные значения1».
В окне «Контрольное значение» введите“TextBox1.Text”. Окно Контрольные значения отобразит значение переменной TextBox1.Text ""
В меню Отладка выберите команду “Шаг с обходом”. ЗначениеTextBox1.Text в окне Контрольные значения изменится на следующее: "Button was clicked!"
В меню Отладка выберите команду “Продолжить”.
Снова нажмите кнопку в InternetExplorer. Выполнение снова будет приостановлено по достижении точки останова.
В окне Default.aspx.cs или Default.aspx.vb щелкните красную точку на левой границе. Точка останова будет удалена.
Выберите команду. Остановить отладку в меню Отладка.
Шаг 3 - Присоединение отладчика к веб-форме
В Visual Studio можно присоединить отладчик к выполняющемуся процессу. Для повышения эффективности отладки скомпилируйте исполняемый файл как отладочную версию с файлами символов(PDB).
В окне Default.aspx.cs или Default.aspx.vb щелкните левую границу, чтобы снова создать точку останова на добавленной строке: textBox1.Text= "Buttonwasclicked!";
В меню Отладка выберите команду Запуск без отладки. Веб-форма будет запущена в Internet Explorer без присоединения отладчика.
Присоединитесь к процессуASP.NET.
Нажмите кнопку в форме в обозревателе Internet Explorer. В Visual Studio при этом должен произойти переход на точку останова на странице кода Default.aspx.cs, Default.aspx.vb или Default.aspx.
После завершения отладки в меню Отладка выберите команду Завершить отладку.