layui数据表格的数据导入

毕业设计的后台的PC端管理界面是用layui框架搭的，在其中的内联框架中包含了一些数据表格，开始完全不懂该怎么导入数据，后来问了老师，老师跟我讲了才知道。我的毕业设计是用php做的后台，下面就是导入的方式：

框架：layui

环境：win10 + sublime + wampserver

下图是layui的数据表格形式：

首先调处开发者工具，并过滤不需要的信息，查看数据传输格式：

选择上图下面的红色箭头指的文件，就可以查看数据传送到layui框架的数据格式了。

可以看到数据在传送过去的时候加了code、msg、count三个字段，那么在把数据转化为json格式之后还要添加这三个字段layui的这个数据表格框架才会接受我们传输的数据。

下面是我的php代码：

<?phpheader("Content-type:text/html;charset=utf-8");$conn = mysql_connect("localhost","root","");mysql_select_db("test", $conn);mysql_query("SET NAMES utf8");$sql = "select * from athlete";$count = "select * from athlete";$check_quary = mysql_query($sql);$result = mysql_query($count);$num = mysql_num_rows($result);$jarr = array();while($rows=mysql_fetch_assoc($check_quary)){$count=count($rows);//不能在循环语句中，由于每次删除 row数组长度都减小  for($i=0;$i<$count;$i++){  unset($rows[$i]);//删除冗余数据  }array_push($jarr,$rows);}$jobj = new stdclass();foreach($jarr as $key => $value) {$jobj->$key = $value;}// print_r($jobj);$json = json_encode($jobj);$temp=array();$temp['code']=0;$temp['msg']='';$temp['count']= $num;$temp['data']=$jobj;$fina = json_encode($temp);echo $fina;return $fina;
?>

其中$jobj就是从数据库中查出来的数据并转化为json格式，最后赋给$temp的data，在$temp添加layui要求的三个字段之后就可以传输到layui并且显示出来了。

下面是数据库和显示的实例：

这是athlete的数据表

经过php查询以及格式转化后传送到layui的数据表格框架显示为

以上就是关于数据传输到layui数据表格的内容

layui数据表格的数据导入相关推荐

PHP数据layui表格,基于layui和thinkphp数据表格的数据接口,layui表格局部刷新
基于layui和thinkphp数据表格的数据接口基于获得和框架数据表格的数据接口,接口程序部分,来源于网络图,但很有用前端URL : '/管理员.PHP/文章/列表' 后端公共e函数列表(){ ...
php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码
一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等查看详情 {{# if (d.hotcake === '超级爆款') ...
layui table数据表格中数据返回成功，但页面不显示数据内容问题
layui table数据表格中数据返回成功,但页面不显示数据内容问题. 这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考! 一般导 ...
datagrid数据表格当数据为0的时候页面不显示数据
如下图: datagrid数据表格当数据为0的时候页面不显示数据,为空的表格数据全是0,但是页面无法显示传递的json数据也是没问题的: 所以实在想不通,为什么easyUI datagrid 不显示 ...
layui数据表格循环数据给特殊行变颜色遇到的bug
数据表格加载玩数据后,进行颜色区分,然后再进行排序,发现颜色变化有bug 原因: //其中res.data数据并没有变化,只是渲染数据顺序发生了变化,这时候,如此循环便会出现问题 $.each(res ...
datatables数据表格的数据csv本地导出
最近公司做datatables的数据导出功能,由于datatables自带的flash导出和html5的button导出的csv文件,用excel2007会出现中文乱码问题,所以自己针对原来的导出功能 ...
layui清空表单数据_Layui表格初始化
然后加载和初始化layui的table模块,elem指定原始表格元素选择器(推荐id选择器),url是连接的数据接口. cols是表头的内容,field设定字段名,是表格数据列的唯一标识,字段名要和数 ...
layui使用表格数据，json嵌套数据解决
layui使用表格数据,json嵌套数据解决 layui使用数据表格 json数据输出出现的问题 layui,返回的数据不符合规范,正确的成功状态码 (code) 应为:0 在数据嵌套时的使用 la ...
LayUi数据表格数据太多导致下拉框卡顿问题
LayUi数据表格数据太多导致下拉框卡顿问题 layui数据表格(详见官网) 根据官网示例做出数据表格示例根据官网表格展示在layui官网数据表格示例中 https://www.layui.c ...

layui数据表格的数据导入

layui数据表格的数据导入相关推荐

最新文章

热门文章