Volevo capire l'architettura globale per la progettazione di applicazioni singola pagina (principalmente tramite JavaScript)Architettura per l'applicazione singola pagina (JavaScript)
Diciamo che ho una pagina di login (usernam/password) e l'autenticazione, ho ho mostrato la homepage. Ora sia le schermate di login che di homepage dovrebbero essere parte di una singola pagina.
Come posso progettare questo tipo di pagina?
Questa è una domanda così ampia che è possibile scrivere interi libri per rispondere in dettaglio.
Fondamentalmente quello che devi fare è usare AJAX invece di ricaricare le pagine. Devi ancora connetterti al server per autenticare gli utenti, ma invece di ricaricare l'intera pagina ogni volta che lo fai, devi effettuare una chiamata AJAX al tuo server e, a seconda se l'accesso ha avuto successo o meno, modificare alcune parti del contenuto nella pagina (come cambiare il pulsante Login in un messaggio "Connesso come utente xxx" ecc.).
Questo è un approccio, ma non è necessario caricare pagine complete/parziali con AJAX. Potresti avere tutto nel codice JavaScript della pagina principale e caricare i dati con JSON o altro. – JJJ
Sì @Juhana e questo è più o meno quello che ho detto. :) Non ho mai detto nulla sul caricamento di pagine complete/parziali con AJAX, per non parlare del fatto che è necessario. :) Ho detto di utilizzare AJAX per connettersi al server e quindi di modificare alcune parti della pagina, quindi posso solo essere d'accordo con il tuo commento. :) – rsp
Giusto, quella non era critica ma informazione extra a OP. – JJJ
Si può prendere spunto da soluzioni esistenti che si possono trovare sul web:
Ho appena aggiunto un progetto di SourceForge che può aiutare . Sto sviluppando questa libreria da circa un anno e penso che sia pronta per il prime time. Questo progetto ti consente di fare riferimento a asp.net MVC da JavaScript.
https://sourceforge.net/projects/peachajax/
Questa libreria genera codice JavaScript dinamico da utilizzare per le operazioni di AJAX. La libreria richiede jQuery. Ad esempio, se si utilizza un metodo di azione all'interno di un controller per il funzionamento AJAX, è possibile accedere rapidamente questo tramite il file JavaScript generato dinamicamente come segue:
peach.ControllerName.ActionMethodName(parameter1, parameter2, parameter3); // javascript
I parametri mappati sono direttamente associati ai parametri di ActionMethods .
caratteristiche di personalizzazione includono: Parametri
Si potrebbe voler cercare questo libero Single Page App book. L'ho trovato quando ho cercato su google "App per pagina singola".
Se non avete visto già, John Papa ha un decorso molto popolare sulla progettazione singola pagina di applicazioni sul Pluralsight: http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart
Si richiede un abbonamento Pluralsight, ma è possibile ottenere una prova gratuita 10 giorni per confermare il contenuto è prezioso per te. (Io non sono affiliato con Pluralsight, btw.)
Se sei più un ragazzo MVC, io personalmente ho usato chaplinjs.org, che è basato su backbone, e hbs per gloria di app a pagina singola. Ho alcune modifiche per usare websocket invece dei long-polls, ma è abbastanza estensibile, e se hai familiarità con mvc, è abbastanza facile entrare (ti imbatterai in più problemi con backbone che con Chaplin)
Questa è una domanda troppo ampia per rispondere. Dove stai avendo esattamente problemi? – JJJ
Volevo solo capire l'architettura generale ... – testndtv
"l'architettura generale per la progettazione di un'applicazione a singola pagina" - Non ce n'è uno. Sono molteplici approcci che potresti adottare. – Quentin