2010-11-03 54 views
0

你如何去設計/構造完全ajaxed MVCish風格的網站?我想最讓我困惑的是,只有一種觀點適應和改變用戶的行爲...簡單的ajax mvc類型結構

我正在尋找一個非常簡單的應用程序,在這種風格的前端和後端。

+0

只有一個視圖?我認爲這是一個危險的路線,你正在採取(沒有MVC雙關語意圖) – dotariel 2010-11-03 18:16:02

+0

我想我的意思是一個容器視圖,其他意見加載到其中 – davivid 2010-11-03 19:27:19

回答

1

是的,你會建立一個「前端控制器」的種類,將路線的意見(將有多個)的頁面呈現在div中。我的公司用它的兩個應用程序來做到這一點,它閃電般快速,是一個簡單的應用程序的好方法...用戶喜歡它。成功的關鍵是一個制定良好的佈局,具有明確定義的div來接收內容。由於您需要反覆編寫和重新寫入,因此您必須提前確保能夠處理各種大小和數量的數據,因爲您無法在整個容器上實現每頁佈局....除了事後的黑客(只是說不!)

做你會與控制器和模型和視圖(前端視圖代碼)在某些情況下,我們的代碼將使用中間頁(我們稱之爲mid-model)以JSON字符串格式生成Jquery數據。在這種情況下,它不是一個模型,因爲它需要像模型一樣的動作,但根據Jquery元素的需要,有時候返回的不僅僅是JSON。

該系統的一個有趣的分支是使用名爲XAJAX的程序。這是一個PHP庫,可以方便地將AJAX調用到PHP函數中,所以它不需要像Jquery一樣使用中間JSON生成頁面。對於那些瞭解PHP但對Javascript感到困難的人來說,這可能是一個更容易理解的解決方案。雖然文檔沒有被證明非常強大,但它是一個非常強大的工具。

+0

非常感謝您的意見,它真的幫助我考慮這一點。你的應用是公開的嗎?如果願意的話可以看到他們在行動...... XAJAX看起來很有趣,儘管我對PHP很陌生,並且更習慣於JS。 – davivid 2010-11-03 20:17:25

+0

廣泛使用XAJAX和這種方法的應用程序都受到保護(它們爲銀行的CRM和幾家大公司的營銷系統提供支持),但是您可以在網站上看到我爲攝影師朋友所做的基本操作,網址爲:http://www.cakesandkisses .com/gallery_detail.php?id = 843#讓我限定我沒有在該網站上做UI,但是當您點擊右下方的圖標並且它正在使用時,我確實構建了翻轉照片的代碼這個方法和XAJAX具體有關。 – bpeterson76 2010-11-03 20:48:59

0

我會像往常一樣執行所有視圖(除了它們只會插入到頁面中的HTML片段),然後通過Ajax加載一個額外的「特殊」控制器和視圖來加載視圖。當點擊一個鏈接或類似的東西時,JavaScript會向您想要加載的視圖的特殊控制器發出一個Ajax請求。特殊控制器然後渲染視圖並將其發回以插入到頁面中。