javascript - extjs 应用架构

Question

我正在开发一个 extjs 应用程序，我只是一个初学者。

这对我来说是完全不同的开发模式，我感到很困惑。

我的第一个问题是关于客户端架构，我现在正在开发一个小应用程序，所以我把所有的js代码都写在一个html文件中，如果我需要开发一个巨大的应用程序怎么办？ 像这样:[文章管理(树叶)] -> [CURD 列表(数据网格)] -> [编辑文章(对话框)]

我的树上会有很多叶子，所以有很多XXX Manage。

我应该如何管理我的客户端js文件(文件结构或其他)，以及如何动态加载这些文件？有demo吗？

嗯..也许我真正想问的是:

如何将每个模块的代码放入不同的 js 文件并动态“包含”？

---

我找到答案了，就是用容器组件的loader属性，这个方法很适合我。感谢你们所有人。

Answer 1

没有一成不变的模式，但这是一种方法 Write a Big Application in Ext 3.x .

Nicholas Zakas 在 Scalable JavaScript Application Architecture 上的视频是 JavaScript 通用的另一个很好的创意资源。在 YUI 剧院。

在我看来，要做的大事是:

1. 编写不依赖于页面上其他组件的独立组件(例如:UI 容器、数据结构等)。
2. 当您希望两个组件进行交互时，让它们的父容器将它们连接在一起。
3. 拥有某种用于开发的逻辑目录结构(具体是什么无关紧要)，将每个“组件”拆分到自己的文件中——即使您计划将它们组合到一个文件中进行部署。