Scribd Logo
Unggah

Selamat datang di Scribd!

  • Java Web Aula 11

    Diunggah oleh

    Torch
    2 tayangan23 halaman
    Aula 10 de JSF PrimeFaces

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Aula 10 de JSF PrimeFaces

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    2 tayangan23 halaman

    Java Web Aula 11

    Diunggah oleh

    Torch
    Aula 10 de JSF PrimeFaces

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 23

    Linguagem de Programao Orientada

    a Objetos para Web


    Profa.: Alessandra Gomes
    E-mail: alegomesbr@gmail.com

    IFB Tcnico em Informtica 3 Mdulo [2 semestre - 2014]

    Agenda [Aula 11]


    PrimeFaces

    Introduo

    Definio

    Caractersticas

    A Biblioteca de Componentes

    Como Usar?

    Exemplos

    Introduo
    Levar para a Web a ideia de componentes sofisticados
    existentes no desenvolvimento Desktop.

    Definio de PrimeFaces
    PrimeFaces
    Framework desenvolvido pela Prime Teknoloji (Turquia)
    que oferece um conjunto de componentes ricos para o
    JSF.

    Caractersticas

    Possui um rico conjunto de componentes de interface

    Nenhuma configurao extra necessria

    Componentes construdos com Ajax no padro JSF


    2.0
    Rica documentao com exemplos de cdigo.

    A Biblioteca de Componentes
    PrimeFaces
    Site: http://primefaces.org/

    Exemplo de Utilizao

    JSF

    JSF + PrimeFaces

    Como Usar?
    PrimeFaces
    Site: http://primefaces.org/

    Como Usar?
    PrimeFaces

    Como Usar?
    PrimeFaces

    Criar um novo projeto no NetBeans

    Adicionar a biblioteca do PrimeFaces

    Como Usar?
    //index.xhtml
    <html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:p="http://primefaces.org/ui">
    (...)
    <h:form>
    <p:outputLabel value="Nome: " />
    <p:inputText

    value="#{usuario.nome}" />

    <p:commandButton value="Enviar" action="resultado"/>


    </h:form>
    (...)
    </html>

    Exemplo de Componentes
    PrimeFaces

    Exemplo de Componentes
    PrimeFaces

    Implementando Componentes
    PrimeFaces

    InputMask

    Slider

    Switch

    Rating

    Calendar

    Implementando Componentes
    PrimeFaces
    InputMask

    Implementando Componentes
    PrimeFaces
    InputMask
    <p:outputLabel value="Data: " />
    <p:inputMask value="#{usuario.dataMascara}"
    mask="99/99/9999"/>
    <p:outputLabel value="Fone: " />
    <p:inputMask value="#{usuario.fone}" mask="(99)9999-9999"/>

    <p:outputLabel value="Hora: " />


    <p:inputMask value="#{usuario.hora}" mask="99:99:99" />

    Implementando Componentes
    PrimeFaces
    Slider

    Implementando Componentes
    PrimeFaces
    Slider
    <p:outputLabel value="Selecione um valor: " />
    <p:inputText value="#{usuario.numero1}" size="5"/>
    <p:slider style="width: 200px" />
    <p:outputLabel value="Selecione um valor: " />
    <p:inputText value="#{usuario.numero2}" size="5"/>
    <p:slider type="vertical" />

    Implementando Componentes
    PrimeFaces
    Switch

    <p:outputLabel value="Concorda com os termos de uso?" />


    <p:inputSwitch value="#{usuario.valor}" onLabel="no"
    offLabel="sim" />

    Implementando Componentes
    PrimeFaces
    Rating

    <p:outputLabel value="Classificao do filme:" />


    <p:rating value="#{usuario.classificacao}" />

    Implementando Componentes
    PrimeFaces
    Calendar

    Implementando Componentes
    PrimeFaces
    Calendar
    <p:outputLabel value="Data 1:" />
    <p:calendar value="#{usuario.data1}" readonlyInput="true"/>
    <p:outputLabel value="Data 2:" />
    <p:calendar value="#{usuario.data1}" mode="inline" />

    <p:outputLabel value="Data 3:" />


    <p:calendar value="#{usuario.data3}" showOn="button" />

    Dvidas?

    Anda mungkin juga menyukai