layui 数据表格的前后端交互

layui的使用点击打开链接

前端jsp的页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>



  
  
  
  
  
  


           

            
          


 

  

后端controller的代码

 

@RequestMapping(value="findallEmp",produces="text/html;charset=utf-8")
        public @ResponseBody String findallEmp( int page, int limit){
            int before = limit * (page - 1) + 1;
            int after = page * limit;
            //带参数从数据库里查询出来放到eilist的集合里
            List eilist = informationService.findAllPage(before, after);
            int count = informationService.count();
            //用json来传值
            JSONArray json = JSONArray.fromObject(eilist);
            String js = json.toString();
            //*****转为layui需要的json格式，必须要这一步，博主也是没写这一步，在页面上数据就是数据接口异常
            String jso = "{\"code\":0,\"msg\":\"\",\"count\":"+count+",\"data\":"+js+"}";
            return jso;
        }

       

       serviceimpl的代码

/**
     * 查询数据
     */
    public List findAllPage(int before,int after){
        return informationDao.findAllPage(before, after);
    }
    /**
     * 查询条数
     */
    public int count(){
        return informationDao.count();
    }

service的接口

 

  public List findAllPage(int before,int after);      

   public int count();

dao的接口

public List findAllPage(@Param("before") int before,@Param("after") int after);
 public int count();

mapper的sql语句

           select id,enterprise,establishment,registration, registered,number,
       social_security as socialSecurity,research, registration_type as registrationType,
      operation, product ,isdelete from information LIMIT #{before},#{after} 
    
    
        select count(*) from information
    

mapper中实体类和数据库的字段不一致时，必须registration_type as registrationType这样写上去，否则后台controller调用接口的时候没有数据。

Layui 的工具类

public class Layui  extends HashMap {

    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;
    }

}

最后查询出来的页面

至此用layui分页查询就差不多完成了

layui的修改，删除可看点击打开链接