用于单页 Web 应用程序的架构 ExtJS 5

Question

单页 Web 应用程序的 Architecture ExtJS 5 的正确方法是什么。

• ExtJS 适合“单页 Web 应用程序 (SPA)”吗？我们没有多个标记页面来将不同的 JS 文件引用到不同的 urls。或者更确切地说，我们如何最好地在 SPA 中使用 ExtJS？
  • 详细说明：在 www.domain/home.html 我可以参考 tab.js 将加载选项卡布局，然后用户单击在“about us”link 上，将在此处加载 www.domain/about.html我引用 aboutTree.js 将在左侧面板上加载树小部件。这看起来很容易。我可以创建一个新的 JS 文件，它将具有完整的 store、模型、OnReady()，如 sencha 文档 examples 中所示。
• Sencha ExtJS 主要是如何被其大多数客户使用的？ 作为他们应用程序某些部分的小部件，或者整个应用程序由 Sencha ExtJS 驱动？
• 完整的 Web 应用程序可以仅由 ExtJS 驱动吗？ 我尝试了一个用于 Sencha Touch 的移动站点示例，它可以使用单个 Url 导航到新页面（示例：Sencha Fiddle or Practice Site）。但这对于 Web 应用程序可能吗？有没有我可以参考如何使用 only Sencha ExtJS.
在页面之间导航的示例
• 友好 URL： 如果我遵循这个结构，我尝试了移动网站“Practice Site”（只有关于和家 link s 已被处理) 我站点中的所有页面将始终具有 /mobile.html url，我将如何使其具有友好的 urls，例如 /about, /contact 等等？

这里有关于 SO 的类似问题 ExtJS Architecture for Multi Page Application，但侧重于不同的问题。

Answer 1

ExtJS 对于单页应用程序来说非常棒。这将是它更好的用途之一。我会按顺序回答。

1. 在创建 SPA 时，您应该考虑通过 ajax 调用将数据拉入您的选项卡，如果这不是一个选项并且您只有静态信息，您可以拥有 html在面板中预设。如果您像第一部分中所说的那样放弃 MVC 范例，最好将每个组件构建在一个 onReady 中。如果使用正确的 MVC/MVVM 范例，您将希望在每个组件下设置大部分应用程序，例如单独设置存储、单独建模并将它们全部调用到主 application.js 并使用您的控制器来管理您的应用程序的逻辑。在这两种情况下，您仍然应该只调用一个索引文件并允许 ExtJS 管理您的应用程序，而不是拥有多个 html 页面。
2. ExtJS 几乎完全用于创建完全由 ExtJS 在前端驱动的完整应用程序。该平台具有如此多的功能，如果您选择使用它，则没有理由使用它以外的任何东西。
3. 是的，ExtJS 可以完全驱动您的应用程序。尽管建议设置一些备份设置以动态提取数据，否则您将只有一个静态页面。这是 ExtJS 中路由功能的示例 Extjs 5 Guide Router
4. 就像在上一节中一样，路由器将为您的应用程序创建友好的 url。只是看看路由器。

从查看您要引用的内容来看，最好摆脱那些多个 html 页面，并允许 ExtJS 执行维护和控制整个应用程序的目的。