Ce este un spa sau un singur portal

În acest articol, ne vom concentra pe Application Pagina unică (SPA). Ei vor lua în considerare argumentele pro și contra de web-aplicații construite pe principiile unui singur situs (SPA)

Ce este SPA

Pagină unică Aplicație - abreviat SPA, tradus în limba română înseamnă „aplicarea unei pagini.“ Cu alte cuvinte, SPA - este un web-aplicație găzduit pe o pagina web, care este să se asigure că sarcina de lucru toate codul, împreună cu încărcarea paginii în sine. Aplicarea acestui tip sunt relativ noi, cu începutul erei de HTML5 și SPA este o serie de aplicații tipice reprezentative în HTML5.

În cazul în care cererea este destul de complexă și conține un set bogat de caracteristici, cum ar fi sistemul electronic de management al documentelor, numărul de fișiere script poate fi de până la câteva sute, sau chiar mii. Un „... incarca toate script-urile ...“, în nici un fel înseamnă că, odată ce toate sute și mii de fișiere script sunt încărcate la pornire a site-ului. Pentru a rezolva problema de încărcare un număr mare de script-uri în APS este conceput pentru numele API-ul AMD. AMD vinde capacitatea de a încărca script-uri la cerere. Aceasta este, în cazul în care „satul principal“ single-portal a luat 3 din script-ul, acestea vor fi încărcate într-o pastă înainte de începerea programului. Și în cazul în care utilizatorul face clic la o altă pagină pe o singură pagină a portalului, de exemplu, „Despre“, AMD modulul de încărcare principiu (script + markup) inainte de a merge la această pagină.

Se pare ușor mototolită: „O pagină. o altă pagină, pagina a treia ... un singur portal. " Dot "E". Pagina site-ului, care conține toate link-uri către toate CSS, și link-uri către script-urile necesare pentru a rula SPA noi numim „web-pagina.“ Fișier cu pagina este denumit în mod obișnuit „index.html“ (în ASP.NET MVC poate fi index.cshtml sau index.vbhtml sau chiar index.aspx) O pagină care comută în interiorul unui portal de un singur utilizator se numește „module“.

Să ne uităm la avantajele și procesele verbale ale acestei abordări. De ce este totul și de ce APS este atât de popular?

SPA: Pro

Apoi, un al doilea „plus“ - o interfață de utilizator bogat. așa-numita experiența utilizatorului. Deoarece web-o singură pagină, pentru a construi o interfață de bogat, bogat utilizator mult mai ușor. Mai ușor pentru a stoca informații sesiune pentru a gestiona stările de reprezentări (vederi) și controlează animație (în unele cazuri).

SPA: Contra

componente SPA

Principiile oricărui cadru (despre ele mai târziu), care implementează paradigma SPA trebuie să respecte următorii termeni și definiții:

SPA sprijina navigare client. Toate „pe jos“ Pagini module utilizator înregistrat în mod unic în istoria navigației, și navigare în acest caz este „profund“, adică, în cazul în care un utilizator de copii și va deschide un link către o pagină de modul intern într-o altă fereastră a browserului sau, el este dus la pagina corespunzătoare.
SPA este situat pe aceeași pagină web, atunci tot ceea ce este necesar pentru funcționarea site-ului (portal) script-uri și stiluri trebuie să fie definite într-o singură locație a proiectului - pe o singură pagină web.
SPA păstrează o lucrare de stat constanta (variabile importante) client (script client) în cache-ul browser-ului sau de stocare pe web.
loturile SPA toate script-urile necesare pentru a porni aplicația pentru a inițializa pagina web.
SPA încarcă treptat module la cerere.

Șabloanele SPA (SPA șabloane)

După cum probabil ați ghicit, SPA - este un concept abstract. Acesta este principiul arhitecturii aplicatiei. Să vorbim să înceapă cu dezvoltarea site-ului pentru principiile SPA.

Există o mulțime de biblioteci de bază (cadru - cadru din cuvântul englezesc - „structura cadru, cadrul“), care pune în aplicare principiul unic de aplicare Page. Ce oferă aceste cadre:

furnizează principiile de bază pentru dezvoltarea SPA, minimizând efortul de a rezolva problemele universale (a se vedea „Componente SPA);
cadrele stabilit comunitate dezvoltator, deci utilizați experiența de a crea site-uri web mulți programatori;
cadrele sunt punctul de plecare pentru construirea structurilor bazate pe aplicații O singură pagină.

Din moment ce am lucrat timp de mai mulți ani pe o platforma de NET, atunci voi lua în considerare șabloanele O singură pagină de aplicații bazate pe ASP.NET. Luați în considerare următoarea diagramă de comparație.

Compararea șabloane caracteristici SPA

Tabelul listează cele mai comune template-uri ca bază pentru construirea unei aplicații unice Pagina de aplicare. Notă fundal albastru izolate blocuri de construcție de bază pentru construirea unui cadru complet, cum ar fi DurandalJS și HotTowel. care sunt evidențiate în verde.

Deci, ca urmare datele furnizate în tabel, puteți crea o aplicație unică Pagina de aplicații folosind „gol“ și un KnockoutJS ASP.NET. Cu toate acestea, punerea în aplicare a lucrărilor cu date (DAL) trebuie să scrie propriul dvs., cu toate acestea, ca gestionarea de navigare și istoricul de navigare, de asemenea.

Pe de altă parte, aveți dreptul de a alege sau de Ember BreezeJS. sau chiar AngularJS Google ca baza site-ul sau chiar ca baza său cadru propriu, este mai puțin adevărat că principiile componentelor lipsă ale conceptului SPA trebuie sa te vinzi.

O alternativă la soluția anterioară ar putea fi alegerea nota finit a cadrului (marcat cu un fundal verde în tabel). Fiecare variantă are propriile sale „pro“ și „contra“.

concluzie

Exemple de aplicații construite pe principiile lotului unic Pagina de aplicare. Una dintre cele mai puternice și bine-cunoscut este GMail - compania de servicii e-mail Google.

Vreau să citeze cadru DurandalJS, care este folosit pentru a construi site-ul dvs., „Ce este un nume“. Am început o serie de articole dedicate DurandalJS de studiu pe bază de programare site-ul, „Ce este un nume“.