Question

我正在构建一个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;

Answer 1

如果您在开头使用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文件中并以某种方式引用它。不确定它是如何工作的。

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

1 个答案: