SPA ved hjælp af AngularJS

I dag er AngularJS blevet en af ​​de mest populære udviklingsrammer primært på grund af dets evne til let at hjælpe udviklere med at oprette SPA (Single Page Applications). I traditionelle webapplikationer starter klienten (browseren) en kommunikationskanal med serveren ved at anmode om en side. Serveren svarer ved at behandle anmodningen og sende HTML-koden på siden tilbage til klienten. Hvis brugeranmodningen om en ny side, sender serveren en anden HTML-side. Selvom klienten beder om en lille ændring, siger en formular med grundlæggende detaljer, skal hele siden indlæses igen af ​​serveren og sendes tilbage til klienten.

HTML & Ajax anmodninger

I applikationer til en enkelt side indlæses hele siden i et skud, og efterfølgende kommunikation udføres af serveren ved hjælp af Ajax-anmodninger. Browseren skal kun opdatere den del af siden, der er ændret, og det er ikke nødvendigt at genindlæse hele siden, hver gang en bruger fremsætter en ny anmodning.
Da SPA-tilgangen reducerer den tid, det tager af serveren at svare på brugeranmodninger, kører webapplikationer hurtigere, bruger mindre beregningskraft og giver brugergrænseflade (UI) -udviklere mulighed for at oprette mere attraktive, smidige websider.

Oprettelse af Shell-sider

Den 'enkelte side' i SPA henviser til en shell-side, der reagerer på forespørgsler i form af HTML, CSS eller JavaScript. Shell-siden gengives asynkront med HTML, hvilket eliminerer behovet for frem og tilbage rejse til serveren. Shell-siden har kun brug for en henvisning til AngularJS JavaScript-biblioteket og et ng-view-direktiv (en virtuel container, der giver UI-udviklere mulighed for at skifte mellem visninger) for at fortælle AngularJS, hvor indholdssiderne skal gengives på shell-siden.
Inden for den samme 'enkelt' side tillader AngularJS udviklere at levere flere visninger indeholdt i den samme URL. Forskellige sæt visninger kan vises - den ene efter den anden - inden for den samme shell-side, og hver visning indlæses dynamisk, når og når brugeren ruller gennem siden.

Det indbyggede AngularJS-direktiv - ng-app - giver udviklere mulighed for at initialisere appen med mulighed for også at tilføje tredjepartsdirektiver. Direktivet om ng-modellen giver dig derimod mulighed for at tilføje databindende udtryk i hukommelsen. Se her:

forholdet mellem java og javascript

Globalt har udviklere vedtaget SPA ved hjælp af AngularJS, og denne sandsynlighed forventes at vare i et stykke tid efter al sandsynlighed.

Har du et spørgsmål til os? Nævn det i kommentarfeltet, så vender vi tilbage til dig.