[Resolvido] Criando uma primeira aplicação em APEX ? Parte 01

Olá, pessoal! Continuando nossa série de artigos sobre APEX, hoje irei mostrar como criar nossa primeira aplicação. Se você não leu o artigo de introdução do APEX, acesse aqui.

Como citado no artigo de introdução, vamos utilizar para estudo uma WORKSPACE diretamente alocada no servidores da Oracle. Neste artigo, vamos criar nossa primeira aplicação: uma simples página de cadastro de funcionários. Para isso, vamos modelar a tabela que será criada:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48314.png&key=1bdaf6ecae34d8450a397d8ab49a861ee611df296da528dfd25ee0bad56c5395" alt="48314.png" />

TB_FUNCIONARIO: cadastro de funcionários

Contém informações básicas dos funcionários, como matrícula, nome, data de nascimento, data de admissão, sexo, salário e tipo de contratação. O campo matrícula é o identificador da tabela (chave primária). As opções possíveis para o campo sexo sã: M ? Masculino e F ? Feminino. E as opções possíveis para o campo TIPO_CONTRATACAO são: PJ ? Terceiro e CLT ? Funcionário.

O script de criação da tabela e o comando de inserção de dados de demonstração podem ser baixados aqui.

Com a estrutura de banco de dados definida, vamos entrar no ambiente de desenvolvimento do APEX:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48323.png&key=aeb04be8f18081875670c52391eaae23371f93758f3a5ceb6c8ee42e050d3628" alt="48323.png" />Atenção ao informar a senha, pois esta é case sensitive!

Criando os objetos do banco de dados

Primeiramente, vamos importar o script de criação dos objetos de banco de dados. No menu superior, clique em SQL Workshop:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48326.png&key=3ed2b00bdcebfc730fb3a580d4b661a9c14de024e78e57fc9d8571f283fd76b2" alt="48326.png" />

Selecione o arquivo que foi baixado anteriormente, dê um nome a ele e clique em ?UPLOAD? para carregar o arquivo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48329.png&key=aa4a6e5ee8096f62d900b0d64ec2fa8f9eafd5640fa845565f06904a6af34727" alt="48329.png" />Veja que o arquivo foi carregado, mas não executado. Em seguida clique no ?Farol?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48331.png&key=ec4ab5f878d697b7ef3cc8b93b7d09db250b71dd9260be913a253889ed63ff20" alt="48331.png" />

Será executado o processo de validação do script, e seu resultado será exibido conforme a tela abaixo; então, clique em ?RUN NOW? para executá-lo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48333.png&key=1a27d0cfb0b5594df56f0c73ff30f7248e3183c89713fe4b70c156d0e997ccc2" alt="48333.png" />

Criando a primeira aplicação em APEX

Clique na opção ?Builder Application? no menu superior; ele abrirá a tela de gerenciamento de aplicações:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48335.png&key=4d007de42955fb0fd3dc662bb83765a874bb72ab54bd43e91257286cba40fbf8" alt="48335.png" />

Para criar uma nova aplicação, clique no botão ?Create?, que irá abrir um Wizard para criação de uma nova aplicação:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48337.png&key=557a04e4f1aa24cbeb562c112a9e28de7ea8f7029da315bc5b68a7075b549ed9" alt="48337.png" />

• Escolha o tipo de aplicação que será criada. Pode-se optar por uma aplicação própria baseada em objetos e tabelas do banco de dados ou a opção Websheet, que é uma aplicação para gerenciamento de conteúdo web rápido e fácil. Para mais informações sobre aplicações Websheet, veja o link.

Por ora, selecione o tipo de aplicação ?Database? e clique no botão ?NEXT?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48339.png&key=970c9b92a72853a1c99b352a061d02debe8aacdb872d134efc4ec3bf571bd7b7" alt="48339.png" />

• Escolhendo o método que será utilizado na aplicação:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48341.png&key=099ec1d69f8ad9e82007e31cf17465c2e1a7683bb3f371e5eb795ba5898c23d5" alt="48341.png" />

Escolha a opção ?From Scrtach?.

• Agora, dê um nome para sua aplicação. Neste artigo, vamos chama-lá de EXEMPLO_1. O campo SCHEMA indica em qual esquema do banco de dados a aplicação será baseada.

Neste momento, é possível optar por reutilizar definições de uma aplicação existente. Após preenchidos os campos, conforme abaixo, clique no botão ?NEXT?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48343.png&key=9e94a1b03a8ef464e5cd6688ff7e669dfbd73b438e0499c620b1614d2e2ac02d" alt="48343.png" />

• O próximo passo é criar as páginas de nossa aplicação.Vamos criar duas páginas, uma lista para exibição dos funcionários e um formulário para manipulação e inserção de novos registros. Ambas as páginas serão baseadas na tabela TB_FUNCIONARIO, criada anteriormente.

Para isso, selecione o tipo de página ?Report and Form?. A opção report servirá como lista para acesso a página de cadastros. Ao selecionar essa opção, serão habilitados campos para informar em qual tabela será baseada a nova tela e o tipo de relatório desejado, que pode ser interativo (que disponibiliza recursos de manipulação de dados interessantes para o usuário, como por exemplo totalização, ordenação, exibição condicional de colunas e outros) ou clássico (que é uma versão mais simples da lista), optaremos por Interativo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48345.png&key=5ebeafdb94903a9cd7a94abb60629bb714e2c14c9262f43350253a65703a02cd" alt="48345.png" />

Clique no botão ?ADD PAGE? e, como esperado, veja que serão criadas duas páginas: uma de lista e outra de formulário.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48347.png&key=6bb5555dd61e2f418e6cebdde69596b0bce71ba6618a47ec1fd06e043bd810b6" alt="48347.png" />

Para mudar as propriedades da página, clique no nome dela. Será aberto um pop-up com algumas propriedades que podem ser modificadas neste momento.

Vamos mudar apenas os nomes das páginas. Vamos chamar a página Report de LST_FUNCIONARIO e a página forumulário de FRM_FUNCIONARIO:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48349.png&key=c53586b78c41b92dd98e77b5ee5e623f28baa20768d27e4ed0789b5a5e150833" alt="48349.png" />

Salve as alterações e clique no botão ?NEXT?.

• Selecione o nível de Abas que você deseja utilizar na aplicação. Em nosso artigo, não vamos utilizar abas. Clique no botão ?NEXT?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48351.png&key=b6cba93bcb1a422968dad070f313ec1bdc1e69379688b99a210a819bdfbb03cd" alt="48351.png" />

• Neste momento, pode-se optar por importar componentes existentes em outras aplicações. Para o exemplo do artigo, selecione ?NO? e clique no botão ?NEXT?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48353.png&key=41bbe6ecbeef197066a4bb449a4699c586dba871e3fdc407afa87d6b435582f6" alt="48353.png" />

• Esta etapa é muito importante. São as definições de autenticação, idioma e formatação de toda a aplicação.

Selecione opção ?Application Express?, assim uma página de login com a estrutura para autenticação é criada automaticamente.

A opção ?User Language Preference Derived From? é utilizada para determinar como será identificado o idioma do usuário quando este acessar a aplicação, vamos utilizar a opção ?Use Application Primary Language.

Os formatos das datas devem ser informados conforme abaixo:

- Date Format: DD-MON-YYYY;

- Date Time Format: DD-MON-YYYY HH24:MI:SS;

- Timestamp Format: DD-MON-YYYY;

• Timestamp Time Zone Format: DD-MON-YYYY HH24:MI:SS.

Clique no botão ?NEXT?.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48355.png&key=341357bdfe7fb1ec93604a87f1da8f26f76481b2424012036875403e9faa1cdb" alt="48355.png" />

• Selecione o tema da aplicação.

Atualmente, existem 26 diferentes temas já incluídos no APEX. Mas, obviamente, você pode criar um tema customizado.

Neste exemplo vamos utilizar o tema 20, escolha-o e clique no botão ?NEXT?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48357.png&key=66af385cdb0afa4ef64b951f5a9c7789661bea6dcbeef362c8e6dbb6d692d447" alt="48357.png" />

• Por último, confirme as informações de configuração da aplicação e clique no botão ?CREATE?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48359.png&key=7f35feec2dd019e5b6c76c38a8371625731c25db306e741bef4f9da0f1d7d374" alt="48359.png" />

A aplicação será criada, na tela de listagem das páginas da aplicação, basta executa-lá clicando em ?RUN APPLICATION?:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48360.png&key=1133d7b6bc6cafd7324a784b9321bd142208054bd46cdb284766db08df240da8" alt="48360.png" />

Será solicitado o usuário e senha, como foi utilizado o método de autenticação pelo APEX. Utilize o mesmo usuário e senha informado para logar no ambiente de desenvolvimento do APEX.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/24911/48362.png&key=37ddd45c9a0eed6fda65bd9dc502c1bfd3dd421a189355d00c49c9d79609f26a" alt="48362.png" />

Pessoal, neste artigo demonstrei como criar uma aplicação no APEX. No próximo artigo, vou fazer alguns ajustes faltantes nesta aplicação.

Até lá!

http://imasters.com.br/artigo/24911/oracle/criando-uma-primeira-aplicacao-em-apex-parte-01