Layui插件的运用与常见问题

Layui插件的运用与常见问题

layui插件类似于bootstrap插件它也是封装的脚本语言
它具有的功能也十分强大我们常常运用layui的table和layer
table是一个数据表格可以用来进行数据的绑定显示
layer是带有表情包和图标提示框我经常运用它来进行提示
它们都是封装好的功能,使用它们只需给他们设置相应的配置项就行
对经常使用使用数据表格和提示框的人来说layui插件是个不错的选择
当然在刚开始使用layui的数据表格和提示框的时也会出现许多常见问题
下面我就讲一下我遇到的问题和解决方法吧
问题一:要怎么才能把数据库的数据进行数据表格的绑定呢?
我们对表格进行数据绑定必需要进行数据分页
首先我们得创建两个类一个类是用来进行数据分页的一个是用来进行接收分页后的数据
如下两图就是创建的类
Layui插件的运用与常见问题
数据分页
Layui插件的运用与常见问题
数据接收
这两个类里面创建的基本都是要用到的字段
而接收数据类里的code字段更是必需要存在的他是用来确保数据规范的
没有这个字段就会出错无法绑定上数据
问题二:如下图是没有code字段的效果图
Layui插件的运用与常见问题
可以看到无法绑定上数据
再来看一下有code的效果图
如下图
Layui插件的运用与常见问题
可以看到已经绑定上数据了
所以创建类时千万别忘了创建code这个字段
还有就是进行分页和接收数据的代码了
下图就是分页
Layui插件的运用与常见问题
图中的content就是你要分页的数据
下图是接收分页后数据的代码图
Layui插件的运用与常见问题