Mis on AngularJS? Sissejuhatus, Archistruktuur ja funktsioonid

Mis on AngularJS?

AngularJS on avatud lähtekoodiga Model-View-Controlleri raamistik, mis sarnaneb JavaScript raamistik. AngularJS on ilmselt üks populaarsemaid tänapäeval saadaolevaid veebiraamistikke. Seda raamistikku kasutatakse enamasti üheleheliste rakenduste arendamiseks. Selle raamistiku on välja töötanud Google'i enda arendajate rühm.

Tänu Google'i suurele toele ja laia kogukonna foorumi ideedele on raamistik alati ajakohane. Samuti sisaldab see alati turu uusimaid arengusuundi.

AngularJS Architektuur

Angular.js järgib MVC arhitektuuri, MVC raamistiku diagrammi, nagu on näidatud allpool:

• Kontroller esindab kihti, millel on äriloogika. Kasutajasündmused käivitavad teie kontrollerisse salvestatud funktsioonid. Kasutaja sündmused on osa kontrollerist.
• Vaateid kasutatakse lõppkasutajatele pakutava esitluskihi esindamiseks
• Teie andmete esitamiseks kasutatakse mudeleid. Teie mudeli andmed võivad olla sama lihtsad kui primitiivsed deklaratsioonid. Näiteks kui hooldate õpilasrakendust, võib teie andmemudelil olla lihtsalt õpilase ID ja nimi. Või võib see olla keeruline, kuna sellel on struktureeritud andmemudel. Kui hooldate autoomaniku rakendust, võite omada struktuure, mis määravad sõiduki enda mootori töömahu, istekohtade mahu jms järgi.

AngularJS-i omadused

Angularil on järgmised põhifunktsioonid, mis muudavad selle üheks võimsamaks raamistikuks turul:

1. MVC – Raamistik on üles ehitatud kuulsale kontseptsioonile MVC (Model-View-Controller). See on kujundusmuster, mida kasutatakse kõigis tänapäevastes veebirakendustes. See muster põhineb äriloogikakihi, andmekihi ja esitluskihi jagamisel eraldi osadeks. Jaotus erinevateks osadeks on tehtud selleks, et igaüht oleks lihtsam hallata.
2. Andmemudeli sidumine – Andmete sidumiseks HTML-i juhtelementidega ei pea te kirjutama spetsiaalset koodi. Angular saab seda teha, lisades vaid mõne koodijupi.
3. Vähem koodi kirjutamine – DOM-i manipuleerimisel palju JavaScript mis tahes rakenduse kujundamiseks tuli kirjutada. Kuid Angulari kasutamisel hämmastab teid väiksem kogus koodi, mida peate DOM-i manipuleerimiseks kirjutama.
4. Üksus Testimine valmis – Google'i disainerid ei arendanud mitte ainult Angularit, vaid arendasid välja ka testimisraamistiku nimega "Karma", mis aitab kavandada AngularJS-i rakenduste ühikuteste.

AngularJS eelised

Siin on AngularJS-i eelised:

• Kuna tegemist on avatud lähtekoodiga raamistikuga, võite eeldada, et vigade või probleemide arv on minimaalne.
• Kahesuunaline sidumine – Angular.js hoiab andmete ja esitluskihi sünkroonis. Nüüd pole vaja rohkem kirjutada JavaSkriptikood, et hoida HTML-koodis olevad andmed ja andmed hiljem sünkroonis. Angular.js teeb seda automaatselt teie eest. Peate lihtsalt määrama, milline juhtelement on teie mudeli millise osaga seotud.

• Marsruutimine – Angular võib hoolitseda marsruutimise eest, mis tähendab liikumist ühest vaatest teise. See on üheleheliste rakenduste põhialus; kus saate kasutaja interaktsiooni alusel liikuda oma veebirakenduse erinevatele funktsioonidele, kuid jääda siiski samale lehele.
• Nurktugede katsetamine, mõlemad Üksuse testimineja Integratsiooni testimine.
• See laiendab HTML-i, pakkudes oma elemente, mida nimetatakse direktiivideks. Kõrgel tasemel on direktiivid DOM-i elemendi (nagu atribuut, elemendi nimi ja kommentaar või CSS-klass) markerid, mis käsivad AngularJS-i HTML-i kompilaatoril lisada sellele DOM-i elemendile määratud käitumise. Need juhised aitavad laiendada olemasolevate HTML-elementide funktsionaalsust, et anda teie veebirakendusele rohkem jõudu.