EasyUI datagrid+SpringMVC+MyBatis实现分页查询

本文介绍了如何结合EasyUI的datagrid、SpringMVC和MyBatis实现前端分页查询的功能。首先,文章提到了需要导入的相关CSS和JS文件,包括easyui的主题和组件。接着,展示了前端页面的HTML结构,以及实现交互的JavaScript代码。在后台,文章详细解释了SpringMVC的Controller和Service实现层的角色,以及Mapper文件的配置。通过这些步骤,成功实现了datagrid的分页功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前面需导入:

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/icon.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/demo/demo.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.3/plugins/jquery.datagrid.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>

注意:之前导入的是jquery-3.2.1.min.js出现datagrid的table中的属性

rownumbers: true,//查询结果在表格中显示行号
显示NaN而不是数字,导入1.8.3就好了。

前端页面:

        <div id="toolbar">
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="add()">添加</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" οnclick="destroy()">删除</a>
	</div>

	<table id="table" cl
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值