最佳实践phonegap架构

我正在尝试使用phonegap应用程序,但我不知道如何构建体系结构。

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

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

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

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

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

谢谢

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

万一你不介意做完整的应用程序改造考虑使用带有jQuery Mobile + Backbone.js的 Phonegap或带有Kendo UI的 Phonegap。 您已经声明jQuery用于内容加载,因此跳转到jQuery Mobile不会有问题。

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

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

  1. 框架和他们的一些东西: https : //stackoverflow.com/a/14166593/1848600
  2. Phonegap + jQuery Mobile教程: https ://stackoverflow.com/a/14375842/1848600

虽然Phonegap + jQuery Mobile远非完美组合,但它仍然是最好的组合之一,它将为您节省大量时间。

编辑:

当您使用jQuery Mobile时,如果使用以下内容,则可以使用持久性页眉和页脚:

...data-position="fixed" data-id="footer"... 

在他们两个。

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

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