如何實現Sencha Touch項目的文件夾結構？

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創建項目 ，則將使用所需的文件夾結構進行設置。

在終端中：

sencha -sdk /path/to/touch-xxx 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

我不確定要將模板保存在一個文件中，但是我看到有人說他們可以將模板保存在script標簽中的index.html文件中，並以某種方式引用它。 不確定如何工作。