easyUI的表格如何显示数据库里的数据啊

2025-04-13 18:57:32
推荐回答(3个)
回答1:

 因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据。此处,我们使用Struts2框架整合DataGrid,实现数据的显示。

一、页面内容

       为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>


 

   

    

    房产信息管理

    

   

 

  

 

 

 

 

   

 

 

二、struts.xml中配置

 

     

         

           result

         

     

三、对应的Action 处理类

        private JSONObject result;       //返回的json  

private String rows;             //每页显示的记录数  

private String page;             //当前第几页 


        //显示房产基本信息

public String show(){

   //当前页  

   int intPage = Integer.parseInt((page == null || page == "0") ? "1":page);  

   //每页显示条数  

   int number = Integer.parseInt((rows == null || rows == "0") ? "10":rows); 

   

   //每页的开始记录  第一页为1  第二页为number +1   

   int start = (intPage-1)*number; 

   

   HouseDao houseDao=new HouseDao();

   ArrayList listHouses=houseDao.getHouses(start, number); //从数据库中查询数据

   

   Map jsonMap = new HashMap();//定义map  

        

   int count=houseDao.getHouseCount(); //求出总记录数

   

   //total键 存放总记录数,必须的  

   jsonMap.put("total", count);

            jsonMap.put("rows", listHouses);//rows键 存放每页记录 list  

        

            result=JSONObject.fromObject(CommonUtil.getJsonNotNull(jsonMap));

      

           return SUCCESS;

}

 action 类中,rows,page 是用于EasyUI分页操作的,EasyUI会自动向后台传入参数:当前页及每页显示记录数,以此实现分页功能,此处只需要定义这两个变量即可。

{"total":5,"rows":[{"doorCard":"1-1101","id":22,"roomArea":"140","unitNum":1,"tusers":[],"isUse":"1","buildTime":"2015-04-01"},{"doorCard":"1-1202","id":29,"roomArea":"160","unitNum":1,"tusers":[],"isUse":"0","buildTime":"2015-04-06"},{"doorCard":"2-2202","id":28,"roomArea":"160","unitNum":2,"tusers":[],"isUse":"0","buildTime":"2015-04-06"},{"doorCard":"3-3301","id":26,"roomArea":"150","unitNum":3,"tusers":[],"isUse":"1","buildTime":"2015-04-13"},{"doorCard":"3-2102","id":27,"roomArea":"160","unitNum":3,"tusers":[],"isUse":"1","buildTime":"2015-04-06"}]}

五、效果截图

回答2:

数据库查询出来的结果 转成一个json格式的数据 这个json的数据格式要带两个属性 一个是total 总记录数 一个是rows 就是明细行

回答3:

返回一个json格式的数据格式要有total和rows两个属性 rows就是数组行了