Struts2.1.6+jQuery Flexigrid 实现JSON分页与Ajax交互

本文档主要介绍了如何在Struts2.1.6框架下结合Spring、Hibernate、jQuery、Flexigrid、Thickbox和MySQL技术实现动态数据分页显示。以下是详细步骤和关键知识点： 1. **技术栈组合**: - Struts2.1.6: 作为Web MVC框架，用于处理用户请求并转发到相应的Action进行业务逻辑处理。 - Spring: 提供依赖注入和管理，简化组件之间的交互。 - Hibernate: 数据持久化层，用于与MySQL数据库进行数据CRUD操作。 - jQuery: JavaScript库，用于客户端的轻量级交互和DOM操作。 - Flexigrid: 一款流行的前端表格插件，支持排序、分页和自定义列。 - Thickbox: 一个用于弹出窗口显示内容的JavaScript插件。 - MySQL: 数据存储系统，提供数据库服务。 2. **核心资源文件**: - jQuery.js: 基础的JavaScript库，为其他脚本提供基础功能。 - flexigrid.js: Flexigrid的核心文件，负责表格的渲染和交互。 - query.js: 自定义文件，可能包含对查询条件的处理和API调用。 - thickbox.js: 实现了弹出窗口的效果。 - util.js: 扩展Flexigrid功能的辅助文件，例如提供了getQuery属性用于条件查询。 3. **Struts2配置**: - 在web.xml中配置Struts2的标签库，指定struts2-core-2.1.6.jar的位置，确保版本兼容性。 - 如果使用较旧版本（如2.0.14），可能出现错误，因为不同版本的Struts2可能存在不兼容问题。 4. **JSP页面结构**: - 引入所需的JS库文件和自定义的test.js，然后在HTML结构中定义一个id为"grid"的表格元素，这是Flexigrid将被绑定的目标。 5. **动态数据加载**: - 在jQuery的$(document).ready回调函数中，初始化Flexigrid实例，通过"dataType: 'json'"参数指定从服务器获取JSON格式的数据。 - "url"属性设置为Action的URL（如'getPaginationAction.action'），此Action应由Struts2处理并返回分页后的数据。 6. **列模型配置**: - 定义了Flexigrid的列模型，包括列的名称、显示内容、宽度、排序性和对齐方式等属性。 本文主要介绍了如何在Struts2.1.6环境中利用这些技术来实现一个响应式的表格展示，通过Ajax与后台交互获取数据，并使用Flexigrid提供的功能进行动态分页和数据展示。同时，注意版本兼容性以及前端与后端的配合，以确保项目的顺利运行。