Aulas
Disciplinas

Cursos / Informática para Internet / Desenvolvimento Web II / Aula

arrow_back Aula 04 - Desenvolvendo um Sistema de Informação Web com JSF

Desenvolvimento dos Controllers e Views pt.6

Observe na Figura 5 que utilizamos os dados informados nos demais cadastros: empresas, motoristas, cobradores e linhas de ônibus. Ainda com relação à Listagem 15, nós definimos um método denominado listar que apresentará as informações dos ônibus cadastrados, incluindo informações de marca, modelo, ano, empresa, motorista, cobrador e linha. Para exibição dessas informações, criaremos uma página dentro do WebContent denominada list_onibus.xhtml. Essa página tem seu código apresentado na Listagem 17.

​x
1
<html xmlns="http://www.w3.org/1999/xhtml"
2
xmlns:h="http://java.sun.com/jsf/html"
3
xmlns:f="http://java.sun.com/jsf/core">
4
    <h:head>
5
        <title>ônibus</title>
6
    </h:head>
7
​
8
    <h:body>
9
        <h:form>
10
            <h:messages/>
11
            <h1>Lista de ônibus</h1>
12
            <h:dataTable value="#{cadastrarOnibusMBean.listagem}" var="onibus" border="1">
13
                <h:column>
14
                    <f:facet name="header">Marca</f:facet>
15
                    #{onibus.marca}
16
                </h:column>
17
                <h:column>
18
                    <f:facet name="header">Modelo</f:facet>
19
                    #{onibus.modelo}
20
                </h:column>
21
                <h:column>
22
                    <f:facet name="header">Ano</f:facet>
23
                    #{onibus.ano}
24
                </h:column>
25
                <h:column>
26
                    <f:facet name="header">Empresa</f:facet>
27
                    #{onibus.empresa.razaoSocial}
28
                </h:column>
29
                <h:column>
30
                    <f:facet name="header">Motorista</f:facet>
31
                    #{onibus.motorista.nome}
32
                </h:column>
33
                <h:column>
34
                    <f:facet name="header">Cobrador</f:facet>
35
                    #{onibus.cobrador.nome}
36
                </h:column>
37
                <h:column>
38
                    <f:facet name="header">Linha</f:facet>
39
                    #{onibus.linha.ident}
40
                </h:column>
41
            </h:dataTable>
42
            <h:commandLink action="#{cadastrarOnibusMBean.entrarCadastro}" value="Voltar"/> <br/>
43
        </h:form>
44
    </h:body>
45
</html>
Listagem 17 - Código da página list_onibus.xhtml.

Ao implementar a Listagem 17, podemos acessar essa lista de ônibus pelo endereço http://localhost:8080/SITURB/list_onibus.jsf, onde obtemos a página apresentada na Figura 6.

Figura 06 - Página que apresenta a lista de ônibus cadastrados.
Página que apresenta a lista de ônibus cadastrados.

Por fim, implementaremos nossa página principal denominada index.xhtml com links para as demais páginas dos cadastros. Essa página, que deve ser criada dentro da pasta WebContent, é apresentada na Figura 7 e tem seu código descrito na Listagem 18.

21
1
<html xmlns="http://www.w3.org/1999/xhtml"
2
xmlns:h="http://java.sun.com/jsf/html"
3
xmlns:f="http://java.sun.com/jsf/core">
4
    <h:head>
5
        <title>SITURB</title>
6
    </h:head>
7
​
8
    <h:body>
9
        <h1>SITURB - Sistema de Transportes Urbanos</h1>
10
        <hr/>
11
            <h2>Operações:</h2>
12
            <h:form>
13
                <h:commandLink action="#{cadastrarEmpresaMBean.entrarCadastro}" value="Cadastrar Empresa"/> <br/>
14
                <h:commandLink action="#{cadastrarCobradorMBean.entrarCadastro}" value="Cadastrar Cobrador"/> <br/>
15
                <h:commandLink action="#{cadastrarMotoristaMBean.entrarCadastro}" value="Cadastrar Motorista"/> <br/>
16
                <h:commandLink action="#{cadastrarLinhaMBean.entrarCadastro}" value="Cadastrar Linha"/> <br/>
17
                <h:commandLink action="#{cadastrarOnibusMBean.entrarCadastro}" value="Cadastrar/listar Ônibus"/> <br/>
18
            </h:form>
19
        <hr/>
20
</h:body>
21
</html>
Listagem 18 - Código da página index.xhtml.

 

Figura 07 - Página com links para as operações de cadastro.
Página com links para as operações de cadastro.

E, assim, chegamos ao fim da nossa aula. Você está de parabéns, pois conseguiu desenvolver um sistema com várias funcionalidades acessíveis a partir de uma página principal (index.xhtml). Dessa forma, concluímos nosso curso e agora você está pronto para desenvolver suas aplicações web usando o framework JSF.

[A] Anterior
9/11
Próxima [D]

Sumário

Versão 5.3 - Todos os Direitos reservados