代表性的ExtJS應用程序，通常是用Ext.container.Viewport創建的經典的單頁面應用程序。

一個程序由一個或多個視圖（View）組成。視圖的行為表現由它對應的視圖控制器（Ext.app.ViewController）和視圖模型（Ext.app.ViewModel）管理。

全局的活動是由控制器（Ext.app.Controller）來調整的，這個控制器基本上是由如下的類（或其子類）的實例來實例化的。

這個實例化的過程由幾個步驟組成。首先，它創建一個全局變量，叫做“MyApp”-你程序中所有的類（如它的模板，視圖和控制器）將位於此命名空間下。這將會大大降低全局變量命名沖突的可能性。

因為一個Ext.app.Application代表了整個app，我們需要在這裏面設置app的其它部分-也就是跟程序綁定在一起的模型，視圖和控制器。比如說，我們有一個博客管理程序；我們或許還有用來發帖子和評論的模板和控制器，用來列出，添加及編輯帖子和評論的視圖。如下是我們要在Application裏面配置的所有東西。

配置一些控制器，需要被加載的文件 ，Ext.container.Viewport，這個是必須被加載的。

註意，我們並沒有直接在程序裏列出視圖。這是因為視圖是由控制器來管理的，所以保持這種依賴是明智的。程序將根據路徑控制協定加載每個被聲明的控制器，這些協定在程序架構導引中列出-這樣的話，控制器將會位於路徑app/controller/Home.js和app/controller/LanCableCtrl.js下。反過來，每個控制器僅僅只需要列出它使用的視圖，它們便會自動被加載。

將視圖和模型文件列在控制器中，就會被自動加載。

Ext.app.Application