Kas yra „AngularJS“?
„AngularJS“ yra atviro kodo „Model-View-Controller“ sistema, panaši į „JavaScript“ sistemą.
„Angular JS“ yra turbūt viena populiariausių šiuolaikinių internetinių sistemų, prieinamų šiandien. Ši sistema naudojama kuriant daugiausia vieno puslapio programas. Šią sistemą sukūrė pati „Google“ kūrėjų grupė.
Dėl didžiulio „Google“ palaikymo ir idėjų iš plataus bendruomenės forumo sistema visada atnaujinama. Be to, ji visada įtraukia naujausias rinkos plėtros tendencijas.
Šioje pamokoje sužinosite
- „AngularJS“ funkcijos
- „Angularjs“ architektūra
- Kampiniai JS pranašumai
„AngularJS“ funkcijos
„Angular“ turi šias pagrindines savybes, todėl tai yra viena iš galingiausių rinkos struktūrų.
-
MVC - sistema yra sukurta remiantis garsiąja MVC („Model-View-Controller“) koncepcija. Tai yra dizaino modelis, naudojamas visose šiuolaikinėse žiniatinklio programose. Šis modelis pagrįstas verslo logikos, duomenų ir pateikimo sluoksnio padalijimu į atskirus skyrius. Skirstymas į skirtingas dalis atliekamas taip, kad kiekvieną būtų lengviau valdyti.
-
Duomenų modelio įrišimas - norint susieti duomenis su HTML valdikliais, nereikia rašyti specialaus kodo. Tai gali padaryti „Angular“, tiesiog pridėdami kelis kodo fragmentus.
-
Rašyti mažiau kodo - atliekant DOM manipuliavimą, norint sukurti bet kurią programą, reikėjo parašyti daug „JavaScript“. Bet naudodami „Angular“, jūs būsite nustebinti mažesniu kodo kiekiu, kurį reikia parašyti manipuliavimui DOM.
-
Parengtas vieneto testavimas - „Google“ dizaineriai ne tik sukūrė „Angular“, bet ir sukūrė testavimo sistemą „Karma“, kuri padeda kurti „AngularJS“ programų testus.
„AngularJS Architecture“
„Angular.js“ vadovaujasi MVC architektūra, MVC sistemos schema, kaip parodyta žemiau.
-
Valdiklis rodo verslo logiką turintį sluoksnį. Vartotojo įvykiai suaktyvina jūsų valdiklyje saugomas funkcijas. Vartotojo įvykiai yra valdiklio dalis.
-
Rodiniai naudojami pateikiant galutiniams vartotojams pateiktą pateikimo sluoksnį
-
Modeliai naudojami jūsų duomenims pateikti. Duomenys jūsų modelyje gali būti tokie pat paprasti, kaip tik turint primityvias deklaracijas. Pvz., Jei prižiūrite studento programą, jūsų duomenų modelyje gali būti tik studento ID ir vardas. Arba jis taip pat gali būti sudėtingas turint struktūrizuotą duomenų modelį. Jei tvarkote automobilio nuosavybės paraišką, galite turėti struktūras, kurios apibrėžtų pačią transporto priemonę atsižvelgiant į jos variklio tūrį, sėdimų vietų skaičių ir kt.
Kampiniai JS pranašumai
-
Kadangi tai yra atvirojo kodo sistema, galite tikėtis, kad klaidų ar problemų bus kuo mažiau.
-
Dvipusis susiejimas - „Angular.js“ palaiko duomenų ir pateikimo sluoksnio sinchronizavimą. Dabar jums nereikia rašyti papildomo „JavaScript“ kodo, kad duomenys būtų išsaugoti HTML kode, o vėliau duomenys būtų sinchronizuojami. „Angular.js“ tai automatiškai padarys už jus. Jums tiesiog reikia nurodyti, kuris valdiklis yra susietas su kuria jūsų modelio dalimi.
-
Maršrutas - kampinis gali pasirūpinti maršrutu, o tai reiškia judėjimą iš vieno vaizdo į kitą. Tai yra pagrindinis vieno puslapio programų pagrindas; kur galite pereiti prie skirtingų savo žiniatinklio programų funkcijų, atsižvelgdami į vartotojo sąveiką, bet vis tiek likti tame pačiame puslapyje.
-
Kampinis palaiko testavimą, tiek vieneto testavimą, tiek integracijos testavimą.
-
Jis išplečia HTML, pateikdamas savo elementus, vadinamus direktyvomis. Aukštu lygiu direktyvos yra DOM elemento žymekliai (pvz., Atributas, elemento pavadinimas ir komentaras arba CSS klasė), kurie liepia „AngularJS“ HTML kompiliatoriui pridėti nurodytą elgesį prie to DOM elemento. Šios direktyvos padeda išplėsti esamų HTML elementų funkcionalumą ir suteikti daugiau galios jūsų žiniatinklio programai.