architettura phonegap best practice

Question

Sono trynig per lavorare su un'applicazione di PhoneGap ma non so davvero come costruire l'architettura.

Provo un tipo di modello MVC con un js grande per un controller, un file js con una richiesta jax per ottenere informazioni dal server (modello).

Per le viste, utilizzo un layout principale con un'intestazione e una testa.

Aggiorno i miei contenuti utilizzando il caricamento in JQuery.

Ho alcuni problemi con questo sistema per esempio il pulsante precedente chiudi l'applicazione perché utilizzo sempre la stessa pagina. Quando ruoto lo schermo torno alla prima schermata perché la pagina si aggiorna.

Mi piacerebbe sapere se si dispone di alcune soluzioni o qualche esempio di codice per iniziare con buone basi

Grazie

Answer 1

Dipende quanto si desidera modificare il progetto in corso.

Nel caso in cui non ti dispiaccia fare il rinnovamento completo dell'app pensa di utilizzare PhoneGap con jQuery Mobile + Backbone.js o PhoneGap con Kendo UI. Hai già affermato che jQuery viene utilizzato per il caricamento dei contenuti, quindi saltare a jQuery Mobile non sarà così problematico.

È ancora possibile utilizzare la dottrina MVC con backbone.js e jQuery Mobile gestirà la gestione della pagina/transizioni/UI. L'unico problema con questa soluzione sono i possibili problemi di prestazioni nel caso in cui si crei un'app troppo complessa. Ma questo ti succederà, non importa se stai creando tutto da zero o perché stai usando i framework dell'interfaccia utente.

Se si è disposti a fare un tentativo di dare un'occhiata alle mie altre risposte su questioni connesse:

1. quadri e qualcosa su di loro: https://stackoverflow.com/a/14166593/1848600
2. PhoneGap + jQuery Mobile tutorial: https://stackoverflow.com/a/14375842/1848600

Mentre Phonegap + jQuery Mobile è tutt'altro che una combinazione perfetta è ancora uno dei migliori che ci sia e ti farà risparmiare un sacco di tempo.

EDIT:

Come si utilizza jQuery Mobile è possibile avere un colpo di testa persistente e piè di pagina se si utilizza:

...data-position="fixed" data-id="footer"... 

in entrambi.

Ecco la mia "come" articolo su questo argomento: https://stackoverflow.com/a/14417307/1848600

Ed ecco un esempio di lavoro: http://jsfiddle.net/Gajotres/Beq4H/