C# webapi使用layui数据表格显示数据

时间:2024-04-02 21:02:59

一、图一和图二就不用说明了
C# webapi使用layui数据表格显示数据
C# webapi使用layui数据表格显示数据
二、重点是,学习如何从后台传递数据给前台并在前台显示数据
1、了解layui请求方式和参数
首先,layui数据表格默认返回的是Get请求。
其次,如果在html界面中设置了“pge:true”。则,默认从前台传递两个参数【page,limit】
page:当前页数;limit:每页所显示的条数
2、了解layui的数据格式
如下: C# webapi使用layui数据表格显示数据
当然,如果你想要修改layui数据格式你可以改
点我,进入哦
2.1后台传递数据给前台
当然,既然知道了layui的数据格式。就少不了后台数据传递并在前台显示了
如下:
图2.0
C# webapi使用layui数据表格显示数据
图2.1
C# webapi使用layui数据表格显示数据
说明:
①因为layui数据格式是特定的,所以如果在后台不设定特定的Json数据格式。即使没有报错,前台也显示不了数据。
②主要看【图2.1】
在“UI层”,我将“action”的返回类型设定为“HttpResponseMessage”。
并,创建了一个新的类==>“JsonData”

3、注意:
①“field: ‘UId’”,前台的“filed”所定义应的值是后台查询的字段。
也就是说,“field: ‘UId’”中的“filed”值对应数据库中某表的某一个字段名
4、进一步了解layui数据表格
a、后台传递数据是如何运行的呢?【仅仅是指分页加显示数据】
①前台设定“filed”、“url”
②在系统运行的时候,前台会通过“url”找到后台所对应的“action”
③然后,会很自觉的将两个int类型的值传递给后台
④最后,是指定格式的JSON数据返回。但是,返回的时候要附带该数据的总数。以便,在前台分页的时候不至于越界显示数据

以上就是这样了,再见。睡我的美容觉咯
(~o ̄3 ̄)~