Mi az AngularJS? Bevezetés, Archiszerkezet és jellemzők
James Hartman
Mi az AngularJS?
AngularJS egy nyílt forráskódú Model-View-Controller keretrendszer, amely hasonló a JavaForgatókönyv keretrendszer. Az AngularJS valószínűleg az egyik legnépszerűbb modern webes keretrendszer. Ezt a keretrendszert többnyire egyoldalas alkalmazások fejlesztésére használják. Ezt a keretrendszert a Google fejlesztőinek egy csoportja fejlesztette ki.
A Google puszta támogatásának és a széles közösségi fórum ötleteinek köszönhetően a keretrendszer mindig naprakész. Ezenkívül mindig magában foglalja a piac legújabb fejlesztési trendjeit.
AngularJS Architectúra
Az Angular.js az MVC architektúrát követi, az MVC keretrendszer diagramját az alábbiak szerint:
- A Controller az üzleti logikával rendelkező réteget képviseli. A felhasználói események aktiválják a vezérlőben tárolt funkciókat. A felhasználói események a vezérlő részét képezik.
- A nézetek a végfelhasználók számára biztosított prezentációs réteg megjelenítésére szolgálnak
- Az adatok megjelenítésére modelleket használnak. A modellben lévő adatok olyan egyszerűek lehetnek, mintha csak primitív deklarációkkal rendelkeznének. Például, ha diákalkalmazást tart fenn, az adatmodellnek csak egy diákigazolványa és egy név lehet. Vagy összetett is lehet, ha strukturált adatmodellel rendelkezik. Ha autótulajdonosi kérelmet tart karban, rendelkezhet olyan struktúrákkal, amelyek meghatározhatják magát a járművet a motortérfogat, az üléskapacitás stb.
Az AngularJS jellemzői
Az Angular a következő kulcsfontosságú jellemzőkkel rendelkezik, amelyek a piacon az egyik hatékony keretrendszerré teszik:
- MVC – A keret a híres koncepcióra épül MVC (Model-View-Controller). Ez egy olyan tervezési minta, amelyet minden modern webalkalmazásban használnak. Ez a minta az üzleti logikai réteg, az adatréteg és a megjelenítési réteg külön szakaszokra való felosztásán alapul. A különböző részekre való felosztás azért történik, hogy mindegyik könnyebben kezelhető legyen.
- Adatmodell kötés – Nem kell speciális kódot írnia az adatok HTML-vezérlőkhöz való kötéséhez. Ezt az Angular megteheti néhány kódrészlet hozzáadásával.
- Kevesebb kód írása – DOM-manipuláció végrehajtása során sok JavaForgatókönyv minden alkalmazás megtervezéséhez meg kellett írni. Az Angular használatával azonban meg fog lepődni, hogy kevesebb kódot kell írnia a DOM-manipulációhoz.
- Egység Tesztelés kész – A Google tervezői nemcsak az Angular-t fejlesztették ki, hanem a „Karma” nevű tesztelési keretrendszert is, amely segít az AngularJS alkalmazások egységtesztjeinek tervezésében.
AngularJS előnyei
Íme az AngularJS előnyei:
- Mivel nyílt forráskódú keretrendszerről van szó, minimálisra számíthat a hibák és problémák száma.
- Kétirányú kötés – Az Angular.js szinkronban tartja az adat- és a megjelenítési réteget. Most már nem kell többet írnod JavaSzkriptkód a HTML-kódban lévő adatok és az adatok későbbi szinkronizálásához. Az Angular.js ezt automatikusan elvégzi Ön helyett. Csak meg kell adnia, hogy melyik vezérlőelem a modell melyik részéhez van kötve.
- Útválasztás – Az Angular gondoskodik az útválasztásról, ami azt jelenti, hogy egyik nézetből a másikba lép. Ez az egyoldalas alkalmazások kulcsa; ahol a webalkalmazás különböző funkcióira válthat a felhasználói interakció alapján, de továbbra is ugyanazon az oldalon maradhat.
- Szögtartók tesztelése, mindkettő Egység teszteléseés Integrációs tesztelés.
- Bővíti a HTML-t saját, direktíváknak nevezett elemekkel. Magas szinten az direktívák egy DOM-elemen (például attribútumon, elemnéven és megjegyzésen vagy CSS-osztályon) lévő jelölők, amelyek arra utasítják az AngularJS HTML-fordítóját, hogy egy adott viselkedést csatoljon az adott DOM-elemhez. Ezek az irányelvek segítenek a meglévő HTML-elemek funkcionalitásának kiterjesztésében, hogy nagyobb teljesítményt biztosítsanak a webalkalmazásnak.
