Днес AngularJS се превърна в една от най-популярните рамки за разработка преди всичко поради способността му да помага на разработчиците да създават приложения с една страница (SPA) с лекота. В традиционните уеб приложения клиентът (браузърът) инициира комуникационен канал със сървъра, като иска страница. Сървърът отговаря, като обработва заявката и изпраща HTML на страницата обратно на клиента. Ако потребителската заявка за нова страница, сървърът изпраща друга HTML страница. Дори ако клиентът поиска малка промяна, да речем формуляр с основни подробности, цялата страница трябва да бъде заредена отново от сървъра и изпратена обратно на клиента.
Заявки за HTML и Ajax
В приложенията с една страница цялата страница се зарежда на един изстрел и последващата комуникация се осъществява от сървъра, използвайки заявки на Ajax. Браузърът трябва да актуализира само частта от страницата, която се е променила, и не е необходимо да презареждате цялата страница всеки път, когато потребителят направи нова заявка.
Тъй като SPA подходът намалява времето, необходимо на сървъра за отговор на потребителски заявки, уеб приложенията работят по-бързо, използват по-малко изчислителна мощност и позволяват на разработчиците на потребителски интерфейс (UI) да създават по-привлекателни, гъвкави уеб страници.
Създаване на страници Shell
„Една страница“ в SPA се отнася до обвивка, която отговаря на заявки под формата на HTML, CSS или JavaScript. Страницата на черупката се асинхронно изобразява с HTML, елиминирайки необходимостта от пътуване напред и назад до сървъра. Страницата на обвивката се нуждае само от препратка към JavaScript библиотеката AngularJS и директива ng-view (виртуален контейнер, който позволява на разработчиците на потребителски интерфейс да превключват между изгледи), за да каже на AngularJS къде трябва да се изобразяват страниците със съдържание на страницата на обвивката.
В рамките на една и съща „единична“ страница, AngularJS позволява на разработчиците да предоставят множество изгледи, съдържащи се в един и същ URL адрес. Различни набори от изгледи могат да се появят - един след друг - в рамките на една и съща страница на черупката и всеки изглед се зарежда динамично, както и когато потребителят превърта през страницата.
Вградената директива AngularJS - ng-app - позволява на разработчиците да инициализират приложението, с възможност за добавяне и на директиви на трети страни. Директивата за ng-модел, от друга страна, ви позволява да добавяте изрази за обвързване на данни в паметта. Погледнете тук:
задайте прозорци на Java classpath 7
В световен мащаб разработчиците са възприели SPA, използвайки AngularJS и по всяка вероятност тази тенденция се очаква да продължи известно време.
Имате въпрос към нас? Моля, споменете го в раздела за коментари и ние ще се свържем с вас.
Подобни публикации: Успешна кариера за уеб разработка с AngularJS