SPA Gamit ang AngularJS

Ngayon, ang AngularJS ay naging isa sa mga pinakatanyag na balangkas ng pag-unlad pangunahin dahil sa kakayahang tulungan ang mga developer na lumikha ng Single Page Applications (SPA) nang madali. Sa tradisyunal na mga aplikasyon sa web, ang client (browser) ay nagpasimula ng isang channel ng komunikasyon sa server sa pamamagitan ng paghingi ng isang pahina. Tumutugon ang server sa pamamagitan ng pagproseso ng kahilingan at pagpapadala ng HTML ng pahina pabalik sa kliyente. Kung ang kahilingan ng gumagamit para sa isang bagong pahina, ang server ay nagpapadala ng isa pang pahina ng HTML. Kahit na humingi ang kliyente ng isang maliit na pagbabago, sabihin ang isang form na may pangunahing mga detalye, ang buong pahina ay dapat na muling mai-load ng server at ibalik sa kliyente.

Mga Kahilingan sa HTML at Ajax

Sa Mga Application ng Single Page, ang buong pahina ay na-load sa isang pagbaril, at ang kasunod na komunikasyon ay isinasagawa ng server gamit ang mga kahilingan sa Ajax. Kailangang i-update lamang ng browser ang bahagi ng pahina na nagbago at hindi na kailangang i-reload ang buong pahina sa tuwing ang isang gumagamit ay gumawa ng isang bagong kahilingan.
Dahil ang pamamaraang SPA ay binabawasan ang oras na ginugol ng server upang tumugon sa mga kahilingan ng gumagamit, mas mabilis na tumatakbo ang mga web application, gumagamit ng mas kaunting compute power, at pinapayagan ang mga developer ng User Interface (UI) na lumikha ng mas kaakit-akit, maliksi na mga web page.

Paglikha ng mga pahina ng Shell

Ang 'solong pahina' sa SPA ay tumutukoy sa isang pahina ng shell na tumutugon sa mga query sa anyo ng HTML, CSS, o JavaScript. Ang pahina ng shell ay asynchronous na nai-render sa HTML, inaalis ang pangangailangan ng pabalik-balik na paglalakbay sa server. Ang pahina ng shell ay nangangailangan lamang ng isang sanggunian sa AngularJS JavaScript library at isang direktiba ng-view (isang virtual na lalagyan na nagpapahintulot sa mga developer ng UI na lumipat sa pagitan ng mga view) upang sabihin sa AngularJS kung saan kailangang ibigay ang mga pahina ng nilalaman sa pahina ng shell.
Sa loob ng parehong 'solong' pahina, pinapayagan ng AngularJS ang mga developer na magbigay ng maraming mga view na nilalaman sa loob ng parehong URL. Maaaring lumitaw ang magkakaibang mga hanay ng mga panonood - sunud-sunod - sa loob ng parehong pahina ng shell, at ang bawat view ay pabagu-bagong pag-load sa at kapag nag-scroll ang user sa pahina.

Ang built-in na Directive na AngularJS - ng-app - ay nagbibigay-daan sa mga developer na gawing simula ang app, na may pagpipiliang magdagdag din ng mga direktiba ng third-party. Ang ng-model na Directive, sa kabilang banda, ay nagbibigay-daan sa iyo upang magdagdag ng mga expression ng umiiral na data sa memorya. Tingnan dito:

halimbawa ng aplikasyon ng mvc sa java

Sa buong mundo, ang mga tagabuo ay nagpatibay ng SPA gamit ang AngularJS at sa lahat ng posibilidad, ang kalakaran na ito ay inaasahang tatagal ng ilang sandali.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento at babalikan ka namin.