Layui数据表格之监听单元格

关于Layui数据表格监听单元格使用的小结

Layui数据表格监听单元格使用

优秀的前端框架有很多，当然Layui也是其中之一。相对于其他前端框架如Bootstrap、妹子UI、Vue，个人觉得Layui的样式更加小清新，但使用难度似乎比Bootstrap稍难理解一点。
今天看到lLayui数据表格中比较有趣的一项——“开启单元格编辑”，做了今天的小结。废话不多说，切入正题！

效果：

Layui数据表格需要的数据格式

我们看他的演示，发现他需要的是一个Json格式的数据：
{
“code”: 0,
“msg”: “”,
“count”: 29,
“data”: []
}
设计数据库表格：

DROP TABLE IF EXISTS `layui_test`;
CREATE TABLE `layui_test` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(30) DEFAULT NULL,
  `sex` varchar(2) DEFAULT NULL,
  `city` varchar(255) DEFAULT NULL,
  `sign` varchar(255) DEFAULT NULL,
  `experience` varchar(255) DEFAULT NULL,
  `score` varchar(255) DEFAULT NULL,
  `classify` varchar(255) DEFAULT NULL,
  `wealth` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1072 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

后端部分：

在此控制器接值（由于测试时间紧，将业务层代码不规范的写到控制层，希望不要学习），page（当前页），limit（每页长度），这来那个参数前端不用传，当开启分页时Layui自己封装了，直接在后端接值即可；
此时我们只需要将code，msg，count（调用dao查询数据总条数），以及data（查询的数据，一般用List封装装）。注意这几个键都是Layui需要的，一般不改变此键。

    public HashMap<String,Object> userList(Integer page,Integ