Mis on AngularJS?
AngularJS on avatud lähtekoodiga Model-View-Controller raamistik, mis sarnaneb JavaScripti raamistikuga.
Nurga JS on ilmselt tänapäeval üks populaarsemaid tänapäevaseid veebiraamistikke. Seda raamistikku kasutatakse peamiselt ühe lehe rakenduste väljatöötamiseks. Selle raamistiku on välja töötanud rühm Google'i enda arendajaid.
Google'i tugeva toetuse ja laia kogukonna foorumi ideede tõttu on raamistik alati ajakohane. Samuti sisaldab see alati turul viimaseid arengusuundi.
Selles õpetuses saate teada
- AngularJS funktsioonid
- Angularjs Arhitektuur
- NurgaJS eelised
AngularJS funktsioonid
Angularil on järgmised põhijooned, mis muudab selle üheks võimsaks raamistikuks turul.
-
MVC - raamistik on üles ehitatud kuulsale MVC (Model-View-Controller) kontseptsioonile. See on kujundusmuster, mida kasutatakse kõigis tänapäevastes veebirakendustes. See muster põhineb äriloogika kihi, andmekihi ja esitluskihi jagamisel eraldi osadeks. Jagamine erinevatesse osadesse toimub nii, et igaüks neist oleks hõlpsamini hallatav.
-
Andmemudeli sidumine - andmete sidumiseks HTML-juhtelementidega ei ole vaja spetsiaalset koodi kirjutada. Seda saab teha Angular, lisades lihtsalt mõned koodijupid.
-
Vähema koodi kirjutamine - DOM-i manipuleerimisel tuli mis tahes rakenduse kujundamiseks kirjutada palju JavaScripti. Kuid Angulari kasutamisel olete üllatunud väiksema hulga koodiga, mille peate DOM-i manipuleerimiseks kirjutama.
-
Üksuste testimine on valmis - Google'i disainerid arendasid lisaks nurkadele ka testimisraamistiku nimega "Karma", mis aitab välja töötada AngularJS-rakenduste ühikutestid.
NurgaJS arhitektuur
Angular.js järgib MVC arhitektuuri, MVC raamistiku skeemi, nagu allpool näidatud.
-
Kontroller tähistab kihti, millel on äriloogika. Kasutaja sündmused käivitavad teie kontrollerisse salvestatud funktsioonid. Kasutaja sündmused on osa kontrollerist.
-
Vaateid kasutatakse lõppkasutajatele pakutava esitluskihi tähistamiseks
-
Mudeleid kasutatakse teie andmete esitamiseks. Teie mudeli andmed võivad olla nii lihtsad kui primitiivsete deklaratsioonide olemasolu. Näiteks kui haldate õpilasrakendust, võib teie andmemudelil olla lihtsalt õpilase ID ja nimi. Või võib see olla keeruline ka struktureeritud andmemudeli abil. Kui haldate autoomaniku taotlust, võivad teil olla struktuurid, mis määratlevad sõiduki enda mootori, istekoha jne järgi.
NurgaJS eelised
-
Kuna see on avatud lähtekoodiga raamistik, võite eeldada, et vigade või probleemide arv on minimaalne.
-
Kahesuunaline sidumine - Angular.js hoiab andmete ja esitluskihi sünkroonis. Nüüd ei pea HTML-koodi andmete ja hiljem andmete sünkroonimiseks täiendavat JavaScripti koodi kirjutama. Angular.js teeb seda automaatselt teie eest. Peate lihtsalt määrama, milline juhtelement on seotud teie mudeli osaga.
-
Marsruutimine - nurk võib hoolitseda marsruudi eest, mis tähendab liikumist ühest vaatest teise. See on ühe lehe rakenduste põhialus; kus saate kasutajate interaktsioonide põhjal liikuda oma veebirakenduse erinevate funktsioonide juurde, kuid jääda siiski samale lehele.
-
Nurk toetab testimist, nii üksuste testimist kui ka integreerimise testimist.
-
See laiendab HTML-i, pakkudes oma elemente, mida nimetatakse direktiivideks. Kõrgel tasemel on direktiivid DOM-elemendi markerid (näiteks atribuut, elemendi nimi ja kommentaar või CSS-klass), mis käskivad AngularJS-i HTML-kompilaatoril lisada sellele DOM-elemendile määratud käitumine. Need direktiivid aitavad laiendada olemasolevate HTML-elementide funktsionaalsust, et anda teie veebirakendusele rohkem jõudu.