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

Structuring multiple pages within DOM for JavaScript web app

本文关键字：构建 应用程序 DOM 中为 JavaScript Web      更新时间：2023-09-26

我正在构建一个管理应用程序，用户必须在其中键入 PIN，将信息与加载的变量进行比较，然后用户继续访问为其部门指定的特定页面。从那里，将有一棵大约五页的树，他们可以伸出;都是动态的。

我应该如何在 DOM 中管理多个页面？

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

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

您应该遵循所选框架的最佳实践。 我建议看看余烬.js。 在 ember （和 sproutcore） 中，您可以定义视图，这些视图可以通过模板或以编程方式声明。 因此，应用的每个部分都是一个带有子视图的视图。 余烬的好处是：

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

如果我必须在直接的js中做到这一点，我可能会开发最简单的视图系统来满足我的需求，将视图的概念从dom的渲染中抽象出来。 没有它，我看不到任何保持代码干净的方法。

相关文章：