thinkphp5和layui的碰撞

关于thinkphp5跟layui搭配实现数据表格可拉动效果

这里可以看 https://www.layui.com/demo/table.html

有三种渲染方式:

1方法渲染:就是把需要设置的参数放到js中。如图:

thinkphp5和layui的碰撞_第1张图片

2自动渲染:就是在table中设置好需要渲染的方法。如图:

而对于具体的数据字段就如下图所示:

 

3 转换静态表格

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

---------------------------------------------------------------------------------------------------------------------------------------------------------------

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

对于链接里面的URL直接(控制器/方法),

thinkphp5和layui的碰撞_第2张图片

对于表格某个字段宽度如果想均匀分配的话,直接把width 去掉。

而对于控制器中的方法怎么写呢?

这里就要看到 layui自己给的limitpage 如图所示:

thinkphp5和layui的碰撞_第3张图片

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

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

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

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

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

 

而对应的模型是负责返回$data的:获得传到的data数据然后到控制器中返回json数据格式。

这里就没什么好说的了。不过$data数据里面写什么应该清楚吧。。。什么code、msg。上图吧!

thinkphp5和layui的碰撞_第4张图片

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=总结-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

 应用了更高逼格的数据表格之后,日常的操作变成了对js的操作。数据表格中的操作(什么删除、查看操作)部分,就是各种监听事件的发生。上图吧,不然抽象。。。

thinkphp5和layui的碰撞_第5张图片

效果就是跟用了刷新一样,可以用来搞状态值的更改。 不说了,给波star和浏览吧!!!

你可能感兴趣的:(php)