Thinkphp+layui数据表格实现表格分页

项目场景:Thinkphp+layui数据表格实现表格分页

提示:thinkphp+layui数据表格分页,需要服务器端配合。之前在百度上一通乱搜也没找到解决方案。
在这里插入图片描述

问题描述

提示:这里描述项目中遇到的问题:

之前一看layui的文档一只以为在page里面设置参数就可以,其中limit的值是每页显示多少条,limits是的值是下拉框选择每页显示条数,例如显示20 50 100等等。经过反复设置,表格依然是读取了所有数据。

     ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
        //,curr: 5 //设定初始在第 5 页
        ,limit:20 //一页显示多少条
        ,limits:[20,50,100]//每页条数的选择项
        ,groups: 5 //只显示 2 个连续页码
        ,first: "首页" //不显示首页
        ,last: "尾页" //不显示尾页
      }

解决方案:

提示:在后台分页,利用 parseData 回调函数读取数据

在后台分页后,发现layui不能正确读取数据,获得的数据如下:

后端分页代码

	public function pgdata()
	{
		$database = new pingguModel();
		$data = $database->paginate(10);//Thinkphp分页函数,每页10条数据
		$count = count($data);
		$list["msg"] = "";
		$list["code"] = 0;
		$list["count"] = $count;
		$list["data"] = $data;
		return json($list);//返回json
	}

json数据

{"msg":"","code":0,"count":10,"data":{"total":401,"per_page":10,"current_page":1,"last_page":41,"data":
[{"id":1,"run_id":8130,"run_name":"详细信息显示项目-","begin_user":"181","begin_time":"2019-09-18 
10:49:18","flow_auto_num":0,"flow_auto_num_year":0,"flow_auto_num_month":0,"data_m6969":"《2019年
详细信息显示项目-","data_m6970":"","data_m6971":"","data_m6972":"崔晶红,","data_m6974":"ZX-2019-
FP-ZC-027","data_m6975":"","data_m6977":"","data_m6978":null,"data_m6979":"详细信息显示项目-
",,"data_m6982":"","data_m6983":"已登
记","data_m6984":"曹艺伦","data_m6985":"合同","data_m6986":"ZX-2019-FP-ZC-

阅读数据后发现,返回的是个多维数组,layui表格中的data参数对应的键值就不对了,所以获取不到数据。于是调整如下:
后端分页代码无需调整
调整layui的js部分,增加如下代码,读取多维数组数据,回头刷新吧,分页了。

      ,parseData: function(res) { //res 即为原始返回的数据
        return {
          "code": res.code, //解析接口状态
          "msg": res.message, //解析提示文本
          "count": res.data.total, //解析数据长度
          "data": res.data.data //解析数据列表
        }
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui是一个前端UI框架,它能够帮助我们更快速、更简单地构建美观、实用的Web界面。而ThinkPHP是一个PHP开发框架,它能够帮助我们更高效、更简洁地开发PHP应用程序。 要实现LayuiThinkPHP6的后台登录功能,可以按照以下几个步骤进行: 1. 配置Layui的登录页面:在HTML中引入Layui的相关资源文件,包括CSS和JS,并设置一个表单,用于用户输入账号和密码等信息。 2. 创建登录接口:在ThinkPHP6的项目中创建一个用于登录验证的接口,通常是一个处理登录请求的方法。在这个方法中,需要获取用户输入的账号和密码,并与数据库中存储的账号密码进行比对。 3. 使用验证码:为了增加登录安全性,可以在登录页面中添加验证码功能。可以使用Layui的扩展组件laycode,结合后台开发语言生成验证码的图片。在提交登录请求时,需要对用户输入的验证码和生成的验证码进行比对。 4. 实现验证码刷新:当用户觉得当前验证码难以辨认时,可以提供一个刷新按钮,用户可以点击该按钮刷新验证码。刷新验证码实际上是重新生成一张验证码图片,并替换到当前验证码图片的地方。 以上就是在LayuiThinkPHP6中实现后台登录以及验证码刷新的大致步骤。当然,具体实现还需要结合具体的代码和业务逻辑进行调整。希望这些信息能够对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值