Question

我目前正在使用jQuery Mobile框架工作在phonegap中构建游戏。我最终得到的是很多带有一个html和几个js类的意大利面条代码。

我有兴趣知道是否有任何良好的指南来创建遵循MVC模式的结构化jQuery Mobile应用程序。

我找到了good guide用于使用Sencha Touch创建MVC应用程序。我正在寻找与jQuery Mobile类似的东西。

Answer 1

我有一个相当大的应用程序，这就是我的结构

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设备）。

我已经在这个项目上工作了大约3-4个月，一旦我超越了jQM和PhoneGap的学习曲线，这个结构已经取得了很好的进展。

Answer 2

你见过wiki条目吗？

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

并看到一些代码看看@

使用jQuery Mobile和PhoneGap的示例应用程序 http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/

构建PhoneGap jQuery移动应用程序

2 个答案: