SpringBoot 项目中Bootstrap-table 的使用

 1、引入 css 和 js

bootstrap.min.css

jquery-1.12.4.js

bootstrap-table.min.css

/bootstrap-table.min.js

bootstrap-table-zh-CN.min.js

2、加入页面要展示到的 id

 


 

3、初始化

$('#example').bootstrapTable({
    url: '/admin/getlist',
    method: 'post',
    striped: true,
    columns: [
       {
         field: 'index',
         title: '序号',
         formatter:indexFormatter
      },
      {
         field: 'field1',
         title: 'field1 名字'
      }
    ]
});

完整示例代码如下:




  
    后台管理
    
	  
	  

  
  
  

  

注销登陆    

列表

提示:后端返回数据是加上注解 @Responsebody的 List 集合,即 json数组

你可能感兴趣的:(Spring,boot,javaweb)