СПА користећи АнгуларЈС



Овај пост на блогу је кратки увод у изградњу СПА-а помоћу АнгуларЈС-а. Покушава да вас наоружа информацијама неопходним за уградњу СПА компоненти у апликације.

Данас је АнгуларЈС постао један од најпопуларнијих развојних оквира пре свега због своје способности да програмерима помогне да лако креирају апликације са једном страницом (СПА). У традиционалним веб апликацијама, клијент (прегледач) започиње комуникациони канал са сервером захтевајући страницу. Сервер реагује тако што обрађује захтев и шаље клијенту ХТМЛ странице. Ако корисник захтева нову страницу, сервер шаље другу ХТМЛ страницу. Чак и ако клијент затражи малу промену, рецимо образац са основним детаљима, сервер мора поново да учита целу страницу и пошаље је назад клијенту.

ХТМЛ и Ајак захтеви

У апликацијама за једну страницу, цела страница се учитава у једном кадру, а накнадну комуникацију врши сервер користећи Ајак захтеве. Прегледник мора да ажурира само део странице који се променио и нема потребе да поново учитава целу страницу сваки пут када корисник поднесе нови захтев.
Будући да СПА приступ смањује време које серверу треба да одговори на корисничке захтеве, веб апликације раде брже, троше мање рачунарске снаге и омогућавају програмерима корисничког интерфејса (УИ) да креирају атрактивније, агилније веб странице.





Стварање страница шкољке

„Једна страница“ у СПА односи се на шкољку која одговара на упите у облику ХТМЛ-а, ЦСС-а или ЈаваСцрипт-а. Страница љуске се асинхроно приказује са ХТМЛ-ом, елиминишући потребу за путовањем уназад и назад на сервер. Страница љуске треба само референцу на ЈаваСцрипт библиотеку АнгуларЈС и нг-виев директиву (виртуелни контејнер који омогућава програмерима корисничког интерфејса да се пребацују између приказа) како би АнгуларЈС рекли где странице са садржајем треба да се прикажу на страници љуске.
У оквиру исте „једноструке“ странице, АнгуларЈС омогућава програмерима да пруже више приказа садржаних у истој УРЛ адреси. Различити скупови приказа могу се појавити - један за другим - на истој страници љуске, а сваки приказ се динамички учитава када и када корисник скролује кроз страницу.

SPA-using-AngularJS-multiple-views



Уграђена АнгуларЈС директива - нг-апп - омогућава програмерима да иницијализују апликацију, уз могућност додавања и независних директива. С друге стране, директива о нг моделу омогућава вам додавање израза за везивање података у меморију. Погледајте овде:

јава 9 карактеристике са примерима

Глобално, програмери су усвојили СПА коришћењем АнгуларЈС-а и очекује се да ће овај тренд потрајати неко време.



Имате питање за нас? Молимо вас да то споменете у одељку за коментаре и јавићемо вам се.

Повезани постови: Успешна каријера за веб развој са АнгуларЈС