用于单页web应用程序的体系结构ExtJS 5

Question

对于单页面web应用程序来说，什么是正确的架构ExtJS 5的方法？

• ExtJS适合“单页web应用程序(SPA)”吗？在这里，我们没有多个标记页来将不同的JS文件引用到不同的urls。或者更确切地说，我们如何最好地在SPA? 中使用ExtJS
  • 详细内容:在www.Domain/ here .here中，我可以引用tab.js，它将加载一个选项卡布局，然后用户单击"about us“链接，该链接将加载一个www.domain.html，这里我指的是将在左侧面板上加载树小部件的aboutTree.js。这看起来很简单。我可以创建一个新的JS文件，它将有一个完整的存储、模型、OnReady()，如sencha document 示例所示。

​

• ExtJS主要是如何被大多数客户使用的？只是他们应用程序某些部分的小部件，或者整个应用程序是由Sencha ExtJS驱动的？
• 可以只由ExtJS?驱动一个完整的web应用程序--我尝试了一个用于移动站点的Sencha Touch的示例，该示例可以使用单个Url导航到新页面(例如：番泻叶或实习场地)。但是对于Web应用程序来说，这是可能的吗？有什么示例可以参考如何使用仅使用Sencha ExtJS在页面之间导航。
• 友好url:如果我遵循这样的结构，我尝试为移动站点"实习场地“(只有关于和主页链接被处理)，我的站点中的所有页面都会有/mobile.html url，我如何使它能够有友好的url，比如/about, /contact等等？

在这里，多页面应用的ExtJS体系结构也有类似的问题，但是关注不同的关注点。

Answer 1

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

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

从您的评论来看，最好不要使用那些多个html页面，并允许ExtJS做它想要做的事情，维护和控制整个应用程序。