最近有个需求，实现前端页面一个数据表格可编辑，随原页面的表单提交json数据，然后后端回传显示Layui原来也没怎么用过，记个笔记记录一下添加行的有个小bug，超过分页行数后，再添加会变成无数据所以只好初始设置分页；bootstrap与layui的不同之处有适用范围不同，前者适合开发网站，后者适合做后端框架大小不同，前者因为成熟所以存在代码冗余，后者是属于轻量级的bootstrap与layui都是前端开发框架，但是它们之间还存在一些不同之处，接下来在。
layui的分页会把limit和page也就是每页条数和当前页，大概是这个名字，具体看layui的数据表格说明传到后台，你需要在后台接收这两个参数然后展示相应的内容你可以在运行网页的时候，在网页里按f12，在网络监控中点下第；layui，是一款采用自身模块规范编写的前 UI框架，遵循原生 HTMLCSSJS 的书写与组织形式，门槛极低，拿来即用其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢。
layui和java交互
layui的优点与缺点优点有以下几方面1layui属于轻量级框架，简单美观适用于开发后端模式，它在服务端页面上有非常好的效果2layui是提供给后端开发人员最好的ui框架，基于DOM驱动，只要不涉及到交互layui还是很。
Layui前后台数据交互layui有自己的一套特定的数据格式交互这很重要，必须参数code0，msg“”，count数据sizeint，data”数据List”一般我们选择封装返回接收类 Layui前台js请求数据 其中html代码js。
后端有必要掌握layuilayui原本就是为后端开发人员而做的，如一个静态表格，基本上在不修改的现有代码的情况下，只要增加class=ldquolayuitablerdquo，就能立刻展现出优美的界面layui是一套开源的 Web UI解决方案。
layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删。
我们在使用layui的时候，一般通常都用ajax去提交数据到后台，但是layui的from表单给我们提供了自动提交的方法，soEasy！上面就是我们使用的from表单，我们的提交按钮必须要在from表单中，并且要加上type=quotsubmitquot属性 action中的。
getJSON 的使用方法简介 getJSON url ， data ， successdata， textStatus， jqXHR url是必选参数，表示json数据的地址data是可选参数，用于请求数据时发送数据参数success是可参数，这是一个回调函数。
layui怎么和后端交互
写一个Filter 判断是否有token 如果有判断token是否正确 如果正确new UsernamePasswordAuthenticationToken 写入SecurityContextHolder 这里只说了思路，可以根据上述关键字百度查详细内容。
你后台代码具体是怎么样的，是返回的JSON嘛return JSONArraytoJSONStringresult。
quotname=sWitchquotchangefunctionvar sWitch=$thisval$ajaxurlquotquot，typequotpostquot，data quotsWitchquot sWitchcache false，successfunctiondata 手打，拼写错误自己调。
表格的话layui有个动态表格，表单就是只有自己去赋值了。
layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素所以在不需要交互的时候，用layui还是不错的2bootstrap在前端响应式方面做得很好，PC端和移动端表现。
建议使用Mybatis的pagehelper插件，分页查询很方便的。
#39demoTable layuibtn#39on#39click#39， function var type = $thisdata#39type#39activetype ？ activetypecallthis #39#39此时点击查询按钮，会将keyword这个关键字传到后端，接下来就是。
用ajax，把参数放到data里，在后台request直接取来用。
