Межсессионная контрольная работа по дисциплине



Скачать 263.5 Kb.
страница1/45
Дата27.06.2018
Размер263.5 Kb.
Название файлаКонтрольная работа по asp.net.doc
ТипКонтрольная работа
  1   2   3   4   5   6   7   8   9   ...   45


МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ

РОССИЙСКОЙ ФЕДЕРАЦИИ

БИРСКИЙ ФИЛИАЛ ФЕДЕРАЛЬНОГО

ГОСУДАРСТВЕННОГО БЮДЖЕТНОГО

ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«БАШКИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»

Физико-математический факультет

Кафедра информатики и экономики

ОЗО

МЕЖСЕССИОННАЯ КОНТРОЛЬНАЯ РАБОТА

ПО ДИСЦИПЛИНЕ

РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ НА ASP NET

ВЫПОЛНИЛ(А):

________________________________________________

ФИО, ПОДПИСЬ


Уровень высшего образования:

бакалавриат

направление подготовки

____Прикладная информатика_____

Направленность (профиль)

__ПИ в информационной сфере____

Курс, группа

_____4______________

Семестр

________7_________________

ПРОВЕРИЛ(А):

_____________________________________________

ОЦЕНКА, ФИО, ПОДПИСЬ


Бирск – 2018 г.


Содержание


Содержание 2

Место ASP.NET в .NET 15

В платформе ASP.NET можно выделить семь ключевых фактов которые отличали ее от других продуктов Microsoft выпущенных ранее[1]: 15

• ASP.NET интегрируется с .NET Framework; 15

Все классы .NET Framework, которые размещенные в логических иерархических контейнерах, называемых пространством имен(namespace), доступны в ASP.NET. 15

• Код ASP.NET компилируется, а не интерпретируется; 15

Этот пункт является логическим следствием первого. Приложение ASP.NET подобно .NET всегда компилируется в два этапа. На первом этапе написанный код на C# компилируется в код на промежуточном языке, который называется MSIL (Microsoft Intermediate Language — промежуточный язык Microsoft), или просто IL. Этот первый этап как раз и является одной из главных причин, по которым в .NET могут использоваться самые разные языки. Второй этап компиляции происходит непосредственно перед фактическим выполнением страницы. На этом этапе код IL компилируется в код на низкоуровневом машинном языке. Называется этот этап оперативной (Just-In-Time — JIT) компиляцией и выглядит одинаково для всех приложений .NET (включая, например, Windows-приложения). Процесс компиляции представлен на рисунке 1.[1] 15

15


Рис. 1 Процесс компиляции выполняемый в рамках работы веб-страницы ASP.NET.[1] 15

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

• В ASP.NET поддерживается множество языков программирования; 16

Следует из выше сказанного. 16

• ASP.NET обслуживается средой CLR; 16

Пожалуй, наиболее важным аспектом механизма ASP.NET является то, что функционирует он внутри исполняющей среды CLR. Все части .NET Framework — т.е. все пространства имен, приложения и классы — называются управляемым кодом[1]. Рассмотрим некоторые из предоставляемых ею преимуществ среды CLR: 16

o Автоматическое управление памятью и сборкой мусора; 16

o Безопасность типов; 16

o Расширяемые метаданные; 16

o Структурированная обработка ошибок; 16

o Многопоточностъ. 16

• ASP.NET является объектно-ориентированной технологией; 16

ASP.NET является самой настоящей объектно-ориентированной технологией. Она не только предоставляет коду полный доступ ко всем объектам .NET Framework, но и позволяет использовать все концепции объектно-ориентированного программирования (ООП) [1]. 16

Одним из наилучших примеров поддержки объектно-ориентированного поведения в ASP.NET являются серверные элементы управления. Эти элементы управления представляют собой инкапсуляцию в миниатюре. Разработчики могут манипулировать объектами элементов управления программно с использованием кода для настройки их внешнего вида, предоставления отображаемых данных и даже реагирования на события. Вся низкоуровневая HTML-разметка, которую визуализируют эти элементы управления, скрывается из вида. Вместо того чтобы вынуждать разработчика писать низкоуровневый код HTML-разметки вручную, объекты этих элементов управления сами преобразуются в соответствующие HTML-элементы непосредственно перед отправкой веб-сервером страницы клиенту. Таким образом, серверные элементы управления в ASP.NET позволяют абстрагироваться от низкоуровневых деталей программирования HMTL и HTTP [1]. 17

Ниже приведен небольшой пример со стандартным текстовым полем HTML, которое можно определить в веб-странице ASP.NET [1]: 17

17

После добавления атрибута гunat="server" этот статический фрагмент HTML превращается в полностью функциональный серверный элемент управления, которым можно манипулировать в коде. После этого можно работать с генерируемыми им событиями, устанавливать атрибуты и привязывать его к источнику данных[1]. 17

Например, установить текст для этого поля при первой загрузке страницы можно с помощью следующего кода С# [1]: 17

protected void Page_Load(object sender, EventArgs e) 17

{ 17

Label1.Text = "Привет"; 17



} 17

Дескрипторы веб-элементов управления в ASP.NET всегда начинаются с префикса asp:, за которым следует имя класса. Ниже показан пример создания текстового поля и флажка [1]: 18



18

С этими элементами управления тоже можно взаимодействовать в коде следующим образом [1]: 18

TextBox1.Text = "New text"; 18

• ASP.NET поддерживает все браузеры; 18

Одним из самых больших испытаний для разработчиков веб-приложений является необходимость в обеспечении поддержки множества различных браузеров. В разных браузерах, версиях и конфигурациях технологии HTML, CSS и JavaScript поддерживаются по-разному. Разработчики веб-приложений должны выбирать, визуализировать содержимое в соответствии с наименьшими общими характеристиками или добавлять фрагменты для принятия во внимание специфических особенностей популярных браузеров [1]. 18

В ASP.NET эта проблема решена удивительно интеллектуальным способом. Хотя внутри страницы ASP.NET можно извлечь информацию о браузере клиента и его возможностях, в действительности в ASP.NET рекомендуется игнорировать такой подход и пользоваться развитым комплектом серверных веб-элементов управления[1]. 18

Эти серверные элементы управления генерируют разметку адаптивным образом, принимая во внимание все возможности клиента. Примером могут служить предлагаемые в ASP.NET элементы управления верификацией, которые используют JavaScript и DHTML (динамический HTML) для улучшения своего поведения в случае, если они поддерживается клиентом[1]. 18

Другим примером является набор оснащенных Ajax элементов управления, которые применяют сложные процедуры JavaScript для проверки версий браузеров и используют тщательно протестированные обходные пути для обеспечения согласованного поведения. Эта функциональность является необязательной, но демонстрирует то, как интеллектуальные элементы управления могут извлекать максимум выгоды из современных браузеров без отгораживания от других клиентов. Лучше всего то, что никакого дополнительного кода для обеспечения поддержки обоих типов клиента писать не требуется [1]. 19

• ASP.NET позволяет легко выполнять развертывание и конфигурирование. 19

Одним из самых трудных процессов, с которым разработчикам приходится сталкиваться, является развертывание готового приложения на производственном сервере. Понадобится не только переместить файлы веб-страниц, базы данных и компоненты, но и зарегистрировать эти компоненты, а также воссоздать ряд конфигурационных настроек. ASP.NET значительно упрощает этот процесс [1]. 19

Каждая установленная копия .NET Framework обеспечивает те же самые ключевые классы. Благодаря этому процедура развертывания приложения ASP.NET выполняется относительно просто. Часто достаточно всего лишь скопировать все файлы в виртуальный каталог на производственном сервере (с помощью программы FTP или даже утилиты командной строки вроде XCOPY). Если на целевой машине имеется копия .NET Framework, то предпринимать какие-то трудоемкие действия по регистрации не понадобится [1]. 19

Распространение компонентов, которые используются в приложении, столь же просто. Для этого при развертывании веб-приложения нужно скопировать сборки компонентов вместе с файлами веб-сайта. Благодаря тому, что вся информация о компонентах сохраняется прямо в метаданных внутри файлов сборок, запускать программу регистрации и вносить изменения с системный реестр Windows не требуется. При условии размещения всех этих компонентов в правильном месте (подкаталог Bin в каталоге веб-приложения), механизм ASP NET автоматически обнаруживает их и делает доступными для кода веб-страницы. С традиционными компонентами СОМ подобное было невозможно [1]. 20

Процедура конфигурирования является еще одной трудной задачей, которая должна выполняться во время развертывания приложения, в частности, когда необходимо передать защищенную информацию вроде данных об учетных записях пользователей и их привилегиях. В ASP NET решение этой задачи тоже упрощено за счет минимизации зависимости от настроек IIS (Internet Information Services — информационные службы Интернета). Вместо этого большинство конфигурационных настроек ASP.NET хранится в специальном файле web.config. Этот файл web.config размещен в том же каталоге, что и веб-страницы, и содержит иерархически сгруппированные параметры приложения в удобном для прочтения формате XML. Этот файл можно изменять в простом текстовом редакторе, подобном Notepad (Блокнот). При изменении какого-то параметра приложения ASP NET замечает это изменение и гладко перезапускает приложение в новом домене приложения (поддерживая существующий домен приложения в активном состоянии вплоть до завершения обработки всех оставшихся запросов). Файл web.config никогда не блокируется, и потому может обновляться в любое время [1]. 20

20


Рис. 2 Файл Web.config в окне обозревателя решений Visual Studio. 20

Основные возможности Visual studio 21

Visual Studio является не просто текстовым процессором, а интегрированной средой разработки ИСP (англ. Integrated development environment — IDE) или по другому единая среда разработки, ЕСР - комплекс программных средств, используемый программистами для разработки программного обеспечения (ПО) [2]. Перечислим основные преимущества работы с IDE средой Visual studio при работе с веб-приложениями ASP.NET. 21

• Наличие встроенного веб-сервера. Для обслуживания веб-приложения ASP.NET необходим веб-сервер, подобный IIS, который будет ожидать веб-запросы и обрабатывать соответствующие страницы. Установить свой веб-сервер несложно, но может быть не совсем удобно. Наличие в Visual Studio интегрированного веб-сервера позволяет запускать веб-сайт прямо из среды проектирования, а также повышает безопасность, исключая вероятность получения доступа к тестовому вебсайту с какого-нибудь внешнего компьютера, поскольку тестовый сервер может принимать соединения только с локального компьютера [1]. 21

• Поддержка использования множества языков для разработки. Visual Studio позволяет писать код на своем языке или любых других предпочитаемых языках, используя все время один и тот же интерфейс (IDE). Более того, Visual Studio также еще позволяет создавать веб-страницы на разных языках, но помещать их все в один и тот же веб-сайт. Существуют лишь два ограничения, о которых следует помнить: не использовать более одного языка в одной и той же веб-странице (что может вызвать очевидные проблемы на этапе компиляции) и обязательно применять модель веб-сайта без проекта (а не веб-проект) [1]. 21

• Меньше кода для написания. Для создания большинства приложений требуется приличное количество стандартного стереотипного кода, и веб-страницы ASP.NET тому не исключение. Например, добавление веб-элемента управления, присоединение обработчиков событий и корректировка форматирования требует установки в разметке страницы ряда деталей. В Visual Studio такие детали устанавливаются автоматически [1]. 22

• Интуитивно понятный стиль кодирования. По умолчанию Visual Studio форматирует код по мере его ввода, автоматически вставляя необходимые отступы и применяя цветовое кодирование для выделения элементов типа комментариев. Такие незначительные отличия делают код более удобным для чтения и менее подверженным ошибкам. Применяемые Visual Studio автоматически параметры форматирования можно даже настраивать, что очень удобно в случаях, когда разработчик предпочитает другой стиль размещения скобок (например, стиль Кернигана и Ритчи, при котором открывающая скобка размещается на той же строке, что и объявление, которому она предшествует) [1]. 22

• Более высокая скорость разработки. Многие из функциональных возможностей Visual Studio направлены на то, чтобы помочь разработчику делать свою работу как можно быстрее. Удобные функции, такие как IntelliSense (которая умеет перехватывать ошибки и предлагать правильные варианты), поиск и замена (которая позволяет отыскивать ключевые слова как в одном файле, так и во всем проекте) и автоматическое добавление и удаление комментариев (которая может временно скрывать блоки кода), позволяют разработчику работать быстро и эффективно [1]. 22

• Возможности отладки. Предлагаемые в Visual Studio инструменты отладки являются наилучшим средством для отслеживания загадочных ошибок и диагностирования странного поведения. Разработчик может выполнять свой код по строке за раз, устанавливать интеллектуальные точки останова, при желании сохраняя их для использования в будущем, и в любое время просматривать текущую информацию из памяти [1]. 23

Веб – сайты и веб – проекты. 23

Веб-приложений на базе ASP.NET в Visual Studio можно создавать двумя способами: 23

• Разработка на основе проекта. При создании веб-проекта в Visual Studio генерируется файл проекта с расширением .csproj (при условии, что код пишется на языке С#), в котором фиксируется информация обо всех включаемых в состав проекта файлах и сохраняются кое-какие отладочные параметры. При запуске веб-проекта перед открытием веб-браузера Visual Studio сначала компилирует весь написанный код в одну сборку [1]. 23

• Разработка без использования проекта. Это альтернативный подход, который подразумевает создание просто веб-сайта безо всякого файла проекта. При таком подходе Visual Studio предполагает, что каждый файл в каталоге веб-сайта (и всех его подкаталогах) является частью веб-приложения. В этом случае Visual Studio не требуется предварительно компилировать код. Вместо этого ASP.NET компилирует уже сам веб-сайт при первом запросе какой-нибудь входящей в его состав страницы [1]. 23

Создание web – проекта ASP аналогично созданию любого другого проекта в visual studio (см. Рис. 3): 23

Файл - - > Создать - - > Проект; 23

Создание web – сайта: Файл - - > Создать - - > Веб-сайт. 23

23

Рис. 3 Обращение к меню Visual Studio для создания веб-проекта и веб сайта. 23



Выбрав создание веб-сайта, появиться диалоговое окно, показанное на рис. 4. 24

24


Рис. 4. Диалоговое окно Новый веб-сайт. 24

В этом диалогом окне можно выбрать язык программирования, шаблон проекта, с этим читатели сталкивались раньше. Подробно рассмотрим пункт расположение веб-сайта. Место размещения отвечает за то, где будут храниться файлы веб-сайта. Обычно выбирается вариант File System (Файловая система) и затем указывается либо папка на локальном компьютере, либо сетевой путь. Однако веб-сайт также допускается редактировать и непосредственно через HTTP или FTP (File Transfer Protocol — протокол передачи файлов). Такой подход иногда удобен, когда требуется "вживую" выполнять редактирование веб-сайта на удаленном веб-сервере. С другой стороны, он влечет за собой дополнительные накладные расходы. Конечно, производить редактирование напрямую на производственном сервере не следует никогда, поскольку такие изменения являются автоматическими и необратимыми. Вместо этого лучше ограничивать свои изменения только тестовыми серверами [1]. 24

Если просто нужно создать свой проект в какой-то папке внутри файловой системы, можно ввести имя этой папки в поле Размещение вручную. Но если интересуют все возможные варианты для определения подходящего места, щелкните на кнопке Обзор[1]. Откроется диалоговое окно Выбор папки, показанное на рис. 5. 24

24


24

Рис. 5. Выбор места размещения веб – сайта. 24

• File System (Файловая система). Это самый простой вариант, поскольку он подразумевает просто просмотр дерева дисков и каталогов или общих ресурсов, отображаемых другими компьютерами в сети, и выбор походящего каталога. При желании создать новый каталог нужно всего лишь щелкнуть на значке Create New Folder (Создать новую папку), который отображается в правом верхнем углу дерева каталогов [1]. 25

• Local IIS (Локальный IIS). Этот вариант позволяет просматривать виртуальные каталоги, которые делает доступными предоставляющее веб-хостинг программное обеспечение IIS, при условии, конечно, что таковое установлено на данном компьютере [1]. 25

• FTP Site (FTP-сайт). Этот вариант является не таким удобным, как поиск нужного каталога, поскольку предполагает ввод всей информации, которая необходима для установки соединения: имени FTP-сайта, номера порта, названия каталога, имени пользователя и пароля [1] 25

Так же имеется возможность обращения к веб-сайту по протоколу HTTP с определенным URL-адресом. Необходимо выбрать протокол HTTP и нажать кнопку обзор для выбора локального веб сервера (см. рис. 6.). В некоторых версиях visual studio имеется возможность обращения к удаленным сайтам по протоколу HTTP по определенному URL адресу. 25

25

Рис. 6. Выбор протокола обращения к локальному веб-серверу. 25



Проектирование веб-сайта 25

Создадим веб-сайт, выбрав шаблон Пустой веб-сайт ASP.NET. Назовем наш веб сайт pr_asp_1_1. Далее для работы в веб-сайтом необходимо будет добавить ему веб-форму с помощью обозревателя решений (см. рис. 7). 25

25

Рис. 7. Добавление веб-формы к веб-сайту pr_asp_1_1. 25



Добавленный веб-сайт в Visual Studio можно просматривать в трех режимах: 25

• Исходный код - отображается разметка страницы (т.е. дескрипторы элементов управления HTML и ASP.NET) [1]; 26

Рис. 8. Режим отображения исходный код веб-формы asp_site_1. 26

• Конструктор - отформатированное изображение того, как страница будет выглядеть в окне веб-браузера [1]; 26

26

Рис. 9. Режим отображения конструктор веб-формы asp_site_1. 26



• Разделить (Комбинированный) - комбинированное представление, позволяющее просматривать одновременно и разметку страницы, и ее окончательный внешний вид [1]. 26

26


Рис. 10. Режим отображения разделить веб-формы asp_site_1. 26

Добавить элемент управления ASP.NET на страницу легче всего, перетащив его из находящейся слева панели инструментов. (Элементы управления в этой панели поделены на множество разных категорий на основе предоставляемых ими функций, но все базовые компоненты можно найти на вкладке Стандартные). Перетащить элемент управления можно как в область видимой структуры страницы (в режиме визуального конструктора), так и в определенную позицию в ее разметке (в режиме исходного кода). И в том и в другом случае результат будет одинаковым. Существует также и альтернативный вариант: вручную ввести дескриптор требуемого элемента управления в режиме Исходный код [1]. 26

Добавив элемент управления, можно изменить его размер или сконфигурировать его свойства в окне Свойства. Многие разработчики предпочитают компоновать новые веб-страницы в режиме Конструктор, но выполнять перегруппировку элементов управления или более детальную настройку — в режиме Исходный код. Исключением являются лишь случаи, когда речь идет об HTML-разметке: хотя в панели инструментов и имеется вкладка с HTML-элементами, обычно легче ввести дескрипторы необходимых элементов управления вручную, чем перетаскивать их на страницу по одному за раз [1]. 27

Чтобы сконфигурировать элемент управления, сначала нужно щелкнуть на нем для его выбора или же выбрать его по имени в раскрывающемся списке в верхней части окна Свойства, а затем изменить все необходимые свойства, например, Text (Текст), ID (Идентификатор). Эти установки автоматически преобразуются в соответствующие атрибуты дескрипторов элементов управления ASP.NET и определяют исходный внешний вид этих элементов. Visual Studio даже предоставляет специальные "селекторы" (известные как UITypeEditor), позволяющие выбирать расширенные свойства. Например, можно выбрать из раскрывающегося списка цвет или же сконфигурировать шрифт с помощью стандартного диалогового окна выбора шрифта [1]. 27

Задания для самостоятельного выполнения: 27

Перетащите в режиме конструктор из панели инструментов следующие элементы 2 label, 2 TextBox, 1 Button рис. 11-слева. И затем их преобразуйте рис. 11-справа. 27

27

Рис. 11. Веб-формы asp_site_1 в режиме отображения конструктор. 27



Абсолютное позиционирование 27

Применение обычных приемов HTML-дизайна для размещения элементов управления на странице, таких как строки, абзацы, таблицы, разрывы и стили называется позиционированием. 28

По умолчанию Visual Studio предполагает, что элементы должны размещаться с использованием гибкого режима потокового (flow) позиционирования, который позволяет содержимому увеличиваться и уменьшаться динамически без возникновения проблем с компоновкой. Однако у разработчика также есть возможность применить и режим абсолютного (absolute) позиционирования с помощью стандарта CSS. Все, что от него требуется — это добавить для своего элемента управления внутристрочный CSS-стиль с параметрами абсолютного позиционирования [1]. 28

Например, ниже показан CSS-стиль, указывающий, что кнопка должна размещаться в точности в 100 пикселях от левого края и 150 пикселях от верхнего края страницы: 28

Результат выполнения показан на рис. 12. 28

28


Рис. 12. Пример абсолютного позиционирования кнопки. 28

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

, которые представляют собой «плавающее» поле. С помощью их взаимного расположения можно красиво и удачно расположить в них элементы управления. 28

Рассмотрим пример абсолютного позиционирования четырех контейнеров

, см. рис. 13.: 29

29

29

29

29

29

29

29

29

29


Рис. 13. Пример абсолютного позиционирования кнопки четырех контейнеров
. 29

Задание для самостоятельного выполнения 1. 29

Реализуйте web-сайт В котором контейнеры

выставлены в три колонки с помощью абсолютного позиционирования. (См. рис. 14) 29

29


Рис. 14. Пример абсолютного позиционирования трех четырех контейнеров
. 29

Интеллектуальные дескрипторы 29

Интеллектуальные дескрипторы (смарт-теги) упрощают конфигурирование сложных элементов управления. Они предлагаются не для всех элементов управления, а только для многофункциональных, таких как GridView, TreeView и Calendar [1]. Добавим в контейнер элемент Calendar (см. рис. 15). 29

30


Рис. 15. Элемент календарь в контейнере
. 30

О доступности смарт-тега свидетельствует наличие в верхнем правом углу при выборе элемента управления небольшой стрелки. Если щелкнуть на этой стрелке, появится окно со ссылками (и другими элементами управления), позволяющими решать задачи более высокого уровня [1]. 30

Рассмотрим пример, настройки формата календаря (см. рис. 16): 30

30


Рис. 16. Панель «Автоформат» календаря. 30

Статические дескрипторы HTML 30

Страницы ASP.NET содержат элементы управления ASP.NET вперемешку с обычными дескрипторами HTML. Добавляются HTML-дескрипторы либо путем ввода, либо перетаскиванием из соответствующей вкладки в панели элементов. В состав Visual Studio входит очень удобный конструктор стилей, который позволяет форматировать любой статический элемент HTML с помощью свойств CSS. Чтобы испробовать его, перетащите на страницу из раздела HTML в панели элементов элемент

(см. рис. 17). Этот элемент появится на странице в виде не имеющей границ панели. Далее щелкните на этой панели, чтобы выделить ее, и затем щелкнуть внутри поля Style в окне Свойства. После этого в поле Style появится кнопка с изображением троеточия (...)[1]. Нажав на которую, появиться поле «Изменение стиля» (см. рис. 18). 30

30


Рис. 17. Элемент
в панели элементов. 30

Созданный подобным образом новый стиль будет сохраняться как внутристрочный и записываться в отвечающий за стиль атрибут изменяемого элемента. В качестве альтернативы можно определить именованный стиль в текущей странице (как предлагается по умолчанию) или в отдельной таблице стилей [1]. 30

31

Рис. 18. Панель «Изменение стиля». 31



При необходимости сконфигурированный таким образом элемент управления можно отметить как серверный, в режиме управления «Исходный код» прописав дескрипторе этого элемента управления runat=”server”. 31

Задание для самостоятельного выполнения 2. 31

Реализуйте web-сайт, на форму которой добавлены из панели элементов HTML (см. рис. 19): 31

1. Радиокнопки; 31

2. Input(Text) – пометьте его как серверный элемент управления. 31

31


Рис. 19. Панель «Изменение стиля». 31

Таблицы HTML 31

Visual Studio обеспечивает эффективную поддержку для создания HTML-таблиц на этапе проектирования. Чтобы испробовать ее, перетащите на страницу с вкладки HTML панели Toolbox элемент, представляющий таблицу. Изначально эта таблица будет иметь стандартный внешний вид и размер 3x3, но ее можно быстро трансформировать с помощью функций редактирования, которые больше напоминают собой текстовый редактор, нежели инструмент программирования. Ниже перечислены основные действия, которые может потребоваться выполнить [1]. 31

• Чтобы перейти в таблице из одной ячейки в другую, нужно использовать либо клавишу, либо клавиши со стрелками. Текущая ячейка выделяется рамкой синего цвета. Внутри каждой ячейки можно вводить статические HTML- дескрипторы, а также перетаскивать элементы управления из панели Toolbox. При попытке перейти с помощью клавиши к ячейке, находящейся после последней ячейки, Visual Studio добавляет новую строку [1]. 31

• Чтобы добавить в таблицу новые строки или столбцы, нужно щелкнуть правой кнопкой мыши внутри ячейки и выбрать из нескольких опций в подменю Insert (Вставка) ту, которая представляет необходимое действие [1]. 32

• Чтобы изменить размер какой-нибудь части таблицы, необходимо просто щелкнуть на соответствующей границе и перетащить ее в нужном направлении [1]. 32

• Чтобы отформатировать какую-нибудь одну ячейку, нужно щелкнуть в окне Properties внутри поля Style, а затем на кнопке с изображением троеточия (...). После этого откроется то же диалоговое окно New Style (Новый стиль), которое было показано на рис. 18 [1]. 32

• Чтобы поработать с несколькими ячейками одновременно, нужно сначала выделить их, удерживая клавишу нажатой и щелкая на ячейках, а затем щелкнуть правой кнопкой мыши и выполнить желаемую групповую операцию форматирования [1]. 32

• Чтобы объединить ячейки (например, превратить две ячейки в одну, охватывающую два столбца), необходимо просто выделить необходимые ячейки, щелкнуть правой кнопкой мыши и выбрать в контекстном меню пункт (Изменить - - > Объединить ячейки) [1] (см. рис. 20). 32

32


Рис. 20. Контекстное меню настройки таблицы. 32

Структурирование разметки HTML 32

В Visual Studio существует неограниченное количество способов форматирования фрагментов HTML – кода. В интегрированной среде Visual Studio имеется удобная функция позволяющая форматировать как часть HTML – кода, так и его полный вариант. Для этого необходимо перейти в режим «Исходный код» и вызываем контекстное меню (см. рис. 21). 32

33


Рис. 21. Контекстное меню для форматирования HTML - кода. 33

В первом случае выделяем часть HTML-кода, и вызываем контекстное меню, далее нажимаем «Форматировать выделенный фрагмент». Во втором случае, мышкой в любом месте кода вызываем контекстное меню и нажимаем «Форматирование и проверка …», далее появится диалоговое окно «Параметры» (см. рис. 22). 33

33

Рис. 22. Диалоговое окно «Параметры». 33



Задание для самостоятельного выполнения 3. 33

Реализуйте форматирование фрагментов кода каждой из radio кнопок, добавленных в самостоятельной работе 2. Затем выбрать «Форматирование и проверка …» и выставить настройки, показанные на рис. 22. 33

Структура Web - сайта 33

Структуру Visual Studio слушатели представляют. Поэтому рассмотрим структуру Web-сайта. 33

Рассмотрим окно «Обозреватель решений». Окно Solution Explorer на самом базовом уровне представляет собой визуальную файловую систему. Оно позволяет просматривать файлы, которые находятся в каталоге веб-приложения. Ниже перечислены некоторые основные типы файлов, которые можно встретить в веб-приложении ASP.NET [3]: 33

.aspx 33


Веб-страницы ASP.NET (эквивалент .NET-файла .asp в приложении ASP). Содержат пользовательский интерфейс и (необязательно) базовый код приложения. Пользователи запрашивают одну из этих страниц напрямую или же переходят непосредственно на нее для запуска вашего веб-приложения[3] 33

.ascx 33


Пользовательские элементы управления ASP.NET, подобные веб-страницам, за исключением того, что к ним нельзя получить прямой доступ. Наоборот, они должны находиться внутри веб-страницы ASP.NET. Пользовательские элементы управления позволяют разрабатывать важные части пользовательского интерфейса и повторно использовать их в веб-формах без необходимости повторения кода [3] 34

.asmx или .svc 34

Веб-службы ASP.NET, работающие не так, как веб-страницы, но все равно совместно использующие одни и те же ресурсы приложений, параметры конфигурации и память. 34

Веб-службы ASP.NET, однако, сейчас постепенно заменяются службами WCF (Windows Communication Foundation), которые появились вместе с версией .NET 3.0 и имеют расширение .svc. [3] 34

web.config 34

Основанный на XML конфигурационный файл приложения ASP.NET. Содержит параметры, необходимые для настройки безопасности, управления состоянием, управления памятью и т.д. В веб-проекте допускается использовать различные вариации этого файла, предназначенные для разных сценариев развертывания (вроде web.Debug.config, web.Release.config и т.д.). Эта возможность, называемая трансформацией web.config, может применяться только к пакетам установки [3] 34

global.asax 34

Глобальный файл приложения, который можно использовать для определения глобальных переменных и реакции на глобальные события, такие как первый запуск приложения. Visual Studio не создает файл global.asax по умолчанию — его следует добавлять самостоятельно. [3] 34

.cs 34

Файлы отделенного кода, содержащие код C#. Они позволяют отделить приложение от пользовательского интерфейса веб-страницы. [3] 34



Вдобавок веб-приложение может содержать и другие ресурсы, не являющиеся файлами относящихся к ASP.NET типов. Например, в каталоге веб-приложения могут находиться файлы изображений, файлы HTML или файлы CSS. Эти ресурсы могут использоваться как на одной из веб-страниц ASP.NET, так и сами по себе. [3] 35

Visual Studio различает файлы разных типов. При щелчке правой кнопкой мыши на каком-то из представленных в списке файлов появляется контекстное меню с опциями, которые подходят для файлов именно этого типа. Например, в случае выполнения щелчка правой кнопкой мыши на веб-странице, это будут опции, позволяющие создать веб-страницу и запустить ее в окне браузера. [3] 35

Используя окно Solution Explorer, можно переименовывать, переупорядочивать и добавлять файлы. Все эти опции доступны через единственный щелчок правой кнопкой мыши. Чтобы удалить файл, нужно выделить его в окне Solution Explorer и затем нажать клавишу . [3] 35

Чтобы добавить новый файл, нужно щелкнуть правой кнопкой мыши в окне Solution Explorer и затем выбрать в контекстном меню пункт Add --> Add New Item (Добавить --> Добавить новый элемент). Добавлять разрешено файлы самых разных типов, включая файлы веб-форм, веб-служб и автономных классов. [3] 35

Еще также можно копировать файлы, которые уже существуют где-нибудь на компьютере (или по доступному сетевому пути), выбирая в контекстном меню пункт Add --> Add Existing Item (Добавить --> Добавить существующий элемент). Выбор в этом же меню пункта Add --> New Folder позволяет создавать внутри веб-приложения новый подкаталог и затем перетаскивать из него веб-страницы и другие файлы. [3] 35

С помощью опций, доступных в подменю Add ASP.NET Folder (Добавить папку ASP.NET), можно быстро добавлять папки, имеющие специфическое значение для ASP.NET (такие как App_LocalResources и App_GlobalResources для глобализации или Theme для специальных тем веб-сайта). ASP NET распознает такие папки по их именам. [3] 36

36

Задание для самостоятельного выполнения 4. 36



Отобразить структуру ваших веб-сайтов из самостоятельных работ 1-3 (Скриншот, список файлов, и описание каждого файла, т.е. его предназначение). 36

Литература 36

1. Мак-Дональд, Мэтью, Фримен, Адам, Шпушта, Марио. Microsoft ASP.NET 4 с примерами на С# 2010 для профессионалов, 4-е изд. : Пер. с англ. — М. : ООО "И.Д. Вильяме", 2011. — 1424 с. 36

2. Страница сайта Википедиа: «Интегрированная среда разработки» URL: https://ru.wikipedia.org/wiki/Интегрированная_среда_разработки (Дата обращения 7.02.2018) 36

3. Сайт professorweb.ru /URL: https://professorweb.ru/my/ASP_NET/base/level1/1_5.php (Дата обращения 09.02.2018) 36

Веб-форма asp_site_1.aspx 37

Веб-форма asp_site_2.aspx 40

Веб-форма asp_site_3.aspx 41



Список литературы 43


Место ASP.NET в .NET



Поделитесь с Вашими друзьями:
  1   2   3   4   5   6   7   8   9   ...   45


База данных защищена авторским правом ©danovie.ru 2017
обратиться к администрации

    Главная страница