Веб-сайты ASP.NET
Научившись создавать цельные веб-страницы, программист начинает задумываться об общей картине — т.е. о группировании большого числа вебстраниц в единый логически связанный веб-сайт. В разделе «Основы ASP.NET» рассматривались некоторые основы этого процесса, такие как управление состоянием при переходе пользователя от одной страницы к другой и использование отдельных компонентов для выноса кода доступа к данных за пределы веб-страниц, чтобы они были доступны тогда, когда в них возникает потребность.
Однако программист сталкивается также с такими задачами, как обеспечение логической связности всех страниц и упрощение навигации по вебсайту. В этой части мы рассмотрим вопросы, которые становятся актуальными, когда вы перестаете думать об отдельных страницах и переходите к планированию веб-приложения в целом.
Вначале мы рассмотрим пользовательские элементы управления, которые дают возможность применять блок интерфейса пользователя в нескольких страницах. Затем вы познакомитесь с еще двумя инструментами: темами, которые позволяют автоматически устанавливать свойства элемента управления, и мастер-страницами, которые позволяют многократно использовать один шаблон для стандартизации компоновки и содержимого во множестве страниц. Все вместе эти три инструмента обеспечивают, чтобы веб-приложение выглядело как логически связанное единое целое.
Также будет рассмотрена тема, связанная с предыдущими: применение карт сайтов и элементов управления навигацией для предоставления пользователям возможности перемещения по веб-сайту. И, наконец, вы научитесь переносить свои веб-приложения в производственную среду, перемещая их из компьютера разработки <или тестового сервера) на полноценный веб-сервер, на котором функционирует IIS.
Так же будет показано, как можно расширять веб-страницы с помощью дополнительных технологий: специальных элементов управления, GDI+ для создания графики вручную, JavaScript и Ajax и средства Web Parts, которое позволяет легко создавать веб-порталы.
Введение в ASP.NET MVC
ASP.NET MVC представляет собой платформу для создания сайтов и веб-приложений с использованием паттерна (или шаблона) MVC (model — view — controller).
Работа над новой платформой была начата в 2007 году, а в 2009 году появилась первая версия. В итоге к текущему моменту (2012 год) уже было выпущено 4 версии платформы, а сам фреймворк обрел большую популярность по всему миру благодаря своей гибкости и адаптивности.
Шаблон MVC, лежащий в основе новой платформы, подразумевает взаимодействие трех компонентов: контроллера (controller), модели (model) и представления (view). Что же представляют эти компоненты?
Контроллер (controller) представляет класс, с которого собственно и начинается работа приложения. Этот класс обеспечивает связь между моделью и представлением. Получая вводимые пользователем данные, контроллер исходя из внутренней логики при необходимости обращается к модели и генерирует соответствующее представление.
Представление (view) — это собственно визуальная часть или пользовательский интерфейс приложения — например, html-страница, через которую пользователь, зашедший на сайт, взаимодействует с веб-приложением.
Модель (model) представляет набор классов, описывающих логику используемых данных.
Общую схему взаимодействия упрощенно можно представить следующим образом:
ASP.NET MVC и ASP.NET Web Forms
ASP.NET MVC является в некотором роде конкурентом для традиционных веб-форм и имеет по сравнению с ними следующие преимущества:
Разделение ответственности . В MVC приложение состоит из трех частей: контроллера, представления и модели, каждая из которых выполняет свои специфичные функции. В итоге приложение будет легче поддерживать модифицировать в будущем.
В силу разделения ответственности приложения mvc обладают лучшей тестируемостью . И мы можем тестировать отдельные компоненты независимо друг от друга.
Соответствие протоколу HTTP . Приложения MVC в отличие от веб-форм не поддерживают объекты состояния (ViewState). Ясность и простота платформы позволяют добиться большего контроля над работой приложения
Гибкость . Вы можете настраивать различные компоненты платформы по своему усмотрению. Изменять какие-либо части конвейера работы MVC или адаптировать его к своим нуждам и потребностям.
В то же время не стоит однозначно сбрасывать со счетов ASP.NET WebForms. Поскольку она также имеет свои сильные стороны, например, модель событий, которая будет ближе тем разработчикам, которые ранее занимались созданием клиентских приложений.
В традиционных веб-формах вы имеете контроль над разметкой и можете в реальном времени в визуальном редакторе Visual Studio увидеть, как будет выглядеть та или иная страница. При работе с MVC Visual Studio подобного не позволяет делать.
Создание сайта с помощью C++
Знаю, звучит странно и больше похоже на упражнение в бесполезности, но это не так.
В этой статье я расскажу, как можно использовать С++ в разработке сайта, и приведу несколько достойных причин этому.
Будет не только интересно, но также полезно и очень практично.
Хостинг
Вы наверняка думаете: такая необычная конфигурация может быть реализована только в специализированной среде. Однако это, как правило, не так. Несмотря на то, что обычный или виртуальный специальный сервер был бы идеальным решением для множества сайтов (не только сайтов на С++), в большинстве случаев можно использовать С++ на общих хостингах.
Любые веб-хостинги, поддерживающие CGI (то есть, в принципе, все), смогут поддерживать и сайт на С++. В зависимости от провайдера, вы или сможете локально скомпилировать свой сайт, или нет, и вам понадобится компилятор, включённый в ваш аккаунт. Проверьте их, если вы планируете редактировать и компилировать через SSH прямо на веб-сервере.
Простой пример
В приведённых примерах я использую учетную запись хостинга cPanel. Они доступны, недороги и последовательны. Но вы можете легко адаптировать эти методы к виртуальному или выделенному серверу или экземпляру Amazon EC2 с помощью нескольких простых модификаций конфигурации Apache.
cPanel предоставляет нам папку cgi-bin, но нам она не нужна. В большинстве случаев любой файл с расширением .cgi будет автоматически обрабатываться, если он имеет правильные разрешения (обычно 0755). Вот необходимые файлы (обязательно используйте TAB в Makefile)
Если вы располагаете компиляторами, включёнными в аккаунт (возможно, понадобится спросить команду поддержки вашего веб-хостинга), просто используйте SSH в своём аккаунте, поместите эти файлы в папку public_html, затем выполните:
Будет выполнен файл hello.cgi. Если вы введёте адрес файла в браузере, например, так:
То замените your-test-site.com на своё доменное имя или URL хостинга. На экране должно появиться «Hello World»
Прежде, чем погрузиться в сам код, давайте рассмотрим, как это работает на веб-сервере. Когда Аpache принимает запрос, первым делом он смотрит на внутренний обработчик или на правило перезаписи, затем ищет на диске файл, соответствующий запросу. В нашем случае он находит hello.cgi и извлекает его. Наша программа не принимает входных данных, а только выводит сообщение «Hello world». Затем Apache принимает эти данные и возвращает их пользователю.
Говоря о коде, следует упомянуть, что он мог быть и проще. Необязательно было включать отдельные функции set_content_type, set_page_title и h1_text. Есть простые помощники, поддерживающие чистоту в основной функции. Всё это можно просто вывести в основную функцию, и она будет работать точно так же.
Но я надеюсь, вы видите преимущество в выделении этих функций. Если бы вам понадобилось создать функцию для каждого HTML-элемента, вы могли бы использовать вот такой код для создания чистого ответа отклика в своей программе:
Затем использовать что-то вроде:
Для вывода абзаца.
Вы могли бы даже развить эту идею, чтобы вспомогательные функции, такие как p, h1_text и т.д., возвращали текст вместо прямого вывода в стандартный вывод через cout. При этом вы можете создать систему шаблонов или вкладывать ответы для создания сложных страниц с очень обтекаемым и эффективным кодом C ++.
Этот пример максимально простой, указывает только на основные моменты. У вас есть полный доступ к каждому заголовку ответа, что дает вам полный контроль над циклом ответа.
Ещё о входных данных
Наш пример не принимает никаких входных данных, оно лишь возвращает «Hello World». Но на каждый запрос Apache отвечает программе огромным количеством информации через переменные среды. Можно применить функцию getenv() в стандартной библиотеке С, чтобы получить их значения (не забудьте добавить #include <stdlib.h> в начале кода).К примеру, если бы вам понадобилось узнать полный URI запроса, вы бы использовали:
чтобы получить это значение. Другие полезные переменные:
- REMOTE_ADDR — Получение IP-адреса посетителя
- REQUEST_METHOD — Возвращает метод (то есть GET, POST и т.д.)
- DOCUMENT_ROOT — Рут сайта (обычно
Более ясный пример
Безусловно, возможно разобрать переменные GET вручную, а обработка переменных POST может быть выполнена путем проверки стандартного ввода. Можно даже получать и устанавливать файлы cookie, изменяя заголовки запросов и ответов. Но оба подхода слишком утомительны.
Можно написать свои собственные оболочки или использовать уже готовую библиотеку GNU cgicc. В ней содержатся вспомогательные функции для изменения HTML и обработку форм. В работе с большими проектами использование такой библиотеки прилично сэкономило бы время.
На Debian и Ubuntu установить библиотеку и заголовки можно с помощью:
Но на CentOS / RHEL нет собственных пакетов. Чтобы установить на них, запустите:
ПРИМЕЧАНИЕ: 3.2.19 была самой последней версией на момент написания, но вы можете проверить наличие более новой копии на ftp.gnu.org/gnu/cgicc. Я также использовал / usr в качестве префикса, чтобы избежать проблем со связыванием библиотек. Если что, спокойно их меняйте.
После установки cgicc можете компилировать его. Попробуйте вот этот пример, который принимает входные данные из формы и выводит их в браузере:
Вы могли заметить, что я статически привязал библиотеку cgicc в Makefile. Пусть это и необязательно (можно заменить это на -Icgicc), я предпочитаю статически привязывать двоичный код, который я отправляю на сервер, чтобы всё необходимое для выполнения программы отправлялось комплектом.
В этом примере библиотека cgicc проделывает тяжёлую работу переменных POST и возвращению нам «name».
Я не избежал входной переменной POST, но это рекомендуется, особенно в местах производства, тем более, если вы взаимодействуете с базой данных.
Это лишь малая часть возможностей cgicc. Полную документацию можете прочитать здесь.
Выполнение/представление
С++ невероятно быстр в работе с хорошим кодом. Интерфейс CGI немного замедляет работу, но даже так вы получите выполнение лучше, чем на интерпретируемых языках вроде PHP.
Как говорится, всегда есть, к чему стремиться. В специализированной или виртуальной среде можно использовать поддержку FastCGI у Nginx или Apache, чтобы уменьшить небольшую (и незаметную, если сервер не сильно нагружен) задержку в момент загрузки программы. В моих тестах задержек не наблюдалось, но для работы с веб-сайтом с загруженным трафиком полезно будет изучить эти решения для ещё более быстрого выполнения/быстрой работы
Дополнительно
Было бы просто обернуть программу на С++ в тонкий Docker-контейнер. Это обеспечит вам огромную гибкость при размещении сайта. Также можете получить доступ к базе данных MySQL, включив в свою программу заголовки разработки C / C ++ MySQL. Если вы знакомы с использованием MySQL с PHP, вы заметите, что имена переменных очень похожи.
Вместо того, чтобы создавать дополнительные процессы командной строки для обработки изображений, вы можете включить заголовки ImageMagick C ++ для обработки этих изображений непосредственно в вашей программе
Сайт на ASP.NET для начинающих — первые шаги
ASP.NET — платформа от Microsoft для создания и развёртывания сайтов, веб-приложений и сервисов. По данным SimilarTech, около 2 000 000 сайтов используют эту платформу. В этой статье описаны первые шаги создания сайта на ASP.NET.
Для разработки будем использовать Visual Studio.
Создание ASP.NET проекта
Откройте Visual Studio Installer и нажмите «Изменить» на нужной среде разработки. Перед вами откроется список всех нагрузок. В категории Веб-разработка и облако нужно включить ASP.NET и разработка веб-приложений. После этого нажмите на кнопку Изменить в нижнем правом углу и дождитесь установки нагрузки.
Перейдите в Visual Studio и создайте новый проект, выбрав тип Веб-приложение ASP.NET (.NET Framework). Потом нужно выбрать необходимую модель приложения:
- Веб-формы — можно легко создавать динамические веб-сайты, используя сотни элементов управления и компонентов.
- MVC — эффективный, основанный на шаблонах способ создания динамических сайтов. Предоставляет полный контроль над разметкой для гибкой разработки.
- Веб-API — позволяет легко создавать HTTP службы для широкого диапазона клиентов. Идеальная платформа для сборки REST-приложений.
- Приложение SPA — одностраничное веб-приложение, которое загружает HTML-страницу и динамически обновляет её при взаимодействии с пользователем.
Выберете модель Веб-формы и завершите создание проекта.
Внутренняя структура проекта
В проекте сайта уже загружены некоторые библиотеки, необходимые для комфортного старта: CSS-фреймворк Bootstrap, JS-фреймворк jQuery, MSAjax и некоторые другие.
После создания тут уже присутствуют 3 страницы: Default, About и Contact. Каждая страница состоит из 3 файлов:
- Page.aspx — содержит в себе HTML-разметку конкретной страницы;
- Page.aspx.cs — отвечает за логику работы конкретной страницы;
- Page.aspx.designer.cs — является мостом между Page.aspx и Page.aspx.cs.
Вот так выглядит About.aspx:
Как видно, этот файл содержит лишь контент конкретной страницы. Вся общая разметка находится в Site.Master и Site.Mobile.Master .
Чтобы проверить и запустить проект, нажмите IIS Express или же традиционную клавишу F5. После этого все файлы скомпилируются и сайт откроется по адресу http://localhost:4400 в браузере по умолчанию. Номер порта может отличаться.
Так выглядит страница About
Создание веб-формы
Чтобы создать новую страницу, в контекстном меню проекта выберите Добавить→Веб-форма. После этого автоматически сгенерируются и заполнятся все 3 файла.
Примечание Веб-формы можно создавать с помощью встроенного графического конструктора веб-форм. Что бы открыть его, в контекстном меню нужной веб-формы нажмите на Открыть в конструкторе. Все необходимые элементы можно достать из Панели Элементов (Вид→Панель элементов). Но если вам нужна максимальная гибкость и функциональность — лучше разрабатывать формы вручную в коде.
Потом можно добавить ссылку на новую страницу в панель навигации в Site.Master :
Примечание Обратите внимание, что в ссылке указывается название страницы без расширения.
Если вы откроете новую страницу, то заметите, что вся общая вёрстка отсутствует. Это потому, что в новой странице не подвязывается разметка из Site.Master . Чтобы исправить это, нужно в новой форме вместо сгенерированной вёрстки вставить это:
Во всех упоминаниях нужно заменить News на название вашей страницы. Теперь форма будет отображаться вместе с общей вёрсткой.
Для интеграции значений в вёрстку из aspx.cs используют специальный тег <%: %> :
В этом случае SomeVar должен быть публичным полем. Если нужно выполнить какой-либо код для присвоения значения этой переменной, то выполнить его нужно в сгенерированном методе Page_Load .
Получение значений параметров из URL производится через статический класс Request , в котором хранятся и прочие данные о запросе:
Изучить все возможности веб-форм можно в официальной документации.
Движок представлений Razor
Razor позволяет делать вставки C# кода прямо в HTML разметке. Для этого нужно создать отдельный файл .cshtml (Контекстное меню проекта→Добавить→Страница представления MVC 5 (Razor)). Разметка в этом файле ничем не отличается от обычной HTML-вёрстки.
По умолчанию языком Razor является HTML. Для перехода с вёрстки на C# используют символ @ , а сам блок кода помещается в фигурные скобки.
В Razor также можно выполнять неявные выражения прямо в HTML разметке:
Тут есть привычные для ЯП конструкции, которые могут значительно облегчить вёрстку. Вот некоторые из них: