Layui前后台交互数据获取java实例-6ren

Layui前后台交互数据获取java实例

转载作者：qq735679552 更新时间：2022-09-27 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Layui前后台交互数据获取java实例由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

Layui简介。

Layui是一款适用于后台程序员的UI框架，学习成本低。Json数据格式交互前后台，并且也相当适用单页面开发。有兴趣的朋友可以看看layui官网.

Layui前后台数据交互。

layui有自己的一套特定的数据格式交互（这很重要），必须参数code：0，msg：“”，count：数据size（int）,data:”数据List”。一般我们选择封装返回接收类.

Layui前台js请求数据。

其中 html代码。

 
    ? 
   
 
     
       
       
         < 
         link 
         rel 
         = 
         "stylesheet" 
         href 
         = 
         "static/layui/css/layui.css" 
         rel 
         = 
         "external nofollow" 
         media 
         = 
         "all" 
         /> 
        
 
         < 
         script 
         type 
         = 
         "text/javascript" 
         src 
         = 
         "static/layui/layui.js" 
         ></ 
         script 
         > 
        
 
         < 
         table 
         class 
         = 
         "layui-hide" 
         id 
         = 
         "test" 
         lay-filter 
         = 
         "table" 
         ></ 
         table 
         > 
        
 
     
 
   

js代码。

 
    ? 
   
         layui.use(['form','layer','table'], function(){ 
        
         var table = layui.table 
        
         ,form = layui.form,$=layui.$; 
        
         table.render({ 
        
         elem: '#test' //绑定table id 
        
         ,url:'sys/menu/list' //数据请求路径 
        
         ,cellMinWidth: 80 
        
         ,cols: [[ 
        
         {type:'numbers'} 
        
         ,{field:'name', title:'菜单名称'} 
        
         ,{field:'parentName', title:'父菜单名称',width:150} 
        
         ,{field:'url', title: '菜单路径'} 
        
         ,{field:'perms', title: '菜单权限'} 
        
         ,{field:'type', title:'类型'} 
        
         ,{field:'icon', title:'图标'} 
        
         ,{field:'orderNum', title:'排序'} 
        
         ,{fixed: 'right',title: '操作', width:180,  align:'center', toolbar: '#toolBar'}//一个工具栏 具体请查看layui官网 
        
         ]] 
        
         ,page: true //开启分页 
        
         ,limit:10 //默认十条数据一页 
        
         ,limits:[10,20,30,50] //数据分页条 
        
         ,id: 'testReload'  
        
         }); 
        
         });

java后台代码。

 
    ? 
   
         @RequestMapping("/list") 
        
         @ResponseBody 
        
         @RequiresPermissions("sys:menu:list") 
        
         public Layui list(@RequestParam Map< 
         String 
         , Object> params){ 
        
         //查询列表数据 
        
         Query query = new Query(params); 
        
         List< 
         SysMenuEntity 
         > menuList = sysMenuService.queryList(query); 
        
         int total = sysMenuService.queryTotal(query); 
        
         PageUtils pageUtil = new PageUtils(menuList, total, query.getLimit(), query.getPage()); 
        
         return Layui.data(pageUtil.getTotalCount(), pageUtil.getList()); 
        
         }

Layui工具类代码。

 
    ? 
   
         public class Layui extends HashMap< 
         String 
         , Object> { 
        
         public static Layui data(Integer count,List<?> data){ 
        
         Layui r = new Layui(); 
        
         r.put("code", 0); 
        
         r.put("msg", ""); 
        
         r.put("count", count); 
        
         r.put("data", data); 
        
         return r; 
        
         } 
        
         }

PageUtils在这里可有可无，你们可以自行封装。

 
    ? 
   
         @Data 
        
         public class PageUtils implements Serializable { 
        
         private static final long serialVersionUID = -1202716581589799959L; 
        
         //总记录数 
        
         private int totalCount; 
        
         //每页记录数 
        
         private int pageSize; 
        
         //总页数 
        
         private int totalPage; 
        
         //当前页数 
        
         private int currPage; 
        
         //列表数据 
        
         private List<?> list; 
        
         /** 
        
         * 分页 
        
         * @param list  列表数据 
        
         * @param totalCount 总记录数 
        
         * @param pageSize 每页记录数 
        
         * @param currPage 当前页数 
        
         */ 
        
         public PageUtils(List<?> list, int totalCount, int pageSize, int currPage) { 
        
         this.list = list; 
        
         this.totalCount = totalCount; 
        
         this.pageSize = pageSize; 
        
         this.currPage = currPage; 
        
         this.totalPage = (int)Math.ceil((double)totalCount/pageSize); 
        
         } 
        
         }

总之一句话，最后Layui接受到的数据格式要为.

以上这篇Layui前后台交互数据获取java实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我.

原文链接：http://blog.csdn.net/qq_26118603/article/details/78944591 。

最后此篇关于Layui前后台交互数据获取java实例的文章就讲到这里了,如果你想了解更多关于Layui前后台交互数据获取java实例的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： Java开发实现的Socket双向通信功能示例

文章推荐：在Django的视图中使用数据库查询的方法

文章推荐：详解Python的Django框架中的模板继承

文章推荐： Spring实例化bean过程解析及完整代码示例

前端体验优化（5）——后台
　　从 0 开始搭建一套后台管理系统，成本巨大，所以都会选择一套成熟的组件库，基于此，再堆叠业务逻辑。我们公司的组件库基于 Ant Design。Ant Design 包含一套完整的后台解决方案，不仅
IOS内存管理与应用前台/后台
在我的 IOS 应用程序中，我有一个标记为 retain 的 NSDate* 属性当我的应用程序再次激活时，属性值已被释放。我是否误解了属性和内存管理的工作原理，我该如何防范？最佳答案很明显，
C#，后台 worker
我有一个使用 BackgroundWorker 组件的示例 WinForms 应用程序。它工作正常，但是当我点击 Cancel 按钮取消后台线程时，它并没有取消线程。当我点击 Cancel 按钮调用
后台 iOS 通知
我目前正在开发一个应用程序，该应用程序在启动时会对服务器执行 ping 操作，该服务器会为每个连接的设备返回一个唯一标识符。设备每 5 秒从服务器检索另一页以获取一组不同的数据。这个唯一的 ID 可以
iOS:后台/前台事件
我正在开发一个应用程序，当它通过主页按钮在后台按下时，计时器应该启动，当应用程序返回前台并且计时器已经过了一定时间时，应该是执行。我的问题是当我的应用程序转到背景/前景？是否有特殊的方法或其他技
iOS 后台 MKPointAnnotation
我有 map View ，其中几乎没有 MKPointAnnotation。一切正常，但是， View 的 MKPoiintAnnotation 的“背景”是“不可见的”，因此不是很“可见”。我想
后台 iOS 广告信标
我在 iOS 中开发广告数据应用程序。我的应用程序广告数据在前台很好。但我想在 ios 后台宣传信标数据。我设置了背景外设设置。和广告数据 advertisingData = [CBAdvertise
c# - 后台 worker
如果我有一组操作，我想根据特定条件在后台工作程序中运行，例如，我有 10 个条件 if(a) BackgroundWorker doA = new backgroundworker() if(
后台 Python 函数
我想独立运行一个函数。从我调用的函数中，我想在不等待其他函数结束的情况下返回。我试过用 threadind，但这会等待，结束。 thread = threading.Thread(target=my
后台 IOS 可达性通知
我想在用户在线时立即执行一些任务，即使他在后台也是如此。我正在使用 Reachability 类来检查互联网。但是当我在后台时，这个类没有通知我。我知道有人早些时候问过这个问题，但没有找到任何解决方案
后台 iOS 文字转语音
我在后台播放文本转语音时出现间歇性(哎呀!)问题，由 Apple Watch 触发。我已经正确设置了后台模式、AVSession 类别和 WatchKitExtensionRequest 处理程序。
C# - 后台 worker ？
我有一个相当复杂的程序，所以我不会在这里转储整个程序。这是一个简化版本: class Report { private BackgroundWorker worker; public
C#后台 worker
我有一个任务在 backgroundworker 中运行。单击开始按钮，用户将启动该过程，并获得一个取消按钮来取消处理。当用户点击取消时，我想显示一个消息框“进程尚未完成，你想继续吗”。这里我希望
ruby - 后台/守护进程
我有一个按以下方式编码的脚本。我想将它作为后台/守护进程运行，但是一旦我启动脚本，如果我关闭它从程序运行的终端窗口终止。我需要做什么来保持程序运行 loop do pid = fork do
android - 后台 Activity 识别
我正在制作一个使用 ActivityRecognition API 在后台跟踪用户 Activity 的应用，如果用户在指定时间段(例如 1 小时)内停留在同一个地方，系统就会推送通知告诉用户去散步.
swift - 后台 URLSession + Combine？
当尝试使用 URLSession 的 dataTaskPublisher 方法发送后台请求时: URLSession(configuration: URLSessionConfiguration.ba
C#，后台 worker 类
当我编译这段代码时，我得到了他的错误，对象引用设置为null，错误位置在Dowork中，argumenttest.valueone = 8; public partial class Form1 :
objective-c - 使用不活动的应用程序(后台)
有什么方法可以使用最小化或不活动的应用程序吗？我可以打开我的应用程序，然后打开并使用另一个应用程序，然后按一个按钮来激活我的程序吗？例如，打开我的应用程序，打开 Safari，按下按钮(F1 或任何
iphone - 后台 iOS 应用程序是否会收到显示屏即将进入休眠状态的通知？
我的具体要求是一个在后台运行的应用程序，被通知显示器即将进入休眠状态或者设备已经或即将达到空闲超时 - 然后唤醒并执行一些(简短的)一段代码。我在这里找到了有关应用程序被置于后台或暂停的通知的引用:
xcode - Cocoa - 以编程方式转到前台/后台
我有一个 LSUIElement 设置为 1 的应用程序。它有一个内置编辑器，因此我希望该应用程序在编辑器打开时出现在 Cmd+Tab 循环中。 -(void)stepIntoForegrou

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Layui前后台交互数据获取java实例