У меня довольно большое приложение, и вот как оно структурировано
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
для моего файла index.html, все остальные файлы .html являются заглушками.Они содержат только <div data-role='page'></div> и другие необходимые HTML-элементы, которые определяют страницу и ее предполагаемую функциональность.
Я разрабатываю приложение на VS2010, используя Chrome в качестве отладчика.Когда я чувствую себя хорошо с моим прогрессом, я копирую все на свой Mac в папку в проекте Eclipse (для устройств Android), которая также является связанной ссылкой в моем проекте xCode (для устройств iOS).
IЯ работаю над этим проектом уже около 3-4 месяцев, и, как только я прошел курс обучения jQM и PhoneGap, я добился очень хороших успехов в этой структуре.