extjs 应用架构

Question

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

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

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

我的树会有很多叶子，所以有很多 XXX 管理。

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

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

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

---

我已经有了答案，只要使用容器组件的 loader 属性，这个方法很适合我。谢谢大家。

Answer 1

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

另一个适用于 JavaScript 的优秀创意资源是 Nicholas Zakas 在 YUI 剧院Scalable JavaScript Application Architecture 上的视频。

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

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

Answer 2

不确定我是否正确理解了您的问题，但我会尽力回答。对于更大的应用程序，请使用MVC pattern，它允许您将应用程序拆分为存储、控制器、视图等组件。然后您可以轻松地以 JSON 格式从服务器发送数据（使用服务器端技术 - php、java、.. .) 并通过Stores proxy 阅读。如果您查看Samples & Demos，他们还会使用返回 JSON 的 php 脚本加载一些更大的结构。