Javascript Girl
  1. Javascript Girl
  3. Structurer une application mobile PhoneGap jQuery
Intereting Posts
Fonction.prototype.application.d'investir des usages? JSON.parse string avec des citations JavaScript RegEx pour les balises div Comment pouvez-vous faire en sorte que le contenu de CSS reste inchangé lorsque vous cliquez ou que vous arrêtez de rouler avec Javascript? En JavaScript, comment puis-je accéder à l'identifiant de l'appel setTimeout / setInterval depuis l'intérieur de sa fonction événementielle? Jquery / css enveloppe le texte vers le bas Fonction JavaScript qui renvoie le résultat d'un appel ajax Highcharts chargé d'animation après setdata Variable variable javascript dans l'instruction IF Bibliothèque d'événements personnalisés pour JavaScript. Y a-t-il? Des recommandations? L'expression régulière qui correspond à un motif, ou est une chaîne vide Mise à jour multi-voies Firebase "données non valides; N'a pas pu analyser l'objet JSON, le tableau ou la valeur " Live Chat Software for Websites Prévention du chevauchement du texte dans le diagramme circulaire D3 Persist javascript variables entre les requêtes GET?

Structurer une application mobile PhoneGap jQuery

Je crée actuellement un jeu dans phonegap à l'aide de jQuery Mobile frame work. Ce que j'ai fini avec beaucoup de code spaghetti avec un html et plusieurs classes js.

J'étais intéressé de savoir s'il y a de bons guides pour créer une application mobile jQuery structurée qui suit le modèle MVC.

J'ai trouvé un bon guide pour créer une application MVC avec Sencha Touch. Je cherchais quelque chose de similaire avec jQuery Mobile.

J'ai une application plutôt grande et c'est ainsi que je l'ai structuré 

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

De côté pour mon fichier index.html, tous les autres fichiers .html sont des stubs. Ils contiennent uniquement le <div data-role='page'></div> et les autres éléments html nécessaires qui définissent la page et sa fonctionnalité prévue.

Je développe l'application sur VS2010, en utilisant Chrome comme débogueur. Quand je me sens bien avec mes progrès, je copie tout sur mon mac vers un dossier dans un projet Eclipse (pour les appareils Android) qui est également une référence liée dans mon projet xCode (pour les périphériques iOS).

J'ai travaillé sur ce projet depuis environ 3 à 4 mois et une fois que j'ai dépassé la courbe d'apprentissage de jQM et PhoneGap, j'ai fait de très bons progrès avec cette structure.

Avez-vous vu l'entrée wiki?

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

Et de voir un code, regardez @

Exemple d'application utilisant jQuery Mobile et PhoneGap http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/