JSF de XML içeriğini h:dataTable ile gösterme

Önceki yazımızda URL den alınan bir XML in nasıl parse edildiği üzerine konuşmuş ve bir de uygulama yapmıştık.

Şimdi yaptığımız bu uygulamadan dönen sonuçları JSF nin en mühim componentlerinden olan <h:dataTable> ile kullanalım.

Senaryomuz şu şekilde;

XML den çektiğimiz resim linkini  bir h:graphicImage tagi ile kullanıp resmi bu sayede göstereceğiz. Ayrıca XML den aldığımız title ve link elemanlarını da h:dataTable da yazdıracağız. Lafı fazla uzatmadan işin kodlama kısmına geçelim.

Kodlama kısmında bize lazım olan verileri tutabileceğimiz bir class,bir managed bean ve bir tane de xhtml sayfası.

public class SatanlarItems implements Serializable{

   

    private String image;

    private String description;

    private String title;

    public SatanlarItems(String image, String description, String title) {

        this.image = image;

        this.description = description;

        this.title = title;

    }

   

    public String getImage() {

        return image;

    }

    public void setImage(String image) {

        this.image = image;

    }

    public String getDescription() {

        return description;

    }

    public void setDescription(String description) {

        this.description = description;

    }

    public String getTitle() {

        return title;

    }

    public void setTitle(String title) {

        this.title = title;

    }

}

@ManagedBean(name = "ecs")

@RequestScoped

public class EnCokSatanlarManagedBean {

    private List<SatanlarItems> arr = new ArrayList<SatanlarItems>();

    private static String url = "http://www.gold.com.tr/cok-satanlar-rss/54109/0";

    public List<SatanlarItems> getArr() {

        return arr;

    }

    public void setArr(List<SatanlarItems> arr) {

        this.arr = arr;

    }

    public void listele() throws MalformedURLException, IOException, ParserConfigurationException, SAXException {

        URL geoLocationDetailXMLURL = new URL(url);

        URLConnection geoLocationDetailXMLURLConnection = geoLocationDetailXMLURL.openConnection();

        BufferedReader geoLeocationDetails = new BufferedReader(new InputStreamReader(geoLocationDetailXMLURLConnection.getInputStream(), "UTF-8"));

        InputSource inputSource = new InputSource(geoLeocationDetails);

        DocumentBuilderFactory builderFactory = DocumentBuilderFactory.newInstance();

        DocumentBuilder builder = builderFactory.newDocumentBuilder();

        String expression = "rss/channel/item";

        String expressionTitle = "rss/channel/item/title";

        String expressionDesc = "rss/channel/item/link";

        String expressionImage = "rss/channel/item/image/url";

        XPath xPath = XPathFactory.newInstance().newXPath();

        org.w3c.dom.Document doc = builder.parse(inputSource);

        try {

            NodeList nodeList = (NodeList) xPath.compile(expression).evaluate(doc, XPathConstants.NODESET);

            NodeList nodeListTitle = (NodeList) xPath.compile(expressionTitle).evaluate(doc, XPathConstants.NODESET);

            NodeList nodeListDesc = (NodeList) xPath.compile(expressionDesc).evaluate(doc, XPathConstants.NODESET);

            NodeList nodeListImage = (NodeList) xPath.compile(expressionImage).evaluate(doc, XPathConstants.NODESET);

           

            for (int i = 0; i < nodeList.getLength(); i++) {

                int k = nodeListImage.item(i).getFirstChild().getNodeValue().toString().length();

                arr.add(new SatanlarItems(nodeListImage.item(i).getFirstChild().getNodeValue().toString()

                        .substring(0, k-1),

                        nodeListDesc.item(i).getFirstChild().getNodeValue(),

                        nodeListTitle.item(i).getFirstChild().getNodeValue().toString()));

            }

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

}

index.xhtml

<h:form>

            <h:commandButton value="Al" action="#{ecs.listele()}"/>

            <br />

            <h:dataTable value="#{ecs.arr}" var="a" border="1">

                <h:column>

                    <f:facet name="header">ÜRÜN FOTOĞRAFI</f:facet>

                    <h:graphicImage url="#{a.image}"/>

                </h:column>

                <h:column>

                    <f:facet name="header">BAŞLIK</f:facet>

                        #{a.title}

                </h:column>

                <h:column>

                    <f:facet name="header">AÇIKLAMA</f:facet>

                    <a href="#{a.description}">Detaylı bilgi için tıklayın</a>

                </h:column>

            </h:dataTable>

        </h:form>

Uygulamanın çıktısı aşağıda ki gibi olur.

JAVA DA XML PARSE ETME (XPATH)

Java da XML parse etmenin birkaç metodu olmakla beraber bunların bazıları;

            -DOM  Parser

            -SAX Parser

            -JAXP

XPath bir W3C standardı olup XML dokümanının içinde ki bilgileri elde etmek için kullanılır. Küçük bir programlama dili gibi metodları, testleri ve ifadeleri vardır.

Bir XML dosyasını URL den veya dosyadan okuyabiliriz. Okuma mantığı her zaman aynıdır. Aşağıda yazdığım kodlar URL den çekilen bir XML dosyasının parse edilişidir. XPath ile alâkalı detaylı bilgiye buradan ulaşabilirsiniz. Biz lafı fazla uzatmadan kodlama kısmına geçelim.

Senaryomuz şu şekilde;

Elimiz de XML formatında bir URL var ve biz bu URL den bize lazım olan resim linklerini alacağız.

public class XPathParser {

    private static String url = "http://www.gold.com.tr/cok-satanlar-rss/54109/0";

    private static ArrayList<String> arr = new ArrayList<>();

    public static void main(String[] args) throws ParserConfigurationException, MalformedURLException, IOException, SAXException, XPathExpressionException {

        URL geoLocationDetailXMLURL = new URL(url);

        URLConnection geoLocationDetailXMLURLConnection = geoLocationDetailXMLURL.openConnection();

        BufferedReader geoLeocationDetails = new BufferedReader(new InputStreamReader(geoLocationDetailXMLURLConnection.getInputStream(), "UTF-8"));

        InputSource inputSource = new InputSource(geoLeocationDetails);

        DocumentBuilderFactory builderFactory = DocumentBuilderFactory.newInstance();

        DocumentBuilder builder =  builderFactory.newDocumentBuilder();

        org.w3c.dom.Document xmlDocument = builder.parse(inputSource);

        XPath xPath =  XPathFactory.newInstance().newXPath();

        String expression = "rss/channel/item/image/url";   

    NodeList nodeList = (NodeList) xPath.compile(expression).evaluate(xmlDocument, XPathConstants.NODESET);      

        for (int i = 0; i < nodeList.getLength(); i++) {

            arr.add(nodeList.item(i).getFirstChild().getNodeValue().toString());

        }

       

        for (int i = 0; i < arr.size(); i++) {

            System.out.println(arr.get(i));

        }

    }

}

Çıktı aşağıda ki gibi olacaktır.

http://cdn.gold.com.tr/UrunResim/BuyukResim/22500118260518.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/23289917929781.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/23681317937327.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/23681117934373.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/24087418137445.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/24252218265797.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/21674611123910.jpg

http://cdn.gold.com.tr/UrunResim/BuyukResim/23680917931225.jpg

JSF de h:dataTable kullanımı

JSF de kayıtları listelemek için kullandığımız bir dataTable nesnesi vardır. Genellikle bir parametreyi alır ve listeler.

Tabi bu listeleme işini yaparken neyi listelediğimize dikkat etmeliyiz.

Aşağıda bu kullanımı anlatan bir uygulama bulunmaktadır. Burada yapılan bir formda ki inputText lere girilen değerlerin bir ArrayList dee tutulup ,kaydet butonuna basar basmaz kaydettiğimiz tüm değerler liste halinde bize getirilmesidir.

Personel.java

package com.mesutemre;

import java.math.BigDecimal;

public class Personel {

    String numarasi;

    String adiSoyadi;

    BigDecimal maasi;

    int yasi;

    public Personel(String numarasi, String adiSoyadi, BigDecimal maasi, int yasi) {

        this.numarasi = numarasi;

        this.adiSoyadi = adiSoyadi;

        this.maasi = maasi;

        this.yasi = yasi;

    }

    public String getNumarasi() {

        return numarasi;

    }

    public void setNumarasi(String numarasi) {

        this.numarasi = numarasi;

    }

    public String getAdiSoyadi() {

        return adiSoyadi;

    }

    public void setAdiSoyadi(String adiSoyadi) {

        this.adiSoyadi = adiSoyadi;

    }

    public BigDecimal getMaasi() {

        return maasi;

    }

    public void setMaasi(BigDecimal maasi) {

        this.maasi = maasi;

    }

    public int getYasi() {

        return yasi;

    }

    public void setYasi(int yasi) {

        this.yasi = yasi;

    }

}

YonetimliBean.java

package com.mesutemre;

import java.io.Serializable;

import java.math.BigDecimal;

import java.util.ArrayList;

import java.util.List;

import javax.faces.bean.ManagedBean;

import javax.faces.bean.RequestScoped;

@ManagedBean(name = "yb")

@RequestScoped

public class YonetimliBean implements Serializable {

    String adisoyadi, numarasi;

    BigDecimal maasi;

    int yasi;

    private static List<Personel> personelListesi = new ArrayList<Personel>();

   

    public String getAdisoyadi() {

        return adisoyadi;

    }

    public void setAdisoyadi(String adisoyadi) {

        this.adisoyadi = adisoyadi;

    }

    public String getNumarasi() {

        return numarasi;

    }

    public void setNumarasi(String numarasi) {

        this.numarasi = numarasi;

    }

    public BigDecimal getMaasi() {

        return maasi;

    }

    public void setMaasi(BigDecimal maasi) {

        this.maasi = maasi;

    }

    public int getYasi() {

        return yasi;

    }

    public void setYasi(int yasi) {

        this.yasi = yasi;

    }

   

    public List<Personel> getPersonelListesi() {

        return personelListesi;

    }

    public void setPersonelListesi(ArrayList<Personel> personelListesi) {

        this.personelListesi = personelListesi;

    }

    public String kayitEkle() {

        Personel personel = new Personel(this.adisoyadi, this.numarasi, this.maasi, this.yasi);

        personelListesi.add(personel);

       

        this.adisoyadi = "";

        this.numarasi = "";

        this.yasi = 0;

        this.maasi = null;

       

        return "";

    }

}

index.xhtml

<h:body>

        <h:outputStylesheet library="css" name="table-style.css" />

        <h:form>

            <h:panelGrid columns="2" border="0">

                <h:outputLabel value="NUMARASI:" />

                <h:inputText value="#{yb.numarasi}" />

                <h:outputLabel value="ADI SOYADI:" />

                <h:inputText value="#{yb.adisoyadi}" />

                <h:outputLabel value="YAŞI:" />

                <h:inputText value="#{yb.yasi}" />

                <h:outputLabel value="MAAŞI:" />

                <h:inputText value="#{yb.maasi}" />

                <h:outputLabel value="" />

                <h:commandButton value="Ekle" action="#{yb.kayitEkle()}" />

            </h:panelGrid>

            <hr />

            <h:dataTable value="#{yb.personelListesi}" var="p"

                         styleClass="personel-tablo" headerClass="personel-tablo-baslik"

                         rowClasses="personel-tablo-tek-satir,personel-tablo-cift-satir">

                <h:column>

                    <f:facet name="header">NUMARASI</f:facet>

                        #{p.numarasi}

                </h:column>

                <h:column>

                    <f:facet name="header">ADI SOYADI</f:facet>

                        #{p.adisoyadi}

                </h:column>

                <h:column>

                    <f:facet name="header">YAŞI</f:facet>

                        #{p.yasi}

                </h:column>

                <h:column>

                    <f:facet name="header">MAAŞI</f:facet>

                        #{p.maasi}

                </h:column>

            </h:dataTable>

        </h:form>

    </h:body>

Uygulamanın ekran çıktısı aşağıda ki gibi olur.