Model view controller Extjs中的多个视口

我有100个不同的url，每个指向普通html页面，我必须将这些普通html页面转换为extjs页面。页脚和页眉对于所有页面都是相同的，但是对于不同的普通html页面，中间部分是不同的。 为了最大限度地利用代码，我想创建一个EXTJS4.1.0应用程序，该应用程序将具有model、view、store和controller，但将index.html、app.js和viewport.js分开。单独使用index.html、app.js和viewport.js的原因是，如果我不保留单个index.html、app.js和viewport.js，那么我将无法为页面添加书签（因为用户和使用100个不同的URL来创建100个不同的页面），所以基本上我将拥有100个不同的app.js和相应的viewport.js（viewport.js将有用于页脚/页眉等的通用组件和用于屏幕的特定组件），但在某个时间点，只有一个index.html、app.js和viewport.js处于活动/运行状态

我的第一个问题是，我刚才提到的解决方案是正确的吗

在Extjs MVC模式中，如果使用autoCreateViewport:true，每个应用程序只能有一个Viewport.js文件，这是真的吗

其次，如果在Ext.Application（在app.js中）中使用autoCreateViewport:false，并在launch方法中创建不同Viweport的实例，如下所示：

Ext.application({
    name: 'Panda',
    autoCreateViewport: false,
    launch: function() {
        Ext.create('Panda.viewport.ViewportOne')
    }
});

请注意，我创建了ViewportOne实例，它是100个视口中的一个。使用此解决方案，我在运行应用程序时也遇到了问题（某些导航无法工作等）。是否因为extjs不允许使用名称为Panda.viewport.ViewportOne、Panda.viewport.ViewportTwo等的视口

---

如何在Extjs中创建具有可书签页面的完全MVC风格的应用程序，使每个页面都是相同Extjs应用程序的一部分（即它利用相同的模型视图、存储、控制器和动态加载）.

我工作的公司有很多客户正在使用一个基于纯html和javascript的应用程序。每个人都只在应用程序的一个页面上使用，他已经在浏览器上添加了书签。 我的任务是将那些普通的html/javascript页面升级到Extjs页面，这样用户就不必更新书签

最后，我想在Extjs 4.1.0中创建一个应用程序，该应用程序将有100个页面（index.html、indexOne.html等，用户将为其添加书签），每个页面都可以使用公共模型/视图/存储和控制器

所以基本上我的应用程序入口点是不同的，但所有页面都将使用相同的模型/视图/存储/控制器。 这更像是一个建筑问题

---

希望这有帮助。

OMG，为什么你真的需要转换它们呢？只需使用iframes/ajax请求。为什么不告诉我们你的实际目标，这样我们就可以帮助你避免做一些非常愚蠢的事情呢？