МИНОБР НАУКИ РОССИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ
ЭЛЕКТРОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ «ЛЭТИ» им. В. И.УЛЬЯНОВА (ЛЕНИНА)» (СПбГЭТУ)
ФАКУЛЬТЕТ КОМПЬЮТЕРНЫХ ТЕХНОЛОГИЙ И ИНФОРМАТИКИ
КАФЕДРА СИСТЕМ АВТОМАТИЗИРОВАННОГО ПРОЕКТИРОВАНИЯ
ЛАБОРАТОРНЫЕ РАБОТЫ
по учебной дисциплине «Паттерны проектирования приложений»
на тему «Введение в разработку ASP.Net приложений»
Часть 2
Выполнили:
Соловьёв С.П.
Ярославцева В.А.
Группа: 9301
Факультет: КТИ
Преподаватель: Новакова Н.Е.
Санкт-Петербург
2012 Часть 2-1. Создание и настройка приложения asp.Net
Описание работы:
Данная лабораторная работа знакомит с возможностями среды веб-разработки в Microsoft
VisualStudio2010. Необходимо создать простую веб-страницуASP.NET и проиллюстрировать базовые методы создания новой страницы, добавления элементов управления и написания кода.
В этой лабораторной работе демонстрируется выполнение следующих задач.
• Создание проекта веб-сайта на базе файловой системы.
• Знакомство с Visual Studio.
• Создание страницы ASP.NET из одного файла.
• Добавление элементов управления.
• Добавление обработчиков событий.
• Запуск страниц с использованием встроенного в Visual Studio веб-сервера в целях
тестирования.
В этой лабораторной работе создается веб-сайт на базе файловой системы, для которого не требуются службы Microsoft IIS. Вместо этого страница создается и запускается в локальной файловой системе. В проекте веб-сайта на базе файловой системы страницы и другие файлы хранятся в выбранной папке на компьютере. К другим вариантам веб-проектов относятся следующие:
Упражнение 1 - Создание проекта веб-сайта и страницы
В этом разделе лабораторной работы создается проект веб-сайта, в который добавляется новая страница. После этого на страницу добавляется текст HTML, а сама страница выполняется в браузере.
Создадим новый веб-узел
В обозревателе решений щелкните правой кнопкой мыши веб-сайт и выберем команду “Добавить новый элемент”. Создадим веб-форму.
Переключимся в представление «Конструктор»
Введем текст "Добро пожаловать в Visual Web Developer" и дважды нажмем ВВОД.
Зададим файл FirstWebPage.aspx в качестве начальной страницы
Рис. 1. Результат упражнения 1
Упражнение 2: Добавление и программирование элементов управления
В данной части лабораторной работы на страницу будут добавлены элементы управления
Button, TextBox и Label, а также написан код, обрабатывающий событие Click элемента
управления Button
Перейдем в конструктор.
Перетащим в поле элементы управления TextBox, Button, Label.
В TextBox введем : «Введите свое имя
Выберем элемент управления Button, после чего в окне Свойства зададим для свойства Text значение "Отображаемое имя".
Дважды нажмем кнопкой мыши по Button, тем самым вызовем обработчик событий.
Наша функция должна иметь вид:
protected void Button1_Click(object sender, System.EventArgs e)
{
Label1.Text = TextBox1.Text + ", welcome to Visual Studio!";
}
Упражнение 3: Запуск страницы
Нажмите клавиши CTRL + F5 для запуска страницы в браузере. Страница снова запускается с помощью сервера Visual Studio Development Server.
2. В текстовом поле введите имя и нажмите кнопку. Введенное имя отображается в элементе управления Label. Обратите внимание, что при нажатии кнопки страница отправляется на веб-сервер. После этого ASP.NET заново создает страницу, выполняет код(в данном случае выполняется обработчик событий Click элемента управления Button), а затем отправляет новую страницу в обозреватель. Если смотреть в панель состояния в обозревателе, то можно увидеть, что страница каждый раз отправляется на веб-сервер и обратно при каждом нажатии кнопки.
3. Просмотрите исходный код выполняемой страницы в обозревателе. В исходном коде страницы видно только обычный HTML-код; элементы<asp:>, с которыми ведется работа в представлении Исходный код, не отображаются. При выполнении страницыASP.NET обрабатывает серверные элементы управления и отображает HTML-элементы на странице, на которой выполняются действия, назначенные для элемента управления. Например, элемент управления <asp:Button> отображается в виде HTML-элемента<input type="submit">.
4. Закройте браузер.
Рис. 2