在DOM中爲JavaScript網頁應用程序構造多個頁面

我正在構建一個管理應用程序，用戶必須輸入PIN，將信息與加載的變量進行比較，然後用戶繼續訪問爲其部門指定的特定頁面。從那裏，將會有一棵約有五頁的樹，他們可以干預;都是動態的。在DOM中爲JavaScript網頁應用程序構造多個頁面

我應該如何管理DOM中的多個頁面？

最初，我的想法是基本上創建一個HTML樹，每個部門都有一個DIV，然後樹在該HTML樹的其他頁面中，在需要時用JavaScript編輯動態內容。

我已經做了一些研究，並且遇到了類似模板引擎和使用iframe的解決方案。我希望這是一個結構穩定和穩定的應用程序，所以我不認爲iframes是最好的解決方案。

2012-07-06 Jonathan

你是否願意使用任何框架？他們可能會簡化... – hvgotcodes 2012-07-06 17:34:57

查看jQuery手機：http://jquerymobile.com/ 我曾經創建過一個單頁面應用程序，它包含多個'pages'（部分？），它們是隱藏的div或iframe或ajax然後我創建了一個「manager」對象來記錄頁面的當前狀態，比如哪個部分是活動的，並且包含了改變頁面，動畫等的功能。如果我做了另一個，我想我會使用jQuery Mobile來做到這一點。 PS：jquery mobile通過ajax加載HTML頁面，這就是爲什麼它很有用。你可能不需要那麼多的jQuery手機用戶界面的東西，但如果你有移動usr – Kasapo 2012-07-06 17:35:22

@hvgotcodes jQuery，可能會有用，但我願意接受推薦。 – Jonathan 2012-07-06 17:36:23

你應該遵循你選擇的任何框架的最佳實踐。我建議看看ember.js。在ember（和sproutcore）中定義視圖，可以通過模板或編程方式聲明視圖。因此，您的應用的每個部分都將是一個視圖，並帶有子視圖。燼的好處是：

1）綁定，讓您的意見，以更新時，他們的模型改變
2）狀態圖的機制，使您可以分離關注和處理的應用程序邏輯
3）靈活地查看系統
4 ）的機制，可以做你想做的事情，比如綁定到網址的視圖...

如果我必須在直接js中做，我可能會開發最簡單的視圖系統，爲我的工作需要將視圖的概念從dom的渲染中抽象出來。如果沒有它，我看不到任何方法來保持代碼清潔。

來源

2012-07-06 17:39:46 hvgotcodes

在DOM中爲JavaScript網頁應用程序構造多個頁面

回答

相關問題