Die Strukturierung eines PhoneGap jQuery Mobile Anwendung

Bin ich bauen zurzeit ein Spiel in phonegap mit jQuery Mobile-Rahmen. Was muss ich landete mit viel spaghetti-code mit einem html-und mehrere js-Klassen.

Ich war daran interessiert zu wissen, ob es irgendwelche guten guides zu erstellen, die eine strukturierte jQuery-Mobile-Anwendung, MVC-Muster folgt.

Fand ich eine guter guide für das erstellen einer MVC-App mit Sencha Touch. Ich war auf der Suche nach etwas ähnliches mit jQuery Mobile.

InformationsquelleAutor Nithin | 2011-11-08

19

Ich habe eine ziemlich große Anwendung und das ist, wie ich es haben strukturierte
```
css
    -- all css files
images
    -- all image files
js
    controller.js -- page events and element actions. Also contains PhoneGap specific methods
    core
        forms.js -- working with forms, saving info
        mobile.js -- basic definitions, AJAX communications
        encrypt.js -- encryption
        global.js   -- helper functions
        storage.js  -- database storage wrapper
    cw
        client.js -- a client object, > 400 lines of js code
        Objects.js -- all other needed objects with <50 lines of js code each
        question.js  -- a question object, > 500 lines of js code
        service.js    -- a service object, > 700 lines of js code
    jq
        jquery-ui.min.js
        jquery.min.js
        jquery.mobile.min.js
        phonegap-1.1.0.js

add_client.html
clients.html
client_list.html
index.html            -- the only file that is structured like a real full html file
manager.html
schedule.html
service.html
```
beiseite für meine index.html Datei, alle anderen .html-Dateien sind stubs. Sie enthalten nur die <div data-role='page'></div> und andere html-Elemente definieren, die Seite und deren Funktionsweise.

Entwickle ich die app auf VS2010, die Verwendung von Chrome als mein debugger. Wenn ich mich gut fühle mit meinen Fortschritt, ich kopiere alles auf meinem mac einen Ordner in ein Eclipse-Projekt ( für Android-Geräte), die auch eine verlinkte Referenz in meinem xCode Projekt ( für iOS-Geräte ).

Habe ich die Arbeit an diesem Projekt für etwa 3-4 Monate jetzt, und einmal habe ich hinter die Lernkurve von jQM und PhoneGap, haben sehr gute Fortschritte mit dieser Struktur.
- Auch werde ich erwähnen, dass ich nie geplant, nach dem Bau dieser app in eine Seite (obwohl ich könnte), einfach weil ich wusste, es würde leichter sein, mit zu arbeiten und zu verfolgen, wenn Sie waren aufgeteilt in kleinere Dateien. Ich hatte ursprünglich einen eigenen .js-Datei, die für jedes einzelne Objekt (~18 Objekte), fand aber eine Speicher-Auslastung Gewinn ( bei chrome jedenfalls), wenn ich Dateien kombiniert.
- Ich benutze fast die gleiche Struktur, und es funktioniert wirklich Super. Aber sobald ich einen Kommentar gelesen: "Jede Seite sollte die Arbeit auf seine eigene, denn eines Tages wird es definitiv bekommen direkt aufgerufen". Das ist, warum alle meine Seiten sind vollständige html-Seiten.
- Wie gehen Sie mit der Teiltöne auf Ihren Seiten? Sie können die gleichen Kopf - /Fußzeile, die Sie wollen, um zu zeigen, auf jeder Seite. Ist es möglich, dass nur eine vollständige HTML-Seite, und dynamisch alle anderen Inhalte via ajax mit standard-jQuery-mobile-Funktionen?
- Das ist eine großartige Frage Mich und ich habe nicht die Antwort gefunden, doch ( obwohl ich sicher bin, man könnte erstellt werden ). So weit, die Kopfzeilen alle unsere Seiten sind grundsätzlich anders als das ist, wo wir-stick Seite spezifische tools\icons. Die Fußzeilen der fast alle unsere Seiten ist ziemlich statisch. Zugegeben, wir sind nicht wirklich fügen Sie neue icons zu unserer Fußzeile, footer-management nil seit gut 2 Jahren jetzt.
InformationsquelleAutor Sage
3

Hast du den gesehen, der wiki-Eintrag?

http://wiki.phonegap.com/w/page/36868306/UI%20Development%20using%20jQueryMobile#GettingstartedwithJQueryMobile

und zu sehen, einige code haben Sie einen Blick @

Beispielanwendung mit jQuery Mobile und PhoneGap
http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/
- Ja ich durchgemacht habe beide und Sie sind gute Anleitungen für die ersten Schritte mit jQuery Mobile. Wenn die Anwendung jedoch sehr Komplex ist, schreiben die gesamte Anwendung in einer einzigen html-und js scheint nicht eine gute option. Ich war daran interessiert zu wissen, wie Sie schreiben, eine besser strukturierte Anwendung. ie gespalten, die Javascripts, die als Modelle(mit Daten) und Ansichten(das alter der DOM).
- ein framework wie Durandal unterstützen Sie bei der Organisation Ihrer größeren Standort. Es tut dies, indem Sie die Verwendung der Zusammensetzung (die Versammlung der logischen bits von Ansichten, etc). Dies bedeutet, dass Sie haben eine mvc-wie Ordner-Struktur clientseitiger und halten Sie die Dinge überschaubar.
InformationsquelleAutor Stephen Gennard

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.