29. Как правильно произносится слово JavaScript?
 джейваскрайпт.
джамбоскретч.
жабокряк.
мирдому твоему.
джаваскрипт
Нет правильного варианта.
Не знаю.
30. Как переместить файл run.sh в директорию bin?(Java)?
.
.
.
.
Нет правильного варианта.
Не знаю.
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное автономное образовательное учреждение
высшего профессионального образования
«Дальневосточный федеральный университет»
(ДВФУ)
ФИЛИАЛ ДВФУ В Г. БОЛЬШОЙ КАМЕНЬ
МЕТОДИЧЕСКИЕ МАТЕРИАЛЫ
по дисциплине «Web-программирование»
080801.65 «Прикладная информатика (в экономике)»
г. Большой Камень
Лабораторная работа № 1. Основы работы в Visial Studio .NET
Цель: знакомство с принципами использования и возможностями среды Visual Studio .NET для разработки Web-приложений на основе ASP.NET.
Задачи:
получить навыки работы с инструментальными окнами и компонентами (объектами) среды разработки Visual Studio;
получить навыки практического использования различных элементов управления на странице и процедур – обработчиков событий этих элементов;
научиться осуществлять запуск и отладку ASP-приложения.
Упражнение 1. Начало работы с Visual Studio
Запустите Microsoft Visual Studio
При загрузке Visual Studio отображается окно, состоящее из нескольких областей.
Область окна Recent Projects содержит ссылки на последние проекты, открытые в Visual Studio.
Размещенная под ней область Getting Started содержит ссылки на наиболее часто возникающие у пользователя задачи.
-
В центре окна Visual Studio располагается область, где отображаются (при условии подключения к Интернету) последние опубликованные в MSDN статьи, посвященные технологиям разработки программного обеспечения.
Microsoft Developer Network (англ. MSDN) — подразделение компании Майкрософт. Подразделение работает как информационный сервис для разработчиков программного обеспечения. Основное внимание (в последнее время) уделяется платформе Microsoft .NET. Многие ресурсы доступны бесплатно в онлайн, другие — только по почте на основе платной подписки.
|
Вся область окна, задействованная для отображения перечисленных выше разделов, в дальнейшем используется для отображения содержимого редактируемого документа (файла) и называется окном документов.
-
Находясь на стартовой старице, познакомьтесь с инструментальными окнами: Solution Explorer и Toolbox
Окно Visual Studio занято так называемыми инструментальными окнами (рисунок 1.1.). В них отображаются компоненты приложений: элементы управления, соединения с базами данных, классы и свойства, используемые в проектах. Инструментальные окна можно настроить по своему усмотрению для максимального удобства использования в процессе работы. Их можно перетаскивать, располагая в любом месте экрана.
Рис.1.1. – Инструментальные окна Visual Studio
Рассмотрим окно Solution Explorer
Visual Studio упорядочивает приложения при помощи проектов и решений.
Проект (project) — это набор файлов, из которых в итоге компонуется исполняемый файл.
Решение (solution) — это группа проектов, образующих функциональную единицу.
Файлы, составляющие решение, можно просматривать в окне Solution Explorer, показанном на рис. 1.2.
Рис.1.2. - Окно Solution Explorer
После создания нового проекта Visual Studio создает следующие файлы: Default.aspx (представляет собой файл, содержащий описание Web-страницы в формате HTML) и Default.aspx.cs. Кроме того, автоматически создается каталог App_Data, который предназначен для хранения файлов базы данных, используемой ASP.NET. Это может быть БД Access, SQL Server, XML или файл любого другого формата, доступного в ASP.NET приложении. Помимо каталога App_Data в проекте Web-приложения могут создаваться и другие – виртуальные каталоги приложения и каталоги, создаваемые самими пользователями.
Еще одним важным файлом проекта ASP.NET приложения является файл Web.Config, который создаётся при первом запуске приложения. Этот файл является конфигурационным, созданным на базе формата XML. Фрагмент такого файла изображен на рис. 1.3.
Рис. 1.3. - Пример файла Web.Config
Добавление элементов в проект web-приложения на базе ASP.NET
Кроме перечисленных выше файлов приложение ASP.NET может содержать и другие элементы, играющие свою роль и выполняющие свои задачи. Все эти элементы могут быть добавлены в проект по ходу его развития.
Для того чтобы узнать, какие еще компоненты могут быть добавлены к проекту Web-приложения на базе ASP.NET, необходимо выполнить команду File – New File, либо нажать значок «Add New Item», либо нажать Ctrl+Shift+A. В открывшемся окне будут представлены все элементы, которые возможно добавить к проекту (рис. 1.4).
Рис. 1.4. - Добавление компонентов в проект
-
Настройте инструментальные окна Solution Explorer и Toolbox таким образом, чтобы они постоянно находились на экране
Инструментальные окна можно также настраивать таким образом, чтобы они постоянно находились на экране. Для этого необходимо включить кнопку Auto Hide (рисунок 1.5.), расположенную в правом верхнем углу окна. С помощью данной кнопки можно добиться того, чтобы окно либо постоянно находилось на экране, либо скрывалась за боковой границей основного окна в случае, если курсор мыши вышел за его пределы.
Рис.1.5. – Настройка инструментальных окон Visual Web Developer Express
Упражнение 2. Создание приложения ASP.NET
Создайте приложение ASP.NET
Для создания нового приложения ASP.NET следует выполнить команду File  New Web Site. Следует обратить внимание на то, что команда New Project не используется, поскольку Web-приложения не являются проектами.
В открывшемся окне New Web Site укажите сведения, показанные на рис. 1.6.
Рис. 1.6. - Окно создания нового Web-приложения
Шаблон (Templates) — определяет файлы, с которых будет начинаться Web-сайт. Поддерживаются два типа базовых приложений ASP.NET - приложения Web-сайтов и приложения Web-служб.
Месторасположение (Location) — определяет место хранения файлов Web-сайта. Обычно это File System — Файловая Система (указывается папка на локальном компьютере либо сетевой путь). Но возможно также редактирование сайта непосредственно по HTTP- или FTP-протоколу.
Язык (Language) — определяет язык программирования .NET, используемый по умолчанию для кодирования Web-сайта.
Альтернативой ручному вводу месторасположения является нажатие кнопки "Обзор" (Browse), отображающей диалоговое окно "Выбор месторасположения" (Choose Location, рисунок 1.7.).
Рис. 1.7. - Установка месторасположения создаваемого Web-приложения
Вдоль левой стороны диалогового окна расположены четыре кнопки, позволяющие получить доступ к различным типам месторасположений:
File System — Файловая система — позволяет просматривать дерево дисков и каталогов или совместно используемых ресурсов, предоставляемых другими компьютерами сети;
Local IIS — Локальный IIS — позволяет просматривать виртуальные каталоги, доступные с помощью программного обеспечения Web-хостинга IIS, которое функционирует на текущем компьютере;
FTP Site (FTP-сайт) — менее удобно, так как перед подключением следует указать информацию о соединении, включая FTP-сайт, порт, каталог, имя пользователя и пароль;
Remote Site — Удаленный Web-сайт — предоставляет доступ к Web-сайту по определенному URL с использованием HTTP.
Перейдите на страницу default.aspx
Новый Web-сайт начинается с одного файла — начальной страницы по умолчанию - default.aspx, пример содержимого которой приведен на рисунке 1.8.
Рис. 1.8. - Содержимое начальной страницы default.aspx
Основная часть файла .aspx представляет собой обычную структуру HTML-документа, однако в самом начале размещена строка, содержащая директивы ASP.NET и информацию об используемом языке программирования в модуле, связанном с данной страницей (в данном случае это C#), об автоматическом связывании событий данной страницы с функциями — обработчиками этих событий, а также имя модуля, который содержит программный код, привязанный к данной странице.
Наличие расширения .aspx у файла говорит о том, что он содержит некие директивы ASP.NET и должен быть исполнен платформой .NET Framework.
Используя приведённый ниже код, создайте внутри HTML-элемента form элемент Button
Важными элементами файла .aspx являются директивы среды исполнения, а также встроенные в страницу серверные элементы управления. Эти элементы должны обязательно располагаться внутри HTML-элемента form, исполняющегося на стороне сервера, и помечаются тегом . Например, описание серверного элемента Button, вставленного в страницу, будет выглядеть следующим образом:
.
Как видно из этого примера, после ключевого слова asp следует тип элемента, который соответствует его классу, описанному в .NET Framework, затем ID элемента, указание на его обработку на стороне сервера и другие параметры, такие как подпись кнопки (в данном случае).
Создайте кнопку, используя панель компонентов Toolbox
Для выполнения этой операции необходимо отобразить в окне редактора файла .aspx исходный код файла, а затем перетащить из панели Toolbox в нужное место страницы кнопку (рисунок 1.9).
Рис. 1.9. Пример размещения кнопки на странице с помощью Toolbox
В Visual Studio окно Toolbox (рисунок 1.10.) отображает элементы управления и компоненты, которые можно перетаскивать в окно документа.
Рис. 1.10. - Панель компонентов Toolbox
Принцип разработки приложения в ASP.NET полностью соответствует объектно-ориентированному подходу. Программист, в процессе создания Web-приложения, оперирует классами, определяя их атрибуты и значения, а также методы, предназначенные для выполнения объектами класса действий, привязанных к событиям страницы.
Компоненты в окне Toolbox упорядочены по категориям. Щелкнув на категории, можно отобразить элементы из этой категории. Содержимое окна Toolbox можно прокручивать, щелкая по стрелкам, расположенным сверху и снизу списка компонентов. Когда текущим документом является файл Default.aspx.cs, в окне Toolbox не отображаются компоненты, так как их невозможно размещать в рабочей области.
Откройте файл Default.aspx.cs
Файл Default.aspx.cs содержит программный код, привязанный к странице. Организация этого файла практически полностью повторяет организацию аналогичного файла для проекта Windows-приложения. Пример содержимого только что созданного файла такого типа приведен на рисунке 1.11.
Рис. 1.11. - Файл Default.aspx.cs
Как видно из рисунка, файл начинается с подключения различных пространств имен, содержащих описания тех классов .NET Framework, которые необходимо использовать в данном модуле. Затем следует описание класса страницы, состоящего из различных функций, в том числе привязанных к обработке событий данной формы. По умолчанию создана заготовка функции — обработчика события открытия страницы Page_Load.
Упражнение 3. Редактирование Web-документов
Web-формы и HTML-документы можно редактировать в графическом режиме либо в текстовом виде. Для переключения между режимами достаточно щелкнуть на ярлычки Design и Source, расположенные внизу окна документа.
Для демонстрации режимов работы со страницей рассмотрим пример создания простейшей страницы Web-приложения, состоящего из кнопки, при нажатии на которую в окне Web-браузера выводится текст "Это простейшее приложение ASP.NET".
Поместите в файл Default.aspx две кнопки
Сделать это можно двумя различными способами:
Перетащить кнопку из окна Toolbox в окно, содержащее код страницы. Для выполнения этой операции необходимо отобразить в окне редактора файла .aspx исходный код файла, а затем перетащить из панели Toolbox в нужное место страницы кнопку. В результате на странице будет размещен код кнопки, как показано на рисунке 1.9.
Перетащить кнопку из окна Toolbox в окно, содержащее изображение дизайна страницы. Для выполнения этой операции необходимо отобразить в окне редактора файла .aspx дизайн страницы, а затем перетащить из панели Toolbox кнопку в любое место области окна страницы. Результат операции представлен на рисунке 1.12.
Рис.1.12. - Пример размещения кнопки на странице с помощью перетаскивания в режиме редактирования дизайна страницы
Создайте обработчик события нажатия кнопки и вывода в окне браузера текста
Для создания обработчика события "нажатие на кнопку" необходимо переключиться в режим дизайна, выделить кнопку, открыть окно свойств выделенного объекта (окно Properties) — это можно сделать с помощью щелчка правой кнопкой мыши на кнопке и выбора пункта Properties из открывшегося контекстного меню, — переключиться в режим показа событий выбранного элемента управления (для этого необходимо нажать кнопку  в окне свойств кнопки) и произвести двойной щелчок левой кнопкой мыши по событию, обработчик которого необходимо создать, в нашем примере это Click (рисунок 1.13.).
Рис. 1.13. - Окно свойств элемента управления Button
В результате создается процедура Button1_Click, связанная с событием Click элемента управления Button. Эта процедура помещается в файл Default.aspx.cs.
3. Введем в тело процедуры программный код, позволяющий вывести на экран текст
Для вывода в окно браузера информации можно использовать класс Response, который применяется для формирования отклика сервера, пересылаемого браузеру клиента.
Введите следующий код в обработчик события нажатия кнопки:
Response.Write("Это простейшее приложение ASP.NET");
Окно редактора кода при этом будет выглядеть следующим образом (рисунок 1.14.):
Рис. 1.14. - Окно редактора кода приложения после создания обработчика события нажатия на кнопку Button1
Произведите запуск приложения
Для этого нажмите F5 либо произведите щелчок по кнопке  панели инструментов Visual Studio. Если Web-приложение запускается впервые и для его запуска используется режим отладки (клавиша F5 либо вызов команды Debug р Start Debugging (F5), то отобразится диалог, изображенный на рисунке 1.15.
Рис. 1.15. - Диалоговое окно выбора режима запуска приложения при первом запуске
4.1. Выбор режима запуска
Если выбрать режим Add a new Web.config file with debugging enabled, в файл web.config будет добавлена строка, включающая режим отладки запускаемого приложения. В дальнейшем, при повторном запуске данного приложения в режиме отладки это диалоговое окно отображаться не будет, а приложение будет сразу запускаться в режиме отладки. Если же выбрать режим Run without debugging, то приложение будет запущено в обычном режиме.
После запуска приложения будет запущен локальный Web-сервер, встроенный в Visual Studio. Уведомление об этом появится в панели индикации (рисунок 1.16.), после чего будет открыта страница Web-приложения в браузере, установленном в системе по умолчанию.
Рисунок 1.16. - Уведомление о запуске локального Web-сервера
Страница созданного Web-приложения, отображаемого в окне браузера, будет выглядеть следующим образом (рисунок 1.7).
Рис. 1.17. - Страница Web-приложения, отображаемая в браузере Internet Explorer
Произведите щелчок левой кнопкой мыши по созданной кнопке
В результате на экране будет отображена строка "Это простейшее приложение ASP.NET" (рис. 1.18).
Рис. 1.18. - Результат отображения страницы после нажатия на кнопку Button
Упражнение 4. Установка точек прерывания и просмотр значений переменных
Остановите исполнение проекта перед строкой кода
Можно остановить исполнение проекта перед некоторой строкой кода, установив в этой строке точку прерывания. Для этого следует щелкнуть на сером поле слева от строки, перед которой нужно остановить исполнение программы, либо, выделив эту строку, нажать F9. При этом строка выделяется, а слева от нее появляется точка, свидетельствующая о наличии точки прерывания программы (рис. 1.19).
Рис. 1.19. - Установленная точка прерывания
Встретив при исполнении проекта строку с точкой прерывания, Visual Studio остановит приложение перед выполнением этой строки, выделит ее и откроет в окне редактора кода.
Не удаляя точку прерывания, возобновите исполнение приложения
Для возобновления исполнения приложения, остановленного перед точкой прерывания, следует щелкнуть по кнопке Continue на панели инструментов либо нажать F5. Можно также исполнять приложение построчно, нажимая F10 (команда Debug Step Over) или F11 (команда Debug Step Into).
Задания для закрепления пройденного материала:
Создайте новый web-сайт: шаблон – ASP.NET Web Site, месторасположение – папка на локальном компьютере, язык – Visual C #.
Переименуйте файл Default.aspx в 1. аspx.
Создайте копию файла 1. аspx.
Создайте ссылку, которая позволяет перейти со страницы 1.аspx на страницу Copy of 1.aspx. Создать ссылку можно, воспользовавшись дескриптором HTML <�А> (гиперссылка) с параметром (адрес объекта, на который указывает ссылка. HTML-код в данном случае может выглядеть следующим образом: Текст ссылки . При запуске создаваемого приложения следует обратить внимание на возможные ошибки в коде. Если нажатие на созданную ссылку будет вызывать ошибку при загрузке страницы Copy of 1.aspx, следует вернуться в режим редактирования исходного кода страницы и проанализировать самую первую строку кода.
Задайте тексту ссылки полужирное начертание, воспользовавшись дескриптором .
На странице Copy of 1.aspx расположите картинку размером 100px на 100px.
Картинка должна являться ссылкой на страницу 1.аspx.
Так же, как и любой объект, область редактирования кода также имеет свойства. Необходимо добиться того, чтобы фон страницы был светло-зелёного цвета #99ffcc.
Картинка должна располагаться в правой области страницы.
В левой части файла необходимо расположить календарь, который при запуске приложения не будет отображаться в браузере.
Создайте обработчик события нажатия кнопки и вывода в окне браузера текста «Здравствуйте, мы изучает технологию ASP».
Контрольные вопросы:
В чём заключается особенность Visual Studio?
О чём говорит наличие расширения .aspx у файла?
Какое значение при разработке приложений играет окно панели компонентов Toolbox?
Для чего создаётся каталог App_Data?
Для чего можно использовать точки прерывания?
Лабораторная работа № 2. Основы Web-программирования с использованием ASP.NET
Цель: изучение принципов создания Web-приложений с использованием ASP.NET.
Задачи:
научиться формировать HTML-код страницы в процессе выполнения Web-приложения,
освоить принципы вывода информации в окне браузера клиента, использования динамических элементов управления, а также способов передачи параметров между обратными отсылками данных клиента на сервер.
Упражнение 1. Формирование HTML-кода страницы
Откройте исходный код ранее созданной страницы, отображенной в браузере
Для этого необходимо вызвать контекстное меню страницы, отображенной в браузере, и выбрать пункт "Просмотр HTML-кода". Текст HTML-кода страницы приведен ниже:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Untitled Page
|
