SpringMVC+bootstrap table实例详解

前端之家收集整理的这篇文章主要介绍了SpringMVC+bootstrap table实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

bootstrap-table下载地址:

先来看一张效果图:

下载下来后,需要导入的css:由于需要bootstrap的支持,所以需要导入bootstrap的css

需要导入的js:除了bootstrap的js跟table的js外第一个要导入的就是jQuery的js,他们都是基于jQuery开发的

bootstrap-table-zh-CN.js这个js是用来汉化table的提示文字的,在下载下来的bootstrap-table文件夹下的locale文件夹中有很多的语言包支持

完啦,我们只需要在html页面中声明一个table跟菜单div(如果不需要,可以不声明)就好:

table_sysUser就是我们要显示的table列表啦。

我们来看看js怎么来请求后台的数据,并进行分页跟查询:

pageNumber: params.pageNumber,//页码 sortName: params.sort,//排序列名 sortOrder:params.order,//排序方式 searchText:params.search//搜索框参数 }; return temp; }; return oTableInit; };

很多参数在代码注释里面说得很明显啦,我们来说说怎么新增查询参数,我们只需要在queryParams方法里面在新增参数信息就行:

bootstrap-table获取页面上勾选的数据:

bootstrap-table刷新表格:

源码:

原文链接:https://www.f2er.com/springmvc/38882.html

猜你在找的SpringMVC相关文章