Справочник от Автор24
Все самое важное в приложении

Web-разработка ASP.NET

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

Введение

ASP.NET является платформой от корпорации Microsoft, предназначенной для формирования и развертывания сайтов, web-приложений и сервисов. Согласно данным от SimilarTech, примерно два миллиона сайтов пользуются этой платформой. При этом, для того чтобы разработать сайт, пользователи, как правило, используют Visual Studio.

Web-разработка ASP.NET

Для создания ASP.NET проекта следует открыть Visual Studio Installer и нажать «Изменить» на требуемой среде разработки. Перед пользователем должен открыться перечень всех нагрузок. В категории Web-разработка и облако необходимо задать ASP.NET и разработка web-приложений. Затем следует нажать на кнопку «Изменить» в нижнем правом углу и дождаться установки нагрузки.

Научись программировать
Получи навыки для отличной карьеры в IT под руководством ведущих экспертов
Выбрать занятия

Далее нужно перейти в Visual Studio и создать новый проект, сделав выбор типа web-приложения ASP.NET (.NET Framework). А затем следует осуществить выбор необходимой модели приложения из следующих предоставленных вариантов:

  1. Web-форма, в которой можно легко формировать динамические web-сайты, путем использования сотен элементов управления и компонентов.
  2. MVC является эффективным, основанным на шаблонах способом формирования динамических сайтов. Способен предоставить полный контроль над разметкой для гибкой разработки.
  3. Веб-API может обеспечить возможность легкого создания HTTP службы для обширного круга клиентов. Этот вариант является идеальной платформой для сборки REST-приложений.
  4. Приложение SPA является одностраничным веб-приложением, которое может загружать HTML-страницу и динамически обновлять ее при взаимодействии с пользователями.

После выбора модели web-формы можно реализовать формирование проекта.

В проекте сайта уже имеется некоторый набор библиотек, необходимых для комфортного старта, таких как:

«Web-разработка ASP.NET» 👇
Готовые курсовые работы и рефераты
Купить от 250 ₽
Консультации эксперта по предмету
Найти эксперта
Помощь в написании учебной работы
Узнать стоимость
  1. Библиотека CSS-фреймворк Bootstrap.
  2. Библиотека JS-фреймворк jQuery.
  3. Библиотека MSAjax и некоторые другие.

После создания проекта, в нем уже должны присутствовать следующие страницы:

  1. Страница Default.
  2. Страница About.
  3. Страница Contact.

Все эти страницы имеют в своем составе следующие файлы:

  1. Файл Page.aspx, содержащий в себе HTML-разметку конкретной страницы.
  2. Файл Page.aspx.cs, отвечающий за логику работы конкретной страницы.
  3. Файл Page.aspx.designer.cs выступающий в качестве моста между Page.aspx и Page.aspx.cs.

Ниже приведен пример возможного варианта About.aspx:

Пример возможного варианта About.aspx. Автор24 — интернет-биржа студенческих работ

Рисунок 1. Пример возможного варианта About.aspx. Автор24 — интернет-биржа студенческих работ

Очевидно, что данный файл включает только контент конкретной страницы. Весь общий набор разметки расположен в Site.Master и Site.Mobile.Master. На скриншоте ниже приведен внешний вид страница About:

Внешний вид страница About. Автор24 — интернет-биржа студенческих работ

Рисунок 2. Внешний вид страница About. Автор24 — интернет-биржа студенческих работ

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

Веб-формы могут также создаваться при помощи встроенного графического конструктора веб-форм. Для того чтобы открыть его, в контекстном меню требуемой веб-формы следует нажать на «Открыть» в конструкторе. Весь набор требуемых компонентов можно найти и выбрать из Панели Элементов (Вид→Панель элементов). Но когда пользователю необходим наибольший уровень гибкости и функциональности, тогда лучше осуществлять разработку формы вручную в коде. Затем следует осуществить добавление ссылки на новую страницу в панель навигации в Site.Master:

Ссылка. Автор24 — интернет-биржа студенческих работ

Рисунок 3. Ссылка. Автор24 — интернет-биржа студенческих работ

Следует помнить, что в ссылке должно быть указано наименование страницы без расширения.

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

Вставка. Автор24 — интернет-биржа студенческих работ

Рисунок 4. Вставка. Автор24 — интернет-биржа студенческих работ

Во всех упоминаниях следует выполнить замену News на название страницы пользователя. Далее форма отобразится вместе с общей версткой.

Для того чтобы интегрировать значения в верстку из aspx.cs, следует использовать специальный тег

Тег. Автор24 — интернет-биржа студенческих работ

Рисунок 5. Тег. Автор24 — интернет-биржа студенческих работ

В таком варианте SomeVar должен определяться как публичное поле. Когда необходимо исполнить какой-нибудь код, для того чтобы присвоить значение данной переменной, то исполнить его следует в сгенерированном методе Page_Load.

Получить значения параметров из URL можно через статический класс Request, в котором сохранены и другие данные о запросе:

int id = int.Parse(Request.QueryString["id"]);

Описание всех возможностей web-форм имеется в официальных документах.

Движок представлений Razor предоставляет возможность реализации вставок C# кода прямо в HTML разметку. Для того чтобы это осуществить, следует создать отдельный файл .cshtml (Контекстное меню проекта → Добавить → Страница представления MVC 5 (Razor)). Разметка в данном файле фактически не имеет отличий от обычной HTML-верстки. По умолчанию языком Razor выступает язык HTML. Для того чтобы перейти с верстки на язык C# следует использовать символ @, а сам блок кода следует поместить в фигурные скобки.

Пример ниже:

Пример. Автор24 — интернет-биржа студенческих работ

Рисунок 6. Пример. Автор24 — интернет-биржа студенческих работ

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

Не нашел нужную статью?
Воспользуйся новым поиском!
Находи статьи и создавай свой список литературы по ГОСТу
Поиск по теме
Дата написания статьи: 22.09.2022
Трудности с учебой
Трудности с написанием работы?

Эксперты на Автор24 помогут сделать любую учебную работу!

Попробуй бесплатный инструмент для оформления работы по ГОСТу «ДокСтандарт»

Загрузи учебную работу и получи отформатированную версию всего через 30 секунд

Попробовать
Все самое важное и интересное в Telegram

Все сервисы Справочника в твоем телефоне! Просто напиши Боту, что ты ищешь и он быстро найдет нужную статью, лекцию или пособие для тебя!

Перейти в Telegram Bot