Struktura aplikacji PhoneGap jQuery Mobile

Question

Obecnie tworzę grę w phonegap przy użyciu ramek jQuery Mobile. To co mi się udało, to dużo kodu spaghetti z jednym html i kilkoma klasami js.

Interesowało mnie, czy istnieją jakieś dobre przewodniki do tworzenia strukturalnej aplikacji mobilnej jQuery zgodnej ze wzorcem MVC.

Znalazłem good guide do tworzenia aplikacji MVC z Sencha Touch. Szukałem czegoś podobnego z jQuery Mobile.

Answer 1

mam dość dużą aplikację i jest to jak mam to zorganizowany

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 

na bok dla mojego pliku index.html, wszystkie inne pliki .html s to stubs. Zawierają tylko <div data-role='page'></div> i inne potrzebne elementy html, które definiują stronę i jej przeznaczoną funkcjonalność.

Rozwijam aplikację na VS2010, używając Chrome jako mojego debuggera. Kiedy czuję się dobrze z moimi postępami, kopiuję wszystko na mój komputer Mac do folderu w projekcie Eclipse (dla urządzeń z systemem Android), który jest także odnośnikiem w moim projekcie xCode (dla urządzeń z systemem iOS).

Pracuję nad tym projektem od około 3-4 miesięcy, a kiedy już minęłem krzywą uczenia się jQM i PhoneGap, robiłem bardzo dobre postępy w tej strukturze.

Answer 2

Czy widziałeś wpis wiki?

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

i zobaczyć jakiś kod spojrzeć @ Aplikacja

próbki stosując jQuery Mobile i PhoneGap http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/