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

Sencha extjs 5 one file project NOT MVC

本文关键字：项目文件 MVC 一个 extjs Sencha 更新时间：2023-09-26

我是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方法。我试着在那里放一个午餐函数，把我所有的代码放在它上面，然后在午餐中启动它，但是我遇到了太多的错误!

请帮忙

从ExtJS 5.0开始。X已经升级，sencha cmd构建的应用程序的文件/文件夹结构有一些更新。我建议您查看以下链接，了解更多关于Sencha Cmd如何打包应用程序和有关文件的信息:

在ExtJS中使用Sencha Cmd

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

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

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

如果您只想继续使用一个文件(不推荐)，那么请阅读此:Single file ExtJS 5 Application w/o Sencha Cmd