Kas ir AngularJS?
AngularJS ir atvērtā koda Model-View-Controller ietvars, kas ir līdzīgs JavaScript ietvaram.
Angular JS, iespējams, ir viens no populārākajiem mūsdienu tīmekļa rāmjiem, kas pieejami šodien. Šis ietvars tiek izmantots, lai galvenokārt izstrādātu vienas lapas lietojumprogrammas. Šo ietvaru ir izstrādājusi grupa izstrādātāju no paša Google.
Sakarā ar milzīgo Google atbalstu un plaša kopienas foruma idejām sistēma vienmēr tiek atjaunināta. Turklāt tas vienmēr iekļauj jaunākās attīstības tendences tirgū.
Šajā apmācībā jūs uzzināsiet
- AngularJS funkcijas
- Angularjs arhitektūra
- AngularJS priekšrocības
AngularJS funkcijas
Angular ir šādas galvenās iezīmes, kas padara to par vienu no spēcīgākajiem ietvariem tirgū.
-
MVC - ietvars ir veidots uz slavenās MVC (Model-View-Controller) koncepcijas. Tas ir dizaina modelis, ko izmanto visās mūsdienu tīmekļa lietojumprogrammās. Šī modeļa pamatā ir biznesa loģikas slāņa, datu slāņa un prezentācijas slāņa sadalīšana atsevišķās sadaļās. Sadalīšana dažādās sadaļās tiek veikta tā, lai katru no tām varētu vieglāk pārvaldīt.
-
Datu modeļu iesiešana - lai saistītu datus ar HTML vadīklām, jums nav jāraksta īpašs kods. To var izdarīt Angular, vienkārši pievienojot dažus koda fragmentus.
-
Rakstīt mazāk koda - Veicot DOM manipulācijas, jebkuras lietojumprogrammas projektēšanai bija nepieciešams uzrakstīt daudz JavaScript. Bet, izmantojot Angular, jūs būsiet pārsteigts ar mazāku koda daudzumu, kas jums jāraksta DOM manipulācijām.
-
Vienības testēšana ir gatava - Google dizaineri ne tikai izstrādāja Angular, bet arī izstrādāja testēšanas sistēmu ar nosaukumu "Karma", kas palīdz izstrādāt vienības testus AngularJS lietojumprogrammām.
AngularJS arhitektūra
Angular.js seko MVC arhitektūrai, MVC ietvara diagrammai, kā parādīts zemāk.
-
Kontrolieris attēlo slāni, kuram ir biznesa loģika. Lietotāja notikumi aktivizē funkcijas, kas tiek saglabātas jūsu kontrolierī. Lietotāja notikumi ir daļa no kontroliera.
-
Skati tiek izmantoti, lai attēlotu prezentācijas slāni, kas tiek piegādāts lietotājiem
-
Modeļi tiek izmantoti, lai attēlotu jūsu datus. Dati jūsu modelī var būt tikpat vienkārši kā primitīvu deklarāciju ievietošana. Piemēram, ja uzturat studenta lietojumprogrammu, jūsu datu modelim varētu būt tikai studenta ID un vārds. Vai arī tas var būt sarežģīts, ja tam ir strukturēts datu modelis. Ja uzturat automašīnas īpašumtiesību lietojumprogrammu, jums var būt struktūras, lai noteiktu pašu transportlīdzekli pēc tā motora tilpuma, sēdvietu tilpuma utt.
AngularJS priekšrocības
-
Tā kā tas ir atvērtā koda ietvars, jūs varat sagaidīt, ka kļūdu vai problēmu skaits būs minimāls.
-
Divvirzienu iesiešana - Angular.js saglabā datu un prezentācijas slāni sinhronizācijā. Tagad jums nav jāraksta papildu JavaScript kods, lai datus saglabātu HTML kodā un datus vēlāk sinhronizētu. Angular.js to automātiski izdarīs jūsu vietā. Jums vienkārši jānorāda, kura vadība ir saistīta ar jūsu modeļa daļu.
-
Maršrutēšana - Angular var rūpēties par maršrutu, kas nozīmē pārvietošanos no viena skata uz otru. Tas ir vienas lapas lietojumprogrammu galvenais pamats; kur jūs varat pāriet uz dažādām tīmekļa lietojumprogrammas funkcijām, pamatojoties uz lietotāju mijiedarbību, bet joprojām varat palikt tajā pašā lapā.
-
Leņķiskais atbalsta testēšanu, gan vienības testēšanu, gan integrācijas testēšanu.
-
Tas paplašina HTML, nodrošinot savus elementus, kurus sauc par direktīvām. Augstā līmenī direktīvas ir DOM elementa marķieri (piemēram, atribūts, elementa nosaukums un komentārs vai CSS klase), kas liek AngularJS HTML kompilatoram pievienot konkrētu darbību šim DOM elementam. Šīs direktīvas palīdz paplašināt esošo HTML elementu funkcionalitāti, lai jūsu tīmekļa lietojumprogrammai piešķirtu vairāk enerģijas.