Layui与java后台交互

最新推荐文章于 2024-06-06 08:38:15 发布

一梦花海

最新推荐文章于 2024-06-06 08:38:15 发布

阅读量5.7k

点赞数 5

分类专栏： java web 学习之路

本文链接：https://blog.csdn.net/qq_34844201/article/details/108464840

版权

本文介绍了如何使用Layui前端框架与Java后台进行数据交互，重点讲解了返回的Json格式的封装，前端代码的编写，以及涉及到的pojo类、Service层和Controller层的实现。利用Lombok插件简化开发，并提供了分页数据的处理示例。

摘要由CSDN通过智能技术生成

Layui与java后台交互

layui是现在比较火的一个前端设计框架，下面介绍一下它的数据分页及其与java后台的交互。

一、返回的Json格式

按照layui官网给的示例，自己封装了工具类，解析json数据格式，前端页面请求Controller获取json数据的格式，然后利用工具类将json解析，把数据显示在前端页面。

@Data
public class ResponseResult<T> {
    private int code;
    private String msg;
    private T data;
    public static<T> ResponseResult renderSuccess(T data){

        ResponseResult<T> objectResponseResult = new ResponseResult<>();
        objectResponseResult.setCode(0);
        objectResponseResult.setData(data);
        objectResponseResult.setMsg("操作成功");
        return objectResponseResult ;
    }
}

上述方法使用了lombok插件，使用的时候更加方便。

二、前台代码

静态文件直接引入Layui与java后台交互

layui是现在比较火的一个前端设计框架，下面介绍一下它的数据分页及其与java后台的交互。

一、返回的Json格式

@Data

public class ResponseResult<T> {

    private int code;

    private String msg;

    private T data;

    public static<T> ResponseResult renderSuccess(T data){



        ResponseResult<T> objectResponseResult = new ResponseResult<>();

        objectResponseResult.setCode(0);

        objectResponseResult.setData(data);

        objectResponseResult.setMsg("操作成功");

        return objectResponseResult ;

    }

}

上述方法使用了lombok插件，使用的时候更加方便。

二、前台代码

静态文件直接引入layui 官网的数据，直接下载。

直接上前端代码：

代码中整合了thymeleaf模板，嵌套了语法，和后端进行交互。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <

最低0.47元/天解锁文章

一梦花海

关注

5
点赞
踩
26

收藏

觉得还不错? 一键收藏
1
评论
Layui与java后台交互

Layui与java后台交互目录Layui与java后台交互一、返回的Json格式二、前台代码三、pojo类四、Service层五、Contrller层layui是现在比较火的一个前端设计框架，下面介绍一下它的数据分页及其与java后台的交互。一、返回的Json格式按照layui官网给的示例，自己封装了工具类，解析json数据格式，前端页面请求Controller获取json数据的格式，然后利用工具类将json解析，把数据显示在前端页面。@Datapubli.
复制链接

扫一扫

专栏目录