天天看點

愛上MVC3~MVC+ZTree大資料異步樹加載

MVC+ZTree:指在.net MVC環境下進行開發,ZTree是一個jquery的樹插件

大資料:一般我們系統中,有一些表結構屬于樹型的,如分類,地域,菜單,網站導航等等,而像分類這種表,它的資料量是遞增的,不同遇見的,可能幾條,幾萬條,而随着站點的營運,也可能達到幾十萬條,如果這樣的大資料,采用一次讀資料到頁面的方式,是不可取的,先不說給伺服器的壓力有多大,隻是用戶端的浏覽器估計就要挂掉,誰願意加載一個頁面等上10多分鐘呀,呵呵!

異步加載:這種方式已經成為主流,異步事實上是指與目前UI線程不沖突,浏覽器不會假死,你的擷取資料的動作會重新開啟一個通道(線程)來與伺服器進行通信,而且,這種方式一般是按需去取,ZTree很好的支援了這種方式。

首先是為ZTree提供的資料規範,定義一個标準的接口,這樣對于前台調用是清楚的,簡單的,因為它傳回的JSON資料将與ZTree預設的資料元素保持一緻

其次是MVC這邊,會前台頁面提供一個GET請求的方法,用來根據父ID,得到它的一級子節點清單

下面是JSON的功能類,網上有很多

OK,現在我們回到前台,看一下前台頁面是如何與背景方法進行通訊的

 下面是HTML代碼

好了,我們運作程式,效果就出來了,呵呵!

經讀者提意,放了一個效果圖:

愛上MVC3~MVC+ZTree大資料異步樹加載

繼續閱讀