关于thinkphp5跟layui搭配实现数据表格可拉动效果
这里可以看 https://www.layui.com/demo/table.html
有三种渲染方式:
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数据里面写什么应该清楚吧。。。什么code、msg。上图吧!
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=总结-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
应用了更高逼格的数据表格之后,日常的操作变成了对js的操作。数据表格中的操作(什么删除、查看操作)部分,就是各种监听事件的发生。上图吧,不然抽象。。。
效果就是跟用了刷新一样,可以用来搞状态值的更改。 不说了,给波star和浏览吧!!!