springboot+layui 2021-10-25

springboot +layui后端数据库数据渲染到前端。

https://cloud.tencent.com/developer/article/1698391#:~:text=lay-filter%E7%9A%84%E5%80%BC%E6%98%AF%E8%A1%A8%E6%A0%BC%E5%A4%B4%E9%83%A8%E5%B7%A5%E5%85%B7%E6%8C%89%E9%92%AE%E5%92%8C%E8%A1%8C%E5%B7%A5%E5%85%B7%E6%8C%89%E9%92%AE%E7%9B%91%E5%90%AC%E4%BA%8B%E4%BB%B6%E7%9A%84%E5%8F%82%E6%95%B0%20%E7%84%B6%E5%90%8E%E9%80%9A%E8%BF%87%20table.render%20%28%29%20%E6%96%B9%E6%B3%95%E6%8C%87%E5%AE%9A%E8%AF%A5%E5%AE%B9%E5%99%A8%EF%BC%88%E5%8F%AF%E4%BB%A5%E7%9C%8B%E5%88%B0,elem%20%E9%80%9A%E8%BF%87%20id%20%E9%80%89%E6%8B%A9%E7%9A%84%E6%96%B9%E5%BC%8F%E7%BB%91%E5%AE%9A%E5%88%B0%E4%BA%86%E5%89%8D%E9%9D%A2%E7%9A%84%20table%20%E5%85%83%E7%B4%A0%EF%BC%89%EF%BC%9A

form.val

layui.use(['form','jquery','layer'],function(){
	var form = layui.form;
	var $ = layui.jquery;
	
	$(function(){
		//alert(JSON.stringify(form.val("formTest")));
		form.val("formTest",{
			"desc": "layui_",
			"date":"2020-05-14"
		});
	});
});

可以看懂 当表格render之后 reload重载的过程方法

场景一：下述方法中的键值即为基础参数项
table.render({
  height: 300
  ,url: '/api/data'
});
    
场景二：下述 lay-data 里面的内容即为基础参数项，切记：值要用单引号
<table lay-data="{height:300, url:'/api/data'}" lay-filter="demo"> …… </table>
 
更多场景：下述 options 即为含有基础参数项的对象
> table.init('filter', options); //转化静态表格
> var tableObj = table.render({});
  tableObj.reload(options); //重载表格
原文链接：https://blog.csdn.net/weixin_42348971/article/details/84579682