2015-09-05 38 views
0

好吧,我之前問過這個,投了票,每個人都告訴我分頁。但現在,我知道這個問題。有多少「行數據」對於html表「太多」了

我有一個項目,有大約500行的數據和使用DataTables。它在開始時滯後,但搜索速度超快。它甚至比服務器端處理更快。

另一個項目有20,000行數據,它使我的客戶端計算機每次都掛起來呈現它。

爲什麼不在服務器上分頁?那麼,因爲它更難。發送到客戶端的數據已經過濾。使用複雜的邏輯如

where columnA = 1 and columnB = 2 or ColumnC = 3. 

而我們正在使用ORM。所以我們在試圖用「和」和「或」來組合「哪裏」時遇到了一些障礙。如果我們發送搜索查詢,我們將更復雜的

columnD like "%asd%" or columnE like "%asd%" and columnF like "%asd" 

添加到查詢。由於服務器的邏輯條件過多,很難做到這一點。

我認爲服務器和客戶端之間的責任分離是實現這種發展的最好方式。這就像服務器說客戶端

好吧,我過濾了「columnA」,「columnB」和「columnC」。現在,如果您想在「columnD」,「columnE」和「columnF」中進行搜索,請自己動手。

所以請原諒我,如果我太愚蠢,要求你的經驗有多少,你想太多了HTML錶行(或者用一個插件或沒有)。

+0

你的問題有什麼意義?你想知道的限制是什麼?假設每個人都告訴你最大可容忍的行數是1000.你會用這個數字做什麼? –

+0

我問過這個問題是因爲我擔心我現在開發的Web應用程序的性能。如果他們說1000是可以容忍的數字,我會說,當它達到800行數據左右時,我們會再次討論它。 – egon12

回答

1

經過研究網絡,我得到了一些插件提供的數字。

角UI格聲稱,它可以執行與大型數據集稱之爲10,000行

http://ui-grid.info/

數據表以表格形式要求約5000行50000從阿賈克斯採購服務器端只在需要的時候,我們要處理超過一百萬行。

http://datatables.net/faqs/#General-initialisation

我曾與在JSON更多的2.4MB數據D3 JS的實驗。它擁有2萬多個非結構化數據。所以當表現也許有一些結論。

我覺得在html表格中有1000行並不是那麼多。瀏覽器最初可能會讓它變得慢點起來。請記住,它願意做一些客戶分頁處理。由於瀏覽器不能渲染它,人類無法真正消費它。

它也更好地分離您的數據和您的演示文稿。你不必做一些服務器處理。數據太小時它會提出更多請求。而更多的請求在您的瀏覽器中更滯後。使用源數據並將其保存在內存中,您的瀏覽器不會快速渲染,但可以在內存中快速搜索。

+1

是的,我開發了1000行,25列以上的JSP網頁(大約10年前),並且呈現得非常好(純HTML渲染,沒有JavaScript)。最重要的是你自己說過:一排排休閒的人物不會被人讀懂。但最後,你最好通過音量測試來測試你的網頁的性能。 –