在DOM中为JavaScript Web应用程序构建多个页面

时间:2012-07-06 17:31:28

标签: javascript dom

我正在构建一个管理应用程序,用户必须输入PIN,将信息与加载的变量进行比较,然后用户继续查看为其部门指定的特定页面。从那里开始,将会有一棵大约五页的树,它们可以用来制作;一切都充满活力。

我应该如何管理DOM中的多个页面?

最初,我的想法是基本上创建一个HTML树,每个部门都有一个DIV,然后在该HTML树的其他页面中使用树,在需要时使用JavaScript编辑动态内容。

我做了一些研究,并遇到了模板引擎和使用iframe等解决方案。我希望这是一个结构稳定且稳定的应用程序,所以我不认为纠结iframe会是最好的解决方案。

1 个答案:

答案 0 :(得分:1)

您应该遵循您选择的任何框架的最佳实践。我建议你看看ember.js。在ember(和sproutcore)中,您可以定义视图,可以通过模板或编程方式声明。因此,您应用的每个部分都是一个视图,带有子视图。余烬的好处是:

1)绑定,允许您的视图在模型更改时更新 2)状态图机制,允许您分离关注点并处理应用程序逻辑 3)灵活的视图系统
4)允许你做你想要做的事情的机制,比如将视图绑定到URL ...

如果我必须在直接的js中进行,我可能会开发出最符合我需求的最简单的视图系统,从远离渲染dom的视图中抽象出一个视图的概念。如果没有它,我看不出任何保持代码清洁的方法。