ho una piuttosto grande applicazione e questo è come ce l'ho strutturato
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
a parte per il mio file index.html, tutti gli altri file .html s sono mozziconi. Contengono solo lo <div data-role='page'></div> e altri elementi html necessari che definiscono la pagina e le funzionalità previste.
Sviluppo l'app su VS2010, utilizzando Chrome come mio debugger. Quando mi sento bene con i miei progressi, copio tutto sul mio mac in una cartella in un progetto Eclipse (per dispositivi Android) che è anche un riferimento collegato nel mio progetto xCode (per dispositivi iOS).
Ho lavorato a questo progetto per circa 3-4 mesi e, una volta superata la curva di apprendimento di jQM e PhoneGap, ho realizzato ottimi progressi con questa struttura.
Inoltre, menzionerò, che non avevo mai pianificato di creare questa app in una pagina (anche se avrei potuto) semplicemente perché sapevo che sarebbe stato più facile lavorare e tenerne traccia se fosse stata suddivisa in file più piccoli. Originariamente avevo un file .js separato per ogni singolo oggetto (~ 18 oggetti), ma ho trovato un guadagno nell'utilizzo della memoria (in chrome comunque) quando ho combinato i file. – Sage
Uso quasi la stessa struttura e funziona davvero alla grande. Ma una volta ho letto un commento: "Ogni pagina dovrebbe funzionare da sola, perché un giorno verrà chiamata direttamente". Ecco perché tutte le mie pagine sono pagine html complete. – JNM
Come gestite i partial sulle vostre pagine? Potresti avere la stessa intestazione/piè di pagina che vuoi mostrare su ogni pagina. È possibile mantenere solo una pagina HTML completa e includere dinamicamente tutti gli altri contenuti tramite ajax con le funzioni standard di jQuery mobile? –