gpt4 book ai didi

html - 如何组织 Phonegap HTML 文件

转载 作者:搜寻专家 更新时间:2023-10-31 22:07:35 25 4
gpt4 key购买 nike

我正在使用 Phonegap 构建 iPad 应用。

该应用程序应该是离线的(除了表单提交),所以它主要是静态页面,所以我会有很多 HTML 文件,因为我没有使用 JS MVC/Require JS 来最小化复杂。我看得越多,它基本上就是一个封装在 Phonegap 中的静态站点,用于构建应用程序。

由于我将拥有大量的 HTML 文件,如果我不使用任何模板引擎,管理(例如)页眉/页脚的更改将是一件痛苦的事情。到目前为止,我正在使用 Codekit 将 Jade 文件编译为 HTML,并且运行良好,我只将 Jade 用于布局/ block /包含功能和 HTML 编译。

我不太喜欢使用 Jade 的一件事是,如果你的文件有很多嵌套的 HTML 标签(例如用 Zurb Foundation/Twitter Bootstrap 标记的复杂表单设计),那么 Jade 突然看起来就不是这样了干净了。

不过,我认为必须有更好的方法来做到这一点。你们有没有人用 Phonegap 做过一个主要是静态页面的应用程序?有更好的建议吗?

谢谢

最佳答案

你可以使用1个文件,将数据保存在sqlite中或作为变量保存在JS文件中。代码应该是这样的:

<!doctype html>
<html>
<head></head>
<body>
<div id="page1" class="page">...</div>
<div id="page2" class="page">...</div>
<div id="page3" class="page">...</div>
<div id="page4" class="page">...</div>
</body>
</html>

然后你可以在js文件中创建一个函数“navigate(page_id)”:

public function navigate(pageid){
$('page').hide();
if(pageid == 'page1'){
$('#'+pageid).show();
// get data and append it in the div.
}
...
}

当然你可以使用 Jquery Mobile,但它会强制你使用预定义的模板,我个人不使用它,因为编写我自己的模板要好得多并且可能会提供更多选择。

关于html - 如何组织 Phonegap HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18229568/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com