繁体   English   中英

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

Architecture ExtJS 5 for Single page web applications

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

  • ExtJS是否适合“ 单页Web应用程序(SPA) ”? 我们没有多个标记页来将不同的JS文件引用到不同的URL。 或者更确切地说, 如何最好地在SPA中使用ExtJS?
    • 详细信息:在www.domain / home.html中,我可以引用tab.js来加载选项卡布局,然后用户单击“ 关于我们 ”链接,这将加载www.domain / about.html ,在这里我参考aboutTree.js ,它将在左侧面板上加载树小部件。 这看起来很简单。 我可以创建一个新的JS文件,该文件将具有完整的商店模型OnReady() ,如sencha 文档 示例所示。
  • 大多数客户主要如何使用Sencha ExtJS? 作为其应用程序某些部分的窗口小部件,还是整个应用程序由Sencha ExtJS驱动?
  • 完整的Web应用程序可以仅由ExtJS驱动吗? 我尝试了一个用于移动站点的Sencha Touch的示例,该示例可以使用一个URL导航到新页面(示例: Sencha FiddlePractice Site )。 但这对于Web应用程序可能吗? 有没有我可以参考的示例,如何使用Sencha ExtJS在页面之间导航。
  • 友善的网址:如果我遵循此结构,则尝试在移动网站“ 练习网站 ”( 仅处理有关首页链接 )站点中的所有页面都始终使用/mobile.html网址,我将如何做到这一点呢?有友好的网址,例如/about, /contact等?

在这里, 针对多页面应用程序的ExtJS体系结构也存在类似的问题,但关注的是不同的问题。

1 个回复

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

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

从查看您要引用的内容开始,最好摆脱拥有多个html页面并允许ExtJS进行维护和控制整个应用程序的意图。

1 用于多个Web应用程序的Hazelcast体系结构

我在同一个tomcat实例中部署了15个Web应用程序。或多或少的同一个应用程序,但针对不同的会员量身定制。我在两个单独的机器上有2个生产tomcat实例。 无论如何,我想将hazelcast用作群集存储网格。最佳方法是什么? 我不想对等地在每个tomcat上启动15个hazelcast ...

4 具有部分的单页javascript应用程序的体系结构

目前,我有一个简单的单页面应用程序,名为App 。 我正在尝试做的是在网站的“部分”中制作动画,这些动画在加载每个部分时发生,而一组新的动画在导航到新部分时发生(为当前部分卸载动画)。 我的代码如下所示: 当前,应用程序的工作方式是,单击导航按钮,然后通过单击App[sectio ...

5 建议:单页应用程序体系结构问题

我编写了一个Web应用程序(单页应用程序),其中仅涉及前端技术(Vuejs),当我对其进行编译时,它将最终生成Web页面(仅HTML和JS)。 我可以通过打开索引页面在任何地方运行此应用。我正在此SPA上使用由oAuth支持的REST API(直接对REST API端点进行Ajax调用)。 ...

6 单页JavaScript Web应用程序的体系结构?

如何在客户端构建复杂的单页JS Web应用程序? 具体来说,我很好奇如何根据模型对象,UI组件,任何控制器和处理服务器持久性的对象来干净地构建应用程序。 MVC起初似乎很合适。 但是,如果UI组件嵌套在不同的深度(每个组件都有自己的方式对模型数据进行操作/对模型数据作出反应,并且每个生 ...

7 多页Angularjs应用程序体系结构

我有一个在后端使用Spring并在前端使用AngularJS构建的项目。 我有一个导航栏,其内容根据用户的登录状态而变化。 它有四个页面,分别是jsp: 索引页(注销) 关于页面(登录/注销) 联系人页面(已登录/退出 服务页面(已登录/退出 产品页 ...

8 一个几乎完整的基于JavaScript的Web应用程序的体系结构?

我知道MVC在PHP应用程序中广受赞誉,但我不确定它是否适合JavaScript。 如果您有其他想法,请说明如何以及在何处处理常见方案,例如AJAX请求,数据保存(离线存储),演示文稿,如何处理控制器逻辑(是否有前端控制器?)等等。 怎么样模型视图呈现? 我正在使用ExtJS,并且 ...

10 Web应用程序的前端体系结构

我必须编写一个新的Web应用程序,当前正在确定体系结构,我知道我想做几件事: 所有机器必须是对称的,即:商业机器没有自定义构建服务器(aws) 我想要一个与UI分离的ReST API,因为我已经拥有该API的三个客户端:移动应用程序,网站和来自第三家公司的服务器,等待产品构建 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM