layui

该博客主要介绍了layui框架中表格组件的使用,包括分页地址和数据的展示,以及如何实现搜索功能。通过对layui的table模块进行详细讲解,帮助读者掌握在网页中创建高效的数据展示和交互体验。
摘要由CSDN通过智能技术生成

table

分页地址示例

https://www.layui.com/demo/table/user/?page=1&limit=30

分页数据示例

{
   
	"code": 0,
	"msg": "",
	"count": 1000,
	"data": [{
   
		"id": 10000,
		"username": "user-0",
		"sex": "女",
		"city": "城市-0",
		"sign": "签名-0",
		"experience": 255,
		"logins": 24,
		"wealth": 82830700,
		"classify": "作家",
		"score": 57
	}, {
   
		"id": 10001,
		"username": "user-1",
		"sex": "男",
		"city": "城市-1",
		"sign": "签名-1",
		"experience": 884,
		"logins": 58,
		"wealth": 64928690,
		"classify": "词人",
		"score": 27
	}, {
   
		"id": 10002,
		"username": "user-2",
		"sex": "女",
		"city": "城市-2",
		"sign": "签名-2",
		"experience": 650,
		"logins": 77,
		"wealth": 6298078,
		"classify": "酱油",
		"score": 31
	}, {
   
		"id": 10003,
		"username": "user-3",
		"sex": "女",
		"city": "城市-3",
		"sign": "签名-3",
		"experience": 362,
		"logins": 157,
		"wealth": 37117017,
		"classify": "诗人",
		"score": 68
	}, {
   
		"id": 10004,
		"username": "user-4",
		"sex": "男",
		"city": "城市-4",
		"sign": "签名-4",
		"experience": 807,
		"logins": 51,
		"wealth": 76263262,
		"classify": "作家",
		"score": 6
	}, {
   
		"id": 10005,
		"username": "user-5",
		"sex": "女",
		"city": "城市-5",
		"sign": "签名-5",
		"experience": 173,
		"logins": 68,
		"wealth": 60344147,
		"classify": "作家",
		"score": 87
	}, {
   
		"id": 10006,
		"username": "user-6",
		"sex": "女",
		"city": "城市-6",
		"sign": "签名-6",
		"experience": 982,
		"logins": 37,
		"wealth": 57768166,
		"classify": "作家",
		"score": 34
	}, {
   
		"id": 10007,
		"username": "user-7",
		"sex": "男",
		"city": "城市-7",
		"sign": "签名-7",
		"experience": 727,
		"logins": 150,
		"wealth": 82030578,
		"classify": "作家",
		"score": 28
	}, {
   
		"id": 10008,
		"username": "user-8",
		"sex": "男",
		"city": "城市-8",
		"sign"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

永远喜欢薇尔莉特

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值