Sencha extjs 5 一个文件项目不是 MVC答案

【问题标题】：Sencha extjs 5 one file project NOT MVCSencha extjs 5 一个文件项目不是 MVC
【发布时间】：2014-08-19 13:30:40
【问题描述】：

我是 Sencha extjs 框架的新手，我从文档中的文件开始，到目前为止我做了很多事情，但在一个 javascript 文件中。然后我注意到我应该使用 Sencha cmd 为较小的框架创建新项目。我无法将我的代码复制到新生成的项目中。该项目以 MVC 风格生成，我的代码都在一个文件中，结构随意。

我应该把我的代码放在哪里？在使用新生成的项目之前，index.html 具有对 ext-all.js、theme.css 和 app.js 文件的引用。但是生成的项目 index.html 在 bootstrap.js 上只有一个参考。这个文件是干什么用的？应用程序从哪里开始滚动？我在 [app] 文件夹中找到了一个名为 Application.js 的文件。并且有一个名为 app.js 的文件包含 Ext.Application 方法。我试图在那里放一个午餐函数并将我所有的代码放在它上面，然后在午餐时启动它，但是我遇到了太多错误！

请帮忙。

【问题讨论】：

标签： javascript extjs sencha-cmd extjs5

【解决方案1】：

自 ExtJS 5.0.x 升级以来，对由 sencha cmd 构建的应用程序的文件/文件夹结构进行了一些更新。我建议您查看以下链接，了解有关 Sencha Cmd 如何打包应用程序和文件信息的更多信息：

Using Sencha Cmd with ExtJS

支持 MVVM 架构，每个视图与关联的 ViewModel 和 ViewController 一起位于自己的文件夹中。 app.json 文件包含所有应用配置信息。 app.js 扩展了您的 Application.js 文件，以使多个应用程序可以轻松地从您的应用程序扩展。 Application.js 包含应用程序中对所有应用程序范围的控制器、模型和视图的所有引用，以及启动应用程序的启动函数。尝试在此处添加您的代码，看看它作为单个文件应用程序是如何工作的。

【讨论】：

【解决方案2】：

如果您想要一个真正的应用程序，那么最好的方法是使用 Cmd 生成一个示例应用程序，就像您已经做过的那样，然后根据您的需要对其进行修改。

这将涉及将您的逻辑从一个文件逐个移动到 MVC 文件夹结构中的适当文件，经常测试它是否正常工作。

如果您只想继续处理一个文件（不推荐），请阅读以下内容：Single File ExtJS 5 Application w/o Sencha Cmd

【讨论】：