¿ 如何创建记录的分页？ (JSF)答案

【问题标题】：¿How can I create a pagination of records? (JSF)¿ 如何创建记录的分页？ (JSF)
【发布时间】：2017-07-13 15:00:14
【问题描述】：

我正在使用 Java Server Faces 制作酒店房间预订页面。我有一个包含酒店搜索的基本模板，以及一个显示结果的索引模板。我正在首页上加载所有酒店，比如封面。而且我只显示 9 家酒店，以免它们溢出 DIV 的酒店：

好的，我总共只有 10 家酒店在数据库中注册....我想为我的页面进行分页，每页只显示 9 家酒店....结果，正如我所拥有的那样数据库中有 10 家酒店，那么在下一页我应该只看到 1 家单家酒店。

这是我的索引页：

<?xml version='1.0' encoding='UTF-8' ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
  xmlns:h="http://xmlns.jcp.org/jsf/html"
  xmlns:f="http://xmlns.jcp.org/jsf/core">
<f:metadata>
    <f:viewAction action="#{buscador.cargarPortada()}"/>
</f:metadata>
<body>

    <ui:composition template="./templates/base.xhtml">

        <ui:define name="content">
            <h:form id="form2">
                <h:dataTable value="#{buscador.display}" var="res">
                 <h:column>
                     <h:outputLabel value="#{res.a}" escape="false"/>
                 </h:column>                    
                 <h:column>
                      <h:outputLabel value="#{res.b}" escape="false"/> 
                 </h:column>
                 <h:column>
                     <h:outputLabel value="#{res.c}" escape="false"/>
                 </h:column>
                </h:dataTable>
            </h:form>
        </ui:define>

    </ui:composition>

</body>

我正在使用数据表来显示结果。我有两个类：一个类处理数据表的行，另一个类构建每个酒店的显示框

通过这个类，我构造了表格中的每个框：

    package Clases;

public class ResultElement {
     private String nombre, imagen, localidad;
     private String display;
    public ResultElement(String nombre, String imagen, String localidad){
        this.nombre=nombre;
        this.imagen=imagen;
        this.localidad=localidad;
        display = "<div id='HotP'><b><p style=\"text-align:center;font-
    style:italic;color:red\">" + nombre + "</p></b>"
               +"<img src=\"resources/images/" + imagen + 
    "\"style=\"width:160px;height:70px;border:1px solid gray;\"/><br>"
                + "<span style=\"color: darkblue;text-align: center;\">"+ 
    localidad +"</span></div>";
    }
    /**
     * @return the nombre
     */
    public String getNombre() {
        return nombre;
    }

    /**
     * @param nombre the nombre to set
     */
    public void setNombre(String nombre) {
        this.nombre = nombre;
    }

    /**
     * @return the imagen
     */
    public String getImagen() {
        return imagen;
    }

    /**
     * @param imagen the imagen to set
     */
    public void setImagen(String imagen) {
        this.imagen = imagen;
    }

    /**
     * @return the localidad
     */
    public String getLocalidad() {
        return localidad;
    }

    /**
     * @param localidad the localidad to set
     */
    public void setLocalidad(String localidad) {
        this.localidad = localidad;
    }

    /**
     * @return the display
     */
    public String getDisplay() {
        return display;
    }

    /**
     * @param display the display to set
     */
    public void setDisplay(String display) {
        this.display = display;
    }
}

通过这个类，我可以管理表格的行。我每行显示 3 个结果：

package Clases;

public class DisplayResult {
private String A, B, C;

public DisplayResult(String a, String b, String c){
    A = a;
    B = b;
    C = c;
}
/**
 * @return the A
 */
public String getA() {
    return A;
}

/**
 * @param A the A to set
 */
public void setA(String A) {
    this.A = A;
}

/**
 * @return the B
 */
public String getB() {
    return B;
}

/**
 * @param B the B to set
 */
public void setB(String B) {
    this.B = B;
}

/**
 * @return the C
 */
public String getC() {
    return C;
}

/**
 * @param C the C to set
 */
public void setC(String C) {
    this.C = C;
}

}

这个类是我将加载页面封面并执行搜索的地方：

    package Beans;

import Clases.DisplayResult;
import Clases.ResultElement;
import javax.inject.Named;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import java.sql.ResultSet;
import Database.GestorDB;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.logging.Level;
import java.util.logging.Logger;
/**
 *
 * @author SEMINARIO
 */
@Named(value = "portada")
@ManagedBean
@ViewScoped
public class Buscador {
     private String fechaE, fechaS, localidad;
    private int personas;
    private static ArrayList<DisplayResult> displayList;
    private ArrayList<String> aux = new ArrayList<>();   
    public Buscador() {
       displayList = new ArrayList<>();
    }

    public String getFechaE() {
        return fechaE;
    }

    public void setFechaE(String fechaE) {
        this.fechaE = fechaE;
    }

    public String getFechaS() {
        return fechaS;
    }

    public void setFechaS(String fechaS) {
        this.fechaS = fechaS;
    }

    public String getLocalidad() {
        return localidad;
    }

    public void setLocalidad(String localidad) {
        this.localidad = localidad;
    }

    public int getPersonas() {
        return personas;
    }

    public void setPersonas(int personas) {
        this.personas = personas;
    }

    public ArrayList<DisplayResult> getDisplay() {
        return displayList;
    }

    public void setDisplay(ArrayList<DisplayResult> listaResultado) {
        Buscador.displayList = listaResultado;
    }

    public void agregarResultado(DisplayResult resultado){
        Buscador.displayList.add(resultado);
    }

    public void limpiarResultados(){
        Buscador.displayList.clear();
        aux.clear();
    }

    public void calibrar(){
        do{           
            if(aux.size()%3 != 0)
               aux.add("");
        }while(aux.size()%3 != 0);
    }    

    public void cargarPortada(){       
        try{
            ResultSet rs = GestorDB.getConsulta("SELECT HOTELES.NOMBRE AS A, HOTELES.IMGHOTEL, LOCALIDADES.NOMBRE AS B FROM HOTELES INNER JOIN LOCALIDADES"
                + " ON LOCALIDADES.IDLOCALIDADES = HOTELES.LOCALIDADES_IDLOCALIDADES FETCH FIRST 9 ROWS ONLY");
            while(rs.next()){
               ResultElement res = new ResultElement(rs.getString("A"), rs.getString("IMGHOTEL"),rs.getString("B"));
               aux.add(res.getDisplay());
            }  
            calibrar();
            for(int i = 0; i < aux.size(); i+=3){
                DisplayResult obj = new DisplayResult(aux.get(i),aux.get(i+1),aux.get(i+2));
                displayList.add(obj);
            }
        } catch (SQLException ex) {
            Logger.getLogger(Buscador.class.getName()).log(Level.SEVERE, null, ex);
        }       
    }
}

我想用我的arrayList来控制我的页面的分页，但事实是我不知道如何将它放在dataTable中......

有没有简单实用的方法呢？

【问题讨论】：

我不知道你是否可以使用第三方库，但我猜this是你想要的？
除此之外，还有一些提示：不要将@Named 和@ManagedBean 一起使用，要么一起使用。而且ResultElement类中嵌入的HTML代码看起来很乱，我宁愿在facelet文件中做HTML的东西。
而@Named 是两者中更具前瞻性的。而且我会确保 JSF '控制器' 中没有 SQL...见stackoverflow.com/questions/30639785/…
是的......类似@XtremeBiker！也感谢您的提示:)

标签： jsf pagination

【解决方案1】：

Native JSF 不支持/没有分页组件。
你可以选择像Primefaces 这样的组件库，它有一个像DataGrid 这样的分页组件。

【讨论】：

我不会说没有支持。 JSF 本身专注于呈现 HTML 代码，而分页功能只是超出了该范围。但是，它可能很容易由您自己实现。