SpringBoot layui数据表格数据接口的配置

起初我给layui表格的数据接口绑定的是一个json文件,但是这是静态的,如果在运行中创建json文件,表格会找不到相应的json文件。
于是在controller中创建相应该url的方法,返回json数据的方法,从而动态的显示表格信息。

layui数据接口的格式要求:

{
   
  "code": 0,
  "msg": "",
  "count": 1000,
  "data": [{
   }, {
   }]
} 

HTML中的片段代码:

<script type="text/javascript" src="/layui/layui.js"></script>
      <script>
        layui.use('table', function(){
   
          var table = layui.table;

          //第一个实例
          table.render({
   
            elem: '#demo'
            ,height: 600
            ,url: '/paper_info' //数据接口
            ,page: true //开启分页
            ,title: '教师信息'
            ,cols: [[ //表头
              {
   field: '_id', title: 'ID', width:220, sort: true,event: 'clos'}
              ,{
   field: 'index',
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值