Best Practice Phonegap Architektur

Question

Ich bin versucht, auf einer Phonegap-Anwendung zu arbeiten, aber ich weiß nicht wirklich, wie man die Architektur baut.

Ich versuche eine Art MVC-Modell mit einem großen js für einen Controller, eine js-Datei mit Ajax-Anfrage, um Informationen vom Server (Modell) zu bekommen.

Für die Ansichten verwende ich ein Hauptlayout mit einer Kopfzeile und einem Kopf.

Ich aktualisiere meinen Inhalt mit load in JQuery.

Ich habe einige Probleme mit diesem System für Beispiel die vorherige Schaltfläche schließen Sie die Anwendung, weil ich immer die gleiche Seite verwenden. Wenn ich meinen Bildschirm rotiere, komme ich zurück zum ersten Bildschirm, weil die Seite aktualisiert wird.

Ich mag gerne wissen, ob Sie einige Lösungen oder eine Codebeispiel haben mit guten Basen

Dank

Answer 1

Es hängt davon ab, wie viel haben Sie Ihr aktuelles Projekt ändern möchten zu beginnen.

Wenn es Ihnen nichts ausmacht, komplette app revamp denken über die Verwendung von Phonegap mit jQuery Mobile + Backbone.js oder Phonegap mit Kendo UI. Sie haben bereits angegeben, dass jQuery für das Laden von Inhalten verwendet wird, so dass jQuery Mobile nicht so problematisch ist.

Sie können immer noch MVC Doktrin mit backbone.js und jQuery Mobile wird Seite Umgang/Übergänge/UI behandeln. Das einzige Problem mit dieser Lösung sind mögliche Leistungsprobleme, wenn Sie eine zu komplexe App erstellen. Aber das wird Ihnen passieren, egal, ob Sie alles von Grund auf neu erstellen oder UI-Frameworks verwenden.

Wenn Sie bereit sind, um ihm einen versuchen, einen Blick auf meine anderen Antworten auf relevante Fragen nehmen:

1. Frameworks und wenig etwas über sie: https://stackoverflow.com/a/14166593/1848600
2. Phonegap + jQuery Mobile-Tutorials: https://stackoverflow.com/a/14375842/1848600

Während Phonegap + jQuery Mobile weit von der perfekten Kombination entfernt ist, ist es immer noch eines der besten, und es wird Ihnen viel Zeit sparen.

EDIT:

Wie Sie jQuery Mobile verwenden Sie eine permanente Kopf- und Fußzeile haben können, wenn Sie verwenden:

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

in beide.

Hier sind meine „wie man“ Artikel über diese Frage: https://stackoverflow.com/a/14417307/1848600

Und hier ist ein funktionierendes Beispiel: http://jsfiddle.net/Gajotres/Beq4H/