如何实现Sencha Touch项目的文件夹结构?

时间:2014-12-15 07:47:27

标签: javascript jquery extjs mobile sencha-touch

我正在构建一个Sencha Touch项目。 Sencha Touch命令行允许您创建控制器,视图,模型,商店,但 架构 项目没有标准方法。我想将所有路由放在一个文件中,比如app.routes.js。 用于在一个文件中加载视图的主控制器,比如说 mainController.js ,我想编写代码来加载不同的视图。

此外,我希望将所有模板保存在一个文件中,以便在一个文件中轻松设置UI设计人员,例如 app.templates.html ,以便我可以追加模板文件在加载时记录头使用标准jQuery访问不同的布局和视图。我找到了不同的答案,但没有找到任何相关的答案。

以下是实施路由器的方法 -

Ext.Viewport.setActiveItem({xtype : 'main'});
    break;
    case '#_login':
        Ext.Viewport.setActiveItem({xtype : 'login'});
        break;
    case '#_terms':
        Ext.Viewport.setActiveItem({xtype : 'terms'});
        break;
    case '#_exams':
        Ext.Viewport.setActiveItem({xtype : 'exam'});
        break;
    case '#_enrollments':
        Ext.Viewport.setActiveItem({xtype : 'enroll'});
        break;
    case '#_examdetails':
        Ext.Viewport.setActiveItem({xtype : 'exammaterials'});
        break;
    case '#_enrollmentdetails':
        Ext.Viewport.setActiveItem({xtype : 'enroll'});
        break;
    case '#_mapdetails':
       Ext.Viewport.setActiveItem({xtype : 'mapview'});
        break;

1 个答案:

答案 0 :(得分:3)

如果您在开头使用Sencha Cmd to create the project,则会使用您需要的文件夹结构进行设置。

在终端:

sencha -sdk /path/to/touch-x.x.x generate app MyApp /path/to/www/myapp

您将使用这样的目录结构进行设置......

MyApp/
  |_ app/
  | |_ controller/
  | |_ model/
  | |_ store/
  | |_ view/
  |_ build/
  |_ packages/ ...
  |_ resources/ ...
  |_ touch/ ... <-- this folder is also generated for you.
  |_ app.js
  |_ app.json
  |_ bootstrap.js
  |_ bootstrap.json
  |_ build.xml
  |_ index.html
  |_ packager.json

我不确定是否将模板保存在一个文件中,但我看到有人说他们可以将自己的模板保存在脚本标记的index.html文件中并以某种方式引用它。不确定它是如何工作的。