我正在构建一个管理应用程序，用户必须在其中输入 PIN，将信息与加载的变量进行比较，然后用户继续访问为其部门指定的特定页面。从那里，他们可以产生一棵大约五页的树；都是动态的。
我应该如何管理 DOM 中的多个页面？
最初，我的想法是创建一个 HTML 树，每个部门都有一个 DIV，然后在该 HTML 树中的其他页面中创建树，在需要时使用 JavaScript 编辑动态内容。
我做了一些研究，遇到了模板引擎和使用 iframe 等解决方案。我希望这是一个结构牢固且稳定的应用程序，所以我不认为在 iframe 周围搞砸是最好的解决方案。
您应该遵循您选择的任何框架的最佳实践。我建议看一下ember.js。在 ember（和 sproutcore）中，您定义视图，可以通过模板或以编程方式声明。所以你的应用程序的每个部分都是一个视图，带有子视图。ember 的好处是：
1) 允许您的视图在模型更改时更新的绑定
2) 允许您分离关注点并处理应用程序逻辑的状态图机制
3) 灵活的视图系统
4) 允许做您想做的事情的机制，例如将视图绑定到 url...
如果我必须直接用 js 来做，我可能会开发最简单的视图系统来满足我的需求，将视图的概念从 dom 的渲染中抽象出来。没有它，我看不到任何保持代码清洁的方法。