javascript - 在 MVC 框架中呈现 HTML 表格

Question

我一直在使用 Struts2 作为我的 MVC 框架，作为构建基于 J2EE 的 Web 应用程序的一部分。

该应用程序的一部分是显示大小主要为数千行和数十列的报告(HTML 表格)。我已经实现了分页以使报告可读等...

目前报告系统的工作方式如下:整个数据以 OOP 方法准备并放置在 ValueStack 上。相应的JSP会读取valueStack的数据并使用JSTL绘制HTML代码。

我正在修改代码，我想重新审视这个逻辑以符合行业的最佳实践。这里的主要问题是，最佳实践是什么？

渲染和绘制报告需要时间。特别是在基于 IE 的浏览器上，页面将变得无响应，直到显示数据为止(恐怕必须支持 IE8)。那么最好的选择是什么？

是否使用javascript框架(例如jQuery)并将绘图部分移至客户端？我是否知道以某种方式将整个 HTML 代码存储在值堆栈上并一次性显示它？您认为最佳的方式是什么？

Answer 1

何时以及如何使用分页主要是基于用例的，并且应该根据总记录数、每页记录数、单个记录的大小、使用的主要设备对每种情况进行评估生态系统(主要是桌面、移动、混合等)、网络、服务器和数据库功能等等。

但是如果您决定使用分页(如果您有很多记录，这是唯一的选择)，那么唯一的最佳实践是仅加载该请求所需的数据。

如果您想在 10.000 条结果集中查看从 90 到 100 的结果，那么在页面中加载所有 10.000 条记录将是非常糟糕的；在服务器端加载所有 10,000 条记录，然后仅将请求的 10 条传输到客户端也是错误的；过滤必须应用在尽可能最低的级别，通常是数据库。

既然你已经标记了这个Struts2、jQuery和Grid，我强烈建议你看看Struts2-jQuery-Grid-Plugin ，及其 Showcase .

它是新的并且积极维护，只需要在初始学习曲线上付出一点努力。

它是原生 jQueryGrid 的 Struts2 包装器(如果您想自己处理 Javascript，可以使用原始版本)。

jQGrid pagination 上有 200 多个关于 SO 的问题，读得好。