最佳实践phonegap架构

Ajo*_*uve 5 architecture model-view-controller android jquery-mobile cordova

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

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

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

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

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

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

谢谢

Gaj*_*res 4

这取决于您想要对当前项目进行多少更改。

如果您不介意进行完整的应用程序改造,请考虑使用 Phonegap 与jQuery Mobile + Backbone.js或 Phonegap 与Kendo UI。您已经说过 jQuery 用于内容加载,因此跳转到 jQuery Mobile 不会有什么问题。

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

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

  1. 框架和一些关于它们的东西:/sf/answers/991661541/
  2. Phonegap + jQuery Mobile 教程:/sf/answers/1006308971/

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

编辑 :

当您使用 jQuery Mobile 时,如果使用以下命令,您可以拥有持久的页眉和页脚:

...data-position="fixed" data-id="footer"...
Run Code Online (Sandbox Code Playgroud)

在他们两个中。

这是我关于这个问题的“如何”文章:/sf/answers/1009211521/

这是一个工作示例:http://jsfiddle.net/Gajotres/Beq4H/