当前位置 : 主页 > 网页制作 > Bootstarp >

关于物理项目的思路:查询管理页表与分页

来源:互联网 收集:自由互联 发布时间:2021-06-12
1、查询列表需要用到分页插件,需要引入mybtais-pageHelper插件和BootstrapTable插件 、 (1)在pom.xml中引入mybatis-pageHelper插件的依赖 (2)项目中添加BootstrapTable的js资源,并在列表页面引入

1、查询列表需要用到分页插件,需要引入mybtais-pageHelper插件和BootstrapTable插件 、

  (1)在pom.xml中引入mybatis-pageHelper插件的依赖

  (2)项目中添加BootstrapTable的js资源,并在列表页面引入

2、页面中写一个div,取一个id,通过此id创建bootstrapTable列表,该方法应该在页面加载完成之后执行,即$(function(){.....})

3、方法内部的关键有属性有:url、queryqueryParams、responseHandler、columns等

  (1)url: 插件内置的ajax请求属性,

  (2)queryqueryParams:用于传递参数到后台,function中的参数,是一个集合,集合中默认带有三个值,

    1)offset每一页最后一个索引、

    2)limit每一页的记录数、

    3)search搜索框的关键字、

    4)传递后台进行分页需要起始数和每一记录数,那么起始数pageStart等于offset/limit+1、

    5) search为关键字,即传回后台为模糊查询的关键字keyword

  (3)responseHandler:用于接收后台传递回来的数据,

    1)后台的mybaits-pageHelper的pageinfo对象会传回list列表结果集,total记录总数。

    2)boostrapTable插件需要的属性是rows和total    所以有  return { rows:lsit   ,   total:total }

   (4) columns:是数据表格,用于放置数据列表的。

     1)设置结果集对应的字段和表头名   field:     title:

     2)设置操作栏熟悉,field,title,formatter(自定义样式):operationFormatter(自定义的方法,另外写一个方法)

     3) operationFormatter(value,row,index)   默认有三个参数,使用row结果集传递ID即可。

网友评论