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格式
按照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 官网的数据,直接下载。
直接上前端代码:
代码中整合了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">
<