SPA с использованием AngularJS

Это сообщение в блоге представляет собой краткое введение в создание SPA с использованием AngularJS. Он пытается вооружить вас информацией, необходимой для включения компонентов SPA в приложения.

Сегодня AngularJS стал одной из самых популярных сред разработки, прежде всего благодаря своей способности помогать разработчикам с легкостью создавать одностраничные приложения (SPA). В традиционных веб-приложениях клиент (браузер) инициирует канал связи с сервером, запрашивая страницу. Сервер отвечает, обрабатывая запрос и отправляя клиенту HTML-код страницы. Если пользователь запрашивает новую страницу, сервер отправляет другую HTML-страницу. Даже если клиент запрашивает небольшое изменение, например форму с основными сведениями, вся страница должна быть снова загружена сервером и отправлена ​​обратно клиенту.



Запросы HTML и Ajax

В одностраничных приложениях вся страница загружается за один раз, а последующий обмен данными осуществляется сервером с использованием запросов Ajax. Браузер должен обновлять только ту часть страницы, которая изменилась, и нет необходимости перезагружать всю страницу каждый раз, когда пользователь делает новый запрос.
Поскольку подход SPA сокращает время, затрачиваемое сервером на ответ на запросы пользователя, веб-приложения работают быстрее, используют меньше вычислительной мощности и позволяют разработчикам пользовательского интерфейса (UI) создавать более привлекательные и гибкие веб-страницы.



Создание страниц Shell

«Отдельная страница» в SPA относится к странице оболочки, которая отвечает на запросы в форме HTML, CSS или JavaScript. Страница оболочки асинхронно отображается с HTML, что устраняет необходимость в обратном и обратном пути к серверу. Странице оболочки нужна только ссылка на библиотеку JavaScript AngularJS и директиву ng-view (виртуальный контейнер, который позволяет разработчикам пользовательского интерфейса переключаться между представлениями), чтобы сообщить AngularJS, где страницы содержимого должны отображаться на странице оболочки.
На одной и той же «единой» странице AngularJS позволяет разработчикам предоставлять несколько представлений, содержащихся в одном URL. Различные наборы представлений могут появляться - один за другим - на одной и той же странице оболочки, и каждое представление динамически загружается, когда пользователь прокручивает страницу.

SPA-using-AngularJS-multiple-views



Встроенная директива AngularJS - ng-app - позволяет разработчикам инициализировать приложение с возможностью добавления сторонних директив. Директива ng-model, с другой стороны, позволяет вам добавлять выражения привязки данных в память. Взгляните сюда:

что такое буферизованный читатель Java

Во всем мире разработчики приняли SPA с использованием AngularJS, и, по всей вероятности, эта тенденция сохранится некоторое время.



Есть вопрос к нам? Пожалуйста, укажите это в комментариях, и мы свяжемся с вами.

Похожие сообщения: Успешная карьера веб-разработчика с AngularJS