用於單頁Web應用程序的體系結構ExtJS 5

Question

適用於單頁Web應用程序的Architecture ExtJS 5的正確方法是什么。

• ExtJS是否適合“ 單頁Web應用程序（SPA） ”？ 我們沒有多個標記頁來將不同的JS文件引用到不同的URL。 或者更確切地說， 如何最好地在SPA中使用ExtJS？
  • 詳細信息：在www.domain / home.html中，我可以引用tab.js來加載選項卡布局，然后用戶單擊“ 關於我們 ”鏈接，這將加載www.domain / about.html ，在這里我參考aboutTree.js ，它將在左側面板上加載樹小部件。 這看起來很簡單。 我可以創建一個新的JS文件，該文件將具有完整的商店模型OnReady（） ，如sencha 文檔 示例所示。
• 大多數客戶主要如何使用Sencha ExtJS？ 作為其應用程序某些部分的窗口小部件，還是整個應用程序由Sencha ExtJS驅動？
• 完整的Web應用程序可以僅由ExtJS驅動嗎？ 我嘗試了一個用於移動站點的Sencha Touch的示例，該示例可以使用一個URL導航到新頁面（示例： Sencha Fiddle或Practice Site ）。 但這對於Web應用程序可能嗎？ 有沒有我可以參考的示例，如何僅使用Sencha ExtJS在頁面之間導航。
• 友善的網址：如果我遵循此結構，則嘗試在移動網站“ 練習網站 ”（ 僅處理有關首頁鏈接 ）站點中的所有頁面都始終使用/mobile.html網址，我將如何做到這一點呢？有友好的網址，例如/about, /contact等？

在這里， 針對多頁面應用程序的ExtJS體系結構也存在類似的問題，但關注的是不同的問題。

Answer 1

ExtJS對於單頁應用程序來說是驚人的。 這將是更好的用途之一。 我會按順序回答。

1. 在創建SPA時，您應該考慮通過ajax調用將數據拉入選項卡，如果這不是一種選擇，並且您只有靜態信息，則可以在面板中預置該html。 如果像在第一部分中討論的那樣放棄MVC范例，最好將每個組件構建在一個onReady中。 如果使用正確的MVC / MVVM范例，您將希望將大多數應用程序仍然設置在每個組件（例如set存儲）下，分別建模，分別建模並全部調用到主application.js中，並使用控制器來管理應用程序的邏輯。 在這兩種情況下，您仍應僅調用單個索引文件並允許ExtJS管理您的應用程序，而不要具有多個html頁面。
2. ExtJS幾乎完全用於創建由ExtJS在前端完全驅動的完整應用程序。 該平台具有眾多功能，因此，如果您選擇使用它，則沒有理由在其之外使用任何東西。
3. 是的，ExtJS可以完全驅動您的應用程序。 盡管建議您設置一些備份以動態導入數據，但是否則您將只有一個靜態頁面。 這是ExtJS Extjs 5 Guide Router中的路由功能示例
4. 就像在上一節中一樣，路由器將為您的應用程序創建友好的URL。 看看路由器。

從查看您要引用的內容開始，最好擺脫擁有多個html頁面並允許ExtJS進行維護和控制整個應用程序的意圖。