首页 文章

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

提问于
浏览
0

构建ExtJS 5用于单页面Web应用程序的正确方法是什么 .

  • ExtJS对“ single page web applications(SPA) ”有用吗?我们没有多个标记页面来将不同的JS文件引用到不同的URL . 或者更确切地说, how best we can use ExtJS in SPA?

  • 详细信息:在www.domain / home.html中,我可以参考 tab.js ,它会加载标签布局,然后用户点击“ about us ”链接,这将加载www.domain / about.html,在这里我引用 aboutTree.js 在左侧面板上加载树小部件 . 这看起来很容易 . 我可以创建一个新的JS文件,它将具有完整的 store, model, OnReady() ,如 sencha document examples所示 .

  • How is Sencha ExtJS mainly used by most of its customers? 在他们的应用程序的某些部分只是小部件,或整个应用程序由Sencha ExtJS驱动?

  • Can a full web application be driven by only ExtJS? 我为移动网站尝试了一个示例 Sencha Touch ,可以使用单个网址导航到新网页(例如:Sencha FiddlePractice Site) . 但这对Web应用程序是否可行?是否有任何样本我可以参考如何使用 only Sencha ExtJS 在页面之间导航 .

  • Friendly URLs: 如果我按照这种结构我尝试移动网站“Practice Site”(只处理和主页链接)我网站中的所有页面都将始终有 /mobile.html 网址,我怎么能这样做它可以有友好的网址,如 /about, /contact 等等?

这里有类似的问题ExtJS Architecture for Multi Page Application,但关注的是不同的问题 .

1 回答

  • 2

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

    • 在创建SPA时,您应该考虑通过ajax调用将数据拉入选项卡,如果这不是一个选项,并且您只有静态信息,则可以在面板中预设html . 如果你像第一部分中谈到的那样放弃MVC范式,最好将每个组件构建在一个onReady中 . 如果使用适当的MVC / MVVM范例,您将需要设置仍然在每个组件下的大部分应用程序,例如set store seperatly,模型,并将它们全部调用到主application.js中,并使用您的控制器来管理应用程序的逻辑 . 在这两种情况下,您仍然应该只调用单个索引文件并允许ExtJS管理您的应用程序,而不是拥有多个html页面 .

    • ExtJS几乎完全用于创建由ExtJS在前端完全驱动的完整应用程序 . 该平台具有如此多的功能,如果您选择使用它,没有理由使用它之外的任何东西 .

    • 是的ExtJS可以完全驱动您的应用程序 . 建议虽然有一些支持设置来动态提取数据,否则你只会有一个静态页面 . 以下是ExtJS Extjs 5 Guide Router中路由功能的示例

    • 就像在上一节中一样,路由器将为您的应用程序创建友好的URL . 只需看看路由器 .

    从查看您正在考虑的内容开始,最好不要使用那些多个html页面,并允许ExtJS执行维护和控制整个应用程序的操作 .

相关问题