SPA ved bruk av AngularJS

I dag har AngularJS blitt en av de mest populære utviklingsrammene, hovedsakelig på grunn av sin evne til å hjelpe utviklere med å lage enkeltsidesapplikasjoner (SPA) med letthet. I tradisjonelle webapplikasjoner starter klienten (nettleser) en kommunikasjonskanal med serveren ved å be om en side. Serveren svarer ved å behandle forespørselen og sende HTML-koden til siden tilbake til klienten. Hvis brukeren ber om en ny side, sender serveren en annen HTML-side. Selv om klienten ber om en liten endring, si et skjema med grunnleggende detaljer, må hele siden lastes inn igjen av serveren og sendes tilbake til klienten.

HTML- og Ajax-forespørsler

I applikasjoner med én side lastes hele siden i ett skudd, og påfølgende kommunikasjon utføres av serveren ved hjelp av Ajax-forespørsler. Nettleseren må bare oppdatere den delen av siden som er endret, og det er ikke nødvendig å laste hele siden på nytt hver gang en bruker ber om en ny forespørsel.
Siden SPA-tilnærmingen reduserer tiden det tar for serveren å svare på brukerforespørsler, kjører webapplikasjoner raskere, bruker mindre beregningskraft og lar brukergrensesnittutviklere (UI) utvikle mer attraktive, smidige websider.

Oppretting av Shell-sider

‘Enkeltsiden’ i SPA refererer til en skallside som svarer på spørsmål i form av HTML, CSS eller JavaScript. Skalsiden gjengis asynkront med HTML, noe som eliminerer behovet for frem og tilbake reise til serveren. Skalsiden trenger bare en referanse til AngularJS JavaScript-biblioteket og et ng-view-direktiv (en virtuell container som lar UI-utviklere bytte mellom visninger) for å fortelle AngularJS hvor innholdssidene må gjengis på skallsiden.
Innen samme 'enkelt' side tillater AngularJS utviklere å tilby flere visninger inneholdt i samme URL. Ulike sett med visninger kan vises - den ene etter den andre - innenfor den samme skallsiden, og hver visning lastes dynamisk når brukeren blar gjennom siden.

Det innebygde AngularJS-direktivet - ng-app - lar utviklere initialisere appen, med muligheten til å legge til tredjepartsdirektiver også. Direktivet om ng-modellen, derimot, lar deg legge til databindende uttrykk i minnet. Ta en titt her:

kan en konstruktør være privat

Globalt har utviklere tatt i bruk SPA ved bruk av AngularJS, og med all sannsynlighet forventes denne trenden å vare en stund.

Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet, så kommer vi tilbake til deg.