合并SinglePage应用程序中的HTML文件

Question

我正在开发纯JS + HTML应用程序。为了保持代码的整洁，我想将我的应用程序分离到几个html文件中(如ClientView.html、HistoryView.html等)。基于用户操作，将显示一个或另一个视图(或多个视图)。每个视图都应该在一个单独的JS文件中有一个底层代码。

我真正想达到的目标是：

• 将视图开发为HTML页面(不要使用任何类型的javascript模板)
• 视图和视图模型动态加载(只在需要时加载)
• 某种控制依赖关系的方法。

如果你能给我一个好的开始，我会非常感激，因为我对现代的html应用程序开发非常陌生。我本人来自WPF世界，我已经与MVVM应用程序合作了很长一段时间，可能我试图为javascript开发带来同样的体验是错误的。

我已经找到了几个关于“编译”html - (HTML "compiler" / merging application)的帖子，但我不认为这是我所需要的。

附注：在我的项目中，我非常依赖于Twitter Bootsrap中的几个特性(首先来自网格系统)

Answer 1

使用包含一些div的母版页来进行布局。使用JQuery动态加载各种页面并根据需要插入到母版页中的div中。