Vous êtes sur la page 1sur 40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Parte 3: Melhorar a interface do usurio

Aplicaes web costumam ter mais de uma pgina em si. Nesta parte do tutorial voc adicionar outra pgina - uma pgina de pesquisa - para a sua aplicao e usar o ADF Task Fluxo Diagrammer para definir as regras de navegao entre as duas pginas. Voc, ento, usar os recursos do ADF Faces Framework para adicionar funcionalidades extras s pginas. Finalmente, voc cria um fragmento de pgina reutilizveis e adicion-lo pgina DeptEmpPage.

Passo 1: Criar um fluxo de pgina


1. No Navegador de aplicativos localizar o ADFC-config arquivo sob o Pgina Fluxos n na ViewController projeto. Clique duas vezes

nele para abri-lo no editor. Este o lugar onde voc est indo para definir a navegao do aplicativo.

2. Arraste o DeptEmpPage.jsf arquivo da aplicao Navigator para o vazio ADFC-config diagrama.

3. A partir da paleta de componentes arrastar e soltar um Ver componente no diagrama adf-config, e renome-lo consulta . Isso

representa a nova pgina JSF que voc est prestes a criar.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

1/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF
4. Na Paleta selecione o componente Caixa Flow Control e, em seguida, clique no DeptEmpPage e arraste uma linha para a

consulta da pgina.

Nomeie esta linha goQuery .

5. A partir da paleta de componentes escolher outro caso Flow Control e, em seguida, criar um fluxo oposto da consulta pgina a

DeptEmpPage . Nome este fluxo de volta .

6. Clique duas vezes na consulta de vista no diagrama para criar a nova pgina. Na caixa de dilogo Criar Pgina JSF aceitar o padro

Facelets boto de rdio, e com o layout Quick Start boto selecionado, clique em Procurar .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

2/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

7. Na galeria de componentes, manter o padro de uma coluna categoria, tipo e layout, mas verifique a Aplicar temas checkbox no

Opes de painel.

Clique em OK e em OK novamente para criar a pgina.


8. Para adicionar a funcionalidade de pesquisa empregados para a pgina, abra o Controls acordeo dados e localizar EmpDetails1 .

(Se voc no v-lo, clique no Atualizar boto).


docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html 3/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

9. Expandir o EmpDetails1 controle de dados e ampliar a Criteria Nomeado n abaixo dela. Selecione todos os atributos queriable

e arrast-lo para a nova query.jsf pgina. Cri-lo como uma consulta> Painel de Consulta ADF .

10. Nos dados Controles acordeo selecionar o EmpDetails1 controle de dados e arraste-o para a rea do centro da pgina, abaixo do

componente de consulta. Cri-lo como um Form> ADF Form .

Nos editar formulrios detalhes, verificar tanto os controles de navegao incluem eo Incluir Submeta o boto caixas. Clique em OK .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

4/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

11. Com a panelFormLayout ainda selecionado, use o Inspetor de propriedades para definir a linhas propriedade para 5 .

12. Na janela Estrutura localizar o Submit boto direito do mouse e escolha Insert aps af: comando: Boto - Enviar> Button.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

5/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

13. No Inspetor de propriedades mudar o texto do boto de novo para trs e para a Ao propriedade selecionar de volta a partir da lista

suspensa. Isso faz com que o boto para executar a navegao voc definiu no diagrama de fluxo de pgina.

14. Em seguida, voc adicionar as operaes de transaes para a pgina para permitir que voc cometeu e rollback mudanas. Na Data

Controls Palette expandir o mdulo de nvel de aplicao de Operaes n para localizar as operaes commit e rollback. Arraste o Commit operao na janela de estrutura antes do primeiro boto . Quando for solicitado um destino de soltar escolher Boto ADF .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

6/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

15. Repita os mesmos passos para a reverso operao.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

7/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

16. No Inspetor de propriedades, para a reverso e para os Commit botes, redefinir a propriedade para pessoas com mobilidade

condicionada padro para fazer os dois botes sempre selecionveis.

17. Clique duas vezes no Query.jsf guia para maximizar a pgina no Editor de Design. Sua pgina deve ficar da seguinte forma:

18. Clique no DeptEmpPage.jsf tab para voltar para a pgina. Uma forma rpida de navegar para este ou qualquer outro arquivo usando

a caixa global localizar no canto superior direito do JDeveloper e digitando o nome do arquivo l.

Em seguida, basta clicar no nome do arquivo para abri-lo no editor.


19. No design da pgina, expanda o Departamentos acordeo. A partir da paleta de componentes, escolha um boto do componente e

arraste-a para o Departamentos acordeo entre os primeiros e Anterior botes. Alternativamente, voc pode clique com o boto
docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html 8/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

primeiro e depois escolha Inserir> boto para adicionar o novo boto.

20. Usando o Inspetor de propriedades mudar o texto do boto para consulta e para a ao tipo de propriedade goQuery ou selecione-o

na lista suspensa, se disponvel. Isso faz com que o boto para executar a navegao voc definiu no diagrama de fluxo de pgina.

21. Clique no Save All

cone na barra de menu JDeveloper para salvar o seu trabalho, e, em seguida, clique com o boto DeptEmpPage.jsf pgina e escolha Executar .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

9/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

22. Quando a pgina exibida no navegador, clique no Consulta boto para navegar para a nova pgina. Na pgina de pesquisa, clique

Avanada para exibir os critrios de pesquisa detalhados.

23. No PrimeiroNome campo aceite o padro Comea com , e digite a letra G .

Imprensa Pesquisa . o formulrio abaixo exibe o recorde de Guy Himuro.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

10/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

24. Experincia com o formulrio, salvando seus critrios de pesquisa, criao de consultas mais complexas e atualizao de dados para

os funcionrios. Note como esta forma mostra uma viso dos dados que correspondam a definio do objeto de exibio que voc criou -. Incluindo informaes para o nome do Departamento, bem como uma lista de valores para o ID de trabalho e salrio anual do empregado Voc tambm pode fazer alteraes no dados e cometer e rollback suas transaes, conforme necessrio. Ao terminar perto da janela do navegador.

Passo 2: Use parcial Atualizao da Pgina

Nos prximos passos que voc se familiarizar com alguns dos recursos do ADF Faces quadro. -Lo a melhorar suas pginas com a funcionalidade Ajax adicional aproveitando os recursos de desenvolvimento declarativas oferecidos pelos componentes ADF Faces.

Nos prximos subetapas voc usar o recurso de atualizao de pgina parcial oferecida pelo ADF Faces. annualSalary campo sempre que o Salrio campo atualizado. Voc no quer que toda a pgina para atualizar quando isso acontece, para que voc use atualizao de pgina parcial apenas para atualizar os campos que foram alterados.

1. Abra o query.jsf arquivo no editor de projeto, se ele j no estiver aberto. Selecione o Salrio campo. No Inspetor de propriedades

defina o valor do Id propriedade de sal .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

11/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

2. Ainda no Inspetor de propriedades expandir o comportamento n e definir o AutoSubmit propriedade a verdadeira .

3. Na janela Estrutura localizar o annualSalary campo. (Outra opo para chegar a este campo dar um duplo clique no query.jsf guia

para maximizar a janela e, em seguida, localize o campo no Editor de Design). Localize o PartialTriggers propriedade sob o Comportamento seo e clique na seta para a direita para escolher Editar .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

12/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

4. Na caixa de dilogo Editar Propriedade localizar o Salrio campo e transporte-o para a direita com a seta azul. Clique em OK .

5. Clique no Save All

cone na barra de menu JDeveloper para salvar o seu trabalho, e executar DeptEmpPage.jsf .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

13/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF
6. Quando a pgina exibida, clique em Consulta boto no painel de Departamentos.

7. Na pgina de pesquisa Pesquisa para os empregados cujo nome comea com A% .

Observe o salrio e os valores salariais anuais.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

14/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

8. Atualize o Salrio campo e, em seguida, guia de fora. Observe a mudana imediata para o annualSalary campo depois de deixar o

campo Salrio. No entanto, este o nico campo que atualizada (no toda a pgina).

9. Feche o navegador.

Passo 3: Use o ADF AutoSuggest Comportamento

O af: autoSuggestBehavior componente exibe uma lista suspensa de itens sugeridos para baixo quando o usurio digita em um componente de entrada. suggestedItems lista. Anteriormente, voc adicionou uma lista de valores para o JobId campo portanto, neste exemplo, voc usar esse campo.
1.

Na consulta de pgina, selecione a JobId campo.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

15/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

2. Na paleta de componentes expandir o Operaes de n e localizar Auto Sugerir Comportamento na seo Comportamento.

Arraste e solte o Auto Sugerir Comportamento operao na JobId campo.

3. No Insert Auto Sugerir Comportamento de dilogo tipo de caixa # {} bindings.JobId.suggestedItems. Clique em OK .

4. Salve o seu trabalho e, em seguida, executar a consulta da pgina.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

16/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

5. Digite 121 no campo EmployeeId e clique no Pesquisar boto. No registro de Adam Fripp atualizao do JobId campo digitando 's'

nele. Um nmero de postos de trabalho que comeam com 's' so sugeridas.

6. Adicione 'a' depois do 's' e ver a lista de sugestes alteradas em conformidade.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

17/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

7. Escolha representante de vendas das trs opes restantes, para preencher o campo.

8. Feche o navegador, sem salvar a alterao.

Passo 4: Use menus e Componentes Operao


Nesta etapa, voc adicionar um menu drop-down para uma pgina e usar um par de componentes ADF Faces operao para adicionar
docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html 18/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

operaes baseadas em Javascript para a pgina - para exportar os dados da tabela em uma planilha do Excel e criar uma pgina para impresso.
1. No DeptEmpPage.jsf arquivo clique dentro da menus faceta na coleo painel envolvente tabela Funcionrios. Boto direito do mouse

e, no menu de contexto, escolha Insert Dentro menus Facet > menu .

2. No Inspetor de propriedades definir o texto propriedade para minhas opes .

3. No Inspetor de propriedades expandir o comportamento n e definir o destacvel propriedade de verdade .

4. Na janela Estrutura direito do mouse no componente menu e escolha Insert dentro af: Menu - Minhas Opes> item de menu .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

19/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

5. No Property Inspector definir o texto de propriedade do novo item de menu para Exportar para Excel .

6. Com o novo item de menu Exportar para o Excel ainda selecionado na janela de estrutura, ampliar a Ouvintes seo do Operations

n do ADF Faces componentes na paleta de componentes. Localize o Listener ao de cobrana Export componente e arraste-o para a exportao para Excel de menu opo na janela de estrutura.

7. No Listener Insert Export ao de cobrana de dilogo clique na seta para baixo ao lado de ExportedId campo e escolha Editar .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

20/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

8. Na caixa de dilogo Editar Propriedade navegar pela estrutura da pgina para localizar a mesa - t1 componentee selecione-o. Clique

em OK .

9. Desde o tipo de lista suspensa escolha excelHTML e clique OK .

10. Adicione uma outra opo de menu para o menu. Na janela Estrutura clique com o boto Exportar para Excel componente de menu

e, no menu de contexto, escolha Insert Aps af: commandMenuItem - Exportar para Excel > item de menu .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

21/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

11. Defina o texto de propriedade desta nova opo de menu a pgina para impresso .

12. Na seo Comportamento no n de Operaes da paleta de componentes selecionar a Visualizar Impresso Comportamento

pgina operao para adicion-lo para o novo item de menu. Arraste e solte-o na nova opo de menu que voc criou.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

22/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

13. Clique no Save All

cone na barra de menu JDeveloper para salvar seu trabalho e, em seguida, escolha Executar .

14. Quando a pgina exibida, clique no novo menu e retir-la.

15. Em seguida, chamar cada uma das opes de menu que voc criou, por exemplo Exportar para Excel .

Voc pode precisar de aceitar o download do arquivo na janela do browser para ser capaz de acessar o arquivo Excel.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

23/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

16. Experimente a impresso Pgina opo do menu.

A pgina est pronta para a impresso.

Feche a janela do navegador.

Passo 5: Adicione CRUD Componentes operao para sua pgina

As prximas tarefas de examinar algumas das operaes de dados que JDeveloper disponibiliza para exibir objetos. Voc v como adicionar uma operao de excluso e uma operao CreateInsert. Quando o usurio clica no boto CreateInsert para inserir a nova linha que voc deseja que a tabela atualizada para exibir a nova linha vazia. Para fazer isso voc usar novamente a pgina do recurso de atualizao parcial, que foi coberta no passo 2 desta parte do objeto de exibio tutorial.The usa uma varivel ligam para passar e-mail do empregado na consulta.
1. Clique no query.jsf guia para retornar para a pgina de consulta, abrindo o painel 'Estrutura. Na Data Controls acordeo expandir o

EmpDetails1 n e, em seguida, o Operaes n abaixo dela. Selecione o CreateInsert operao.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

24/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

2. Arraste o CreateInsert operao no painel 'Estrutura para o panelGroupLayout na faceta rodap do formulrio funcionrios. Cri-lo

como um boto ADF .

3. No Inspetor de propriedades defina o Id propriedade para o boto para CreateInsert .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

25/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

4. Ainda no Inspetor de propriedades expandir o comportamento do n e no PartialTriggers propriedade escolher Editar na lista

suspensa.

5. Na janela Editar percorrer os componentes da pgina at encontrar o CreateInsert boto. Shuttle-lo para o Selected painel.

Clique em OK . Essa ao define o CreateInsert componente como o gatilho que far com que a tabela para atualizar.
6. Da mesma forma, adicionar uma operao de excluso, largando a excluir a operao de EmpDetails1 na panelGroupLayout no

rodap da pgina. Como antes, cri-lo como um boto ADF.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

26/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

7. Os dois botes exibidos na parte inferior da pgina de consulta.

8. Salve o seu trabalho e, em seguida, executar a pgina de consulta. 9. Quando a pgina exibe o tipo F% no sobrenome campo e clique no boto Pesquisar boto. O primeiro F% registro de funcionrio

mostra.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

27/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

10. Clique no CreateInsert boto. A pgina atualizada e os campos so apuradas para baixo (exceto para o campo

DataDeContratao, que voc definir como padro para a data atual) para que um novo recorde pode ser inserido.

Passo 6: Criar uma nica consulta Business Service com base em parmetros

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

28/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Nesta etapa, voc cria um objeto de exibio que permite que os usurios finais para procurar o nome de um empregado com base em seu endereo de e-mail.
1. No Navegador de aplicativos localizar o demo.model pacote e boto direito do mouse para escolher New View Object .. . .

2. No Create Object View assistente definir o nome da propriedade para EmpByEmail e escolher o SQL Consulta boto de rdio como

fonte de dados. Clique em Prxima .

3. No Passo 2 do Create Object View tipo assistente a seguinte consulta:

s e l e c i o n a rp r e n o m e ,l a s t _ n a m ef r o me m p l o y e e sw h e r ee m a i l= :p _ e m a i l

O ':' antes p_email significa que uma varivel que ser passada para a consulta. Clique no teste e explicar o boto para verificar a sua consulta.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

29/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Clique em Fechar e clique em Prxima .


4. Na Etapa 3 da Vista assistente Criar objeto, clique no New boto para definir uma nova varivel de ligao. Defina o nome da

propriedade para p_email .

Clique no Dicas de controle guia e definir o rtulo de texto para Email .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

30/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

5. Clique em seguida mais algumas vezes para aceitar todos os padres, at chegar ao ponto 8 do assistente.

Aqui verificar o Adicionar ao Mdulo Aplicao caixa de seleo para incluir sua nova viso no modelo de dados. Clique no Finish boto.

6. Salve o seu trabalho e, em seguida, executar o negcio componente Browser para testar o novo ponto de vista. Clique duas vezes

no novo EmpByEmail um ponto de vista e, quando solicitado a inserir um valor para a varivel entrar SKING e pressione OK para obter os resultados para este endereo de e-mail.

Executando o Tester Business Component. AppModule n no Navegador de aplicativos e selecione Executar a partir do contexto.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

31/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

7. Para tentar outro valor, clique no Editar Variveis Bind boto.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

32/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Fechar o negcio componente Browser.

Etapa 7: Criar um fragmento de pgina reutilizvel

Nesta etapa, voc cria um fragmento de pgina reutilizvel.


1. Primeiro crie um novo fluxo de tarefas especificamente para esta pgina.

No Navegador de aplicativos clique com o boto ViewController projeto e escolha Novo .. .

2. Na camada Web> JSF / Facelets categoria escolher Fluxo de Tarefas ADF .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

33/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Clique em OK .
3. Na caixa de dilogo Criar Tarefa de Fluxo de definir o nome do arquivo de propriedade de pesquisa-email-flow.xml .

Verifique se a criar o fluxo de tarefas Delimitada e Criar com a pgina Fragmentos caixas de seleo esto marcadas.

Clique em OK .
4. No Editor de design arrastar uma Viso componente da paleta de componentes para o diagrama vazio e nome-la searchEmail .

Voc s pode usar uma nica pgina neste fluxo, mas voc pode ter limitado os fluxos de tarefas com vrias pginas e ainda inclulos em outras pginas JSF.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

34/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

5. Clique duas vezes no novo searchEmail componente de visualizao para criar o fragmento de pgina para ele.

Aceite todos os padres na caixa de dilogo que aparece e verifique se o nome do arquivo searchEmail.jsff . Isto cria a pgina como um fragmento de pgina que podem ser includos noutras pginas JSF. Clique em OK .

6. Uma pgina em branco exibido no Editor de Design. Expanda a controles de dados acordeo e, se necessrio, clique no

Atualizar boto para garantir que o novo EmpByEmail controle de dados aparece na lista.

7. Expanda o novo EmpByEmail1 vista eo Operaes n por baixo. Selecione o ExecuteWithParams operao. Voc vai usar esse

operao para executar a consulta para este ponto de vista passando o parmetro necessrio.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

35/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

8.

Arraste o ExecuteWithParams operao de sua nova pgina, e cri-lo como uma forma de parmetro ... ADF .

9. Na caixa de dilogo Editar campos do formulrio alterar o rtulo de exibio para o valor p_email de padro para e-mail . Clique em

OK .

10. No Editor de Design para a pgina, clique no ExecuteWithParams boto e use o Inspetor de propriedades para alterar o texto

propriedade para saber detalhes .

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

36/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

11. De Controles acordeo de Dados, arraste o EmpByEmail1 vista na pgina abaixo do boto. Cri-lo como um Form> ADF Read-only

Form .. . .

12. Aceite os padres apresentados na caixa de dilogo Editar campos do formulrio e clique OK . Salve seu trabalho.

A pgina deve ser semelhante a este:

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

37/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

13. O novo fluxo de tarefas limitada agora contm um fragmento de pgina, ao lado de incluir o fluxo de tarefas limitada completa dentro

de outra pgina JSF. No Navegador de aplicativos localizar o DeptEmpPage.jsf arquivo e abri-lo no editor de projeto, se ele j no estiver aberto. Na seo Layout da Paleta de Componentes arrastar e soltar um separador componente no acordeo esquerda no DeptEmpPage.jsf pgina sob o Departamentos formulrio.

14. Adicione o novo fluxo que voc criou como uma regio para a pgina existente.

Desde o arrasto Navigator Aplicao e soltar a pesquisa-email-flow.xml arquivo no acordeo esquerda no DeptEmpPage.jsf pgina sob o novo separador . Cri-lo como uma Regio .

15. A tua pgina dever parecer com a imagem abaixo.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

38/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

16. Salve o seu trabalho e, em seguida, executar a atualizao DeptEmpPage.jsf pgina.

Quando a pgina exibe em seu teste de navegador a nova funcionalidade, inserindo um valor de e-mail no e-mail de campo e pressionando o saber detalhes boto.

17. A informao nome do funcionrio retornado.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

39/40

28/05/13

Oracle JDeveloper 11g Release 2 Tutoriais - Desenvolvimento de Aplicaes Web ricas com Oracle ADF

Resumo

Neste tutorial, voc construiu uma pequena aplicao web que interage com um banco de dados. Voc aprendeu a:
Construir os servios de negcios que fornecem os dados para o aplicativo Criar uma pgina JSF data-bound Melhorar a pgina adicionando operaes mais complexas Adicionar uma segunda pgina JSF para o aplicativo e criar um diagrama de fluxo de pgina para definir a navegao entre as pginas Criar um fragmento de pgina reutilizvel contendo um servio de negcio com base em parmetros

Para saber mais sobre a construo de aplicaes Web ricas, consulte:


"Desenvolvendo aplicativos usando a pgina Web Tools" no Guia do Usurio para Oracle JDeveloper Guia do Desenvolvedor Web User Interface for Oracle ADF

Anterior 1 2 3 Prximo

Copy right 2011, Oracle e / ou suas af iliadas. Todos os direitos reserv ados.

docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_55/jdtut_11r2_55_3.html

40/40