Преглед архитектуре АнгуларЈС

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

Архитектура

АнгуларЈС је изграђен по моделу МВЦ дизајна. Принципи који стоје иза МВЦ архитектуре веома су добро уклопљени у АнгуларЈС. Могло би се знати да је МВЦ робусна архитектура за многе језике на страни сервера. АнгуларЈС је спојио МВЦ образац и на страни клијента.

МВЦ - Модел, приказ, контролер

МВЦ образац означава образац контролера модела Виев.

  • Модел

То је најнижи ниво архитектуре. Одговорна је за чување и одржавање података о апликацији. Подаци се одржавају током животног циклуса странице, а понекад чак и између страница. Модел се ажурира на основу упутстава добијених од контролера.

  • Поглед

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

  • Цонтроллер

Контролер је мозак за обраду који стоји иза приказа и модела. Оно доноси одлуке за генерисање, обнављање или уништавање погледа и модела. Све пословне операције и логике кода су записане унутар контролера. (Неки програмери радије пишу пословну логику у самом моделу). Контролор је такође одговоран за слање захтева на сервер и примање одговора. Затим ажурира Поглед и Модел на основу одговора. Укратко, контролер контролише све.

МВЦ архитектура се може графички представити кроз слику испод.

МВЦ је робустан јер је заснован на принципу развоја софтвера "Сепаратион оф Цонцернс". Постоји неколико контролера који управљају одређеним скуповима података и управљају одговарајућим приказима и моделима. Логика апликације је на тај начин одвојена од слоја корисничког интерфејса.

МВЦ у АнгуларЈС

Ово се односило на МВЦ и његове принципе. Како су ови принципи имплементирани у АнгуларЈС? Да разумемо.

  • Обим - Опсег је модел који садржи податке о апликацији. Варијаблама опсега прикључене су на ДОМ и својствима променљивих се приступа кроз везивање.
  • ХТМЛ са повезивањем података - Приказ у АнгуларЈС није обичан ХТМЛ. То је ХТМЛ везан за податке. Везивање података помаже при приказивању динамичких података у ХТМЛ ознакама. На овај начин, модел редовно ажурира ДОМ.
  • нгЦонтроллер - Директива нгЦонтроллер одговорна је за сарадњу између модела, погледа и пословне логике. Класа контролера одређена нгЦонтроллер директивом контролира опсег и приказ.

Концептуални преглед

Ок, сада разумемо да је АнгуларЈС изграђен на МВЦ архитектури. Је ли то све? Зар нема ништа друго у игри? Наравно, постоји.

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

  • Предлошци

Предлошци су ХТМЛ елементи заједно са елементима и атрибутима специфичним за АнгуларЈС. Динамичност у АнгуларЈС апликацијама постиже се комбиновањем шаблона са подацима из модела и контролера.

  • Директиве

Директиве су атрибути или елементи који представљају ДОМ компоненту за вишекратну употребу. Директиве директно манипулишу основним ХТМЛ ДОМ-ом како би се приказао динамички приказ. Ово ослобађа програмера од бриге о изворним ХТМЛ елементима и атрибутима.

  • Двосмерно повезивање података

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

  • Усмеравање

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

  • Услуге

Контролер је повезан са погледом. То значи да је добра пракса да се унутар контролера напише само онај код који је логично користан за његов приказ. Логика погледа независна може се преместити негде другде, тако да могу да је користе и други контролери.

Ево акција на делу. Услуге раздвајају пословну логику која се може поново користити од специфичне логике. Логика специфична за приказ тада се налази унутар одређених контролера док заједничку пословну логику деле сви контролори.

Као опште правило палца, код услуга за записивање резервних података пише се и код.

  • Убризгавање зависност

Сада када смо логику независну од погледа преместили на дељену локацију, како контролишемо дозволе за приступ дељеним услугама? То се постиже убризгавањем зависности (ДИ). Депенденци Ињецтион је образац дизајна софтвера који се бави начином на који се објекти стварају и како добијају зависности. Све у АнгуларЈС-у, од директива до контролера до сервиса и готово свега, проводи се путем ДИ.

Забавна чињеница АнгуларЈС архитектуре

АнгуларЈС је назван АнгуларЈС због угаоних заграда у ХТМЛ ознакама. Пројекат је осмишљен тако да учини ХТМЛ динамичнијим и прихватљивијим за податке, па су програмери одлучили да га именују по углатим заградама у ХТМЛ-у.

Закључак - АнгуларЈС Архитектура

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

Препоручени чланци

Ово је водич за АнгуларЈС архитектуру. Овде смо расправљали о архитектури, МВЦ-у у ангуларју и концептуалном прегледу. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -

  1. Каријера у АнгуларЈС
  2. АнгуларЈС питања за интервју
  3. Шта је Бацкбоне.јс?
  4. Дата Мининг Софтваре

Категорија:

Развој софтвера