最佳实践phonegap架构

时间:2013-01-21 13:20:51

标签: android model-view-controller cordova jquery-mobile architecture

我正在尝试使用手机应用程序,但我不知道如何构建架构。

我尝试了一种带有js的MVC模型用于控制器,带有ajax请求的js文件从服务器(模型)获取信息。

对于视图,我使用带有标题和头部的主布局。

我使用JQuery中的load更新我的内容。

我在使用此系统时遇到一些问题,例如前一个按钮关闭应用程序,因为我总是使用相同的页面。当我旋转屏幕时,我回到第一个屏幕,因为页面正在刷新。

我想知道你是否有一些解决方案或一些代码示例以良好的基础开始

由于

1 个答案:

答案 0 :(得分:4)

这取决于您想要更改当前项目的数量。

如果您不介意进行完整的应用修改,请考虑使用带有jQuery Mobile + Backbone.js的Phonegap或带有Kendo UI的Phonegap。你已经说jQuery用于内容加载,所以跳转到jQuery Mobile不会有问题。

您仍然可以使用backbone.js的MVC学说,而jQuery Mobile将处理页面处理/转换/ UI。只有在创建过于复杂的应用程序时,此解决方案的问题才可能出现性能问题。但无论您是从头开始创建所有内容还是因为您正在使用UI框架,这都会发生在您身上。

如果您愿意尝试一下,请查看我在相关问题上的其他答案:

  1. 框架和关于它们的一些东西:https://stackoverflow.com/a/14166593/1848600
  2. Phonegap + jQuery Mobile教程:https://stackoverflow.com/a/14375842/1848600
  3. 虽然Phonegap + jQuery Mobile远非完美组合,但它仍然是最好的组合之一,它将为您节省大量时间。

    编辑:

    当您使用jQuery Mobile时,如果使用:

    ,则可以使用持久性页眉和页脚
    ...data-position="fixed" data-id="footer"...
    

    。两者都是。

    以下是关于此问题的“如何”文章:https://stackoverflow.com/a/14417307/1848600

    这是一个有效的例子:http://jsfiddle.net/Gajotres/Beq4H/