ThinkPHP:ThinkPHP5和Layui的碰撞

关于thinkphp5跟layui搭配实现数据表格可拉动效果,有三种渲染方式

1.方法渲染

把需要设置的参数放到js中。
在这里插入图片描述

2.自动渲染

在table中设置好需要渲染的方法。
在这里插入图片描述
而对于具体的数据字段就如下图所示:
在这里插入图片描述

3.转换静态表格

有而对于静态表格和动态之间的转换,个人可以尝试。

常用的(也是比较好的是方法渲染):

对于链接里面的URL直接(控制器/方法),
在这里插入图片描述
对于表格某个字段宽度如果想均匀分配的话,直接把width 去掉。
而对于控制器中的方法怎么写呢?
这里就要看到 layui自己给的limit和page 如图所示:
在这里插入图片描述

  • limit负责每页的数据
  • page负责有多少页

所以控制器这样写(有注释可以搞懂):无非就是以前的paginate()函数,数据的条数被写到了前端中。

$limit=Request::instance()->param('limit');
$page=Request::instance()->param('page');

别忘了use think\Request; !!! 还有最后返回的是json数据格式

return json($data)

而对应的模型是负责返回data的:获得传到的data数据然后到控制器中返回json数据格式。这里就没什么好说的了。不过data的:获得传到的data数据然后到控制器中返回json数据格式。 这里就没什么好说的了。不过data的:获得传到的data数据然后到控制器中返回json数据格式。这里就没什么好说的了。不过data数据里面写什么应该清楚吧。。。什么code、msg。上图吧!
在这里插入图片描述

总结

应用了更高逼格的数据表格之后,日常的操作变成了对js的操作。数据表格中的操作(什么删除、查看操作)部分,就是各种监听事件的发生。上图吧,不然抽象。。。
在这里插入图片描述
效果就是跟用了刷新一样,可以用来搞状态值的更改。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值