Mentor de Ferramentas: Construindo
uma Interface com o Usuário da Web Utilizando JSF e SDO
Finalidade
Este mentor de ferramentas descreve a abordagem geral para construir uma página da
Web JSF (JavaServer Faces) que acesse dados de back-end utilizando SDO (Server Data Objects)
no RAD 6.0.
Para obter uma descrição da tecnologia JSF e SDO e as diretrizes sobre como construir
interfaces com o usuário da Web, consulte:
Visão Geral
Este mentor de ferramentas assume que um Projeto Dinâmico da Web já foi criado
para o aplicativo e que todos os componentes SDO necessários foram desenvolvidos
e incluídos no projeto. As etapas a seguir são executadas neste mentor de ferramentas:
Referências a recursos adicionais também são fornecidas sob:
Crie um novo arquivo Faces JSP na pasta WebContent do projeto da Web do
aplicativo:
- Inicie o assistente de Novo Arquivo Faces JSP.
- Selecione o modelo de página desejado (Básico ou Básico com armazenamento de dados
em cache do lado cliente).
- Opcionalmente, especifique as opções de gabarito de página, biblioteca de tags e
Cascading Style Sheet.
- Clique em Concluir para abrir a nova página no Page Designer.
O Page Designer inclui uma visualização Paleta com diferentes gavetas que
contêm componentes de UI (Interface com o Usuário) predefinidos.
- Arraste um componente JSF da gaveta Componentes do Faces ou Componentes do Faces Client
(disponíveis apenas para um Faces JSP com armazenamento de dados em cache do lado cliente)
para a página.
- Arraste um componente SDO da gaveta Dados para a página. O assistente de referência do componente
de dados apropriado é aberto para permitir que você especifique suas propriedades iniciais e de origem da configuração.
- Arraste outros componentes de UI da Paleta para a página, conforme necessário.
Os componentes de UI em uma página são configurados por meio de visualizações especializadas (por exemplo,
visualizações Propriedades, Dados da Página e Dados do Cliente) ou por meio de assistentes que
surgem quando eles são soltos na página.
- Configure um componente JSF. Utilizando a visualização Propriedades, você pode:
a. Personalizar a aparência de um componente.
b. Ligar o valor de um componente a dados definidos na visualização Dados da Página ou Dados do
Cliente.
c. Especificar regras de navegação para componentes de controle (por exemplo, Botão de
Comando) com base nos aliases retornados dos trechos Java.
- Configure um Componente SDO.
a. Quando solto em uma página, um assistente pop-up permite que você especifique
a origem de dados do SDO (por exemplo, nome da classe JavaBean ou nomes de banco de
dados e de tabelas)
b. Para um SDO de dados relacionais, o assistente também permite que você configure
opções avançadas, como gerar chaves automaticamente e definir controle de
coincidência.
c. A visualização Propriedades pode ser utilizada para personalizar o formato
de dados e as opções de paginação do SDO, se aplicáveis.
- Configure outros componentes de UI. Utilize a visualização Propriedades para ver e personalizar
as opções disponíveis para o componente.
Para componentes JSF, a visualização Edição Rápida poder ser utilizada para incluir trechos
Java para manipulação de eventos e lógica de validação.
- Especifique regras de validação simples (por exemplo, o Valor é obrigatório) na
visualização Propriedades do componente.
- Inclua validação de código personalizado utilizando a visualização Edição Rápida.
- Personalize o código de manipulação de eventos de um componente (por exemplo, para retornar
um valor de Alias para controlar a navegação) utilizando a visualização Edição Rápida.
Selecione Executar como > Executar no Servidor na barra de menus do Page Designer para testar
a página. Observe que você deve selecionar um servidor WebSphere v5.1 ou posterior como seu Ambiente de
Destino para suportar os SDOs em sua página da Web. Após o início do servidor,
a página é aberta em uma visualização do navegador e está pronta para ser testada.
- Inicie o Rational
Application Developer v6.0.
- Na
barra de menus, selecione Ajuda > Galeria de Tutoriais.
- Explore uma das seguintes seções:
Observar e Aprender, Reproduzir e Aprender e Executar e Aprender.
| |
|