Desenvolver rapidamente um rico aplicativo da web de três camadas, Parte 1: Desenvolver o banco de dados
Use o Rational Application Developer para desenvolver rapidamente um aplicativo Java EE multicamada e implemente-o no IBM Bluemix
Este tutorial composto por três partes guia você pelo desenvolvimento de um aplicativo da web de multicamadas desde o início, usando o IBM® Rational® Desenvolvedor de Aplicativos para WebSphere Software, a API de Persistência Java (JPA), Enterprise JavaBeans (EJBs), serviços da web de REST e — um front-end avançado da Web 2.0 — o Dojo Toolkit. Você terminará com um aplicativo da web funcionando completamente que exibe dados em uma tabela, a qual os usuários podem editar clicando duas vezes em qualquer célula.
A arquitetura do aplicativo utiliza os serviços REST para desacoplar a IU do servidor e utiliza os EJBs e JPA para fornecer um aplicativo corporativo corretamente dividido em camadas. Algumas dessas camadas são desnecessárias para o aplicativo de amostra, mas o propósito é fornecer um exemplo bem arquitetado que pode ser escalado para uma área de problema mais desafiadora.
As etapas de alto nível que o tutorial segue são:
- Desenvolver o banco de dados (Parte 1).
- Criar o acesso de dados e camadas EJB (Parte 2).
- Desenvolver serviços REST para exibir e modificar os dados e uma interface de rich Web 2.0 para usar os serviços. (Parte 3).
- Implementar o aplicativo na plataforma como serviço do IBM Bluemix. (Parte 3).
Esse diagrama de visão geral arquitetural mostra a você os cinco componentes que precisam ser desenvolvidos: páginas da Web sofisticadas e serviços da Web na camada da web; entidades EJBs e JPA na camada do aplicativo; e tabelas do banco de dados na camada de dados:
Clique para ver a imagem maior
Pré-requisitos
Antes de você iniciar:
- Instale o Rational Application Developer for WebSphere Software 9.1.1, assegurando incluir o tempo de execução do Liberty e recursos de Bluemix. Uma conta do versão de teste está disponível para download.
- Inscreva-se para uma conta do Bluemix . Uma versão grátis está disponível.
Crie um servidor de base de dados no Bluemix
Crie um serviço de banco de dados no Bluemix a ser usado para desenvolvimento (para que não seja necessário instalar o software do banco de dados e criar um servidor do banco de dados local para esse tutorial):
- Em seu navegador, efetue login no Bluemix.
- Na seção Boilerplates do catálogo de Bluemix, clique em Java DB Web
Starter:
Clique para ver a imagem maior
- Na página de criação do Java DB Web Starter, especifique o nome de seu
aplicativo (por exemplo,
sracustomerapp) à direita. Esse nome faz parte da URL de seu Bluemix do aplicativo, portanto isto deve ser exclusivo:
Clique para ver a imagem maior
- Clique em CREATE. Você verá uma página mostrando os detalhes de
seu aplicativo e, após um curto período de tempo, será possível ver que seu
aplicativo foi iniciado:
Clique para ver a imagem maior
Agora você possui um tempo de execução do Liberty e um servidor de base de dados em execução na nuvem, pronto para que você possa implementar seu aplicativo nele. - Para obter as informações necessárias para o banco de dados, clique em
Mostrar Credenciais na tela de serviço do Banco de Dados
SQL:
Clique para ver a imagem maior
- Observe que
db,hostname,port,usernameepasswordos valores da seção de credenciais. - Abra o Desenvolvedor de Aplicativos do Rational. Este é o local onde você iniciará o desenvolvimento do aplicativo.
Design e desenvolvimento do banco de dados
Agora, com a ajuda do Desenvolvedor de Aplicativos do Rational, você criará uma tabela de dados e irá gerar alguns dados de teste:
- No Desenvolvedor de Aplicativos do Rational, alterne para a perspectiva de Dados. (Selecione o ícone de perspectiva no canto superior direito, escolha Data e clique em OK.) Se você for solicitado a Ativar Atividades, selecione todas elas e clique em OK.
- Na visualização Explorer da Fonte de Dados, selecione Conexões com o
Banco de Dados, clique com o botão direito e escolha
Novo.... Escolha DB2 para Linux, UNIX e
Windows como o gerenciador de banco de dados. Em seguida,
especifique o nome do banco de dados, o nome do host, o nome de usuário e a
senha de suas credenciais de serviço de banco de dados Bluemix. Certifique-se de
selecionar a opção Salvar senha :
Clique para ver a imagem maior
- Clique em Conexão de Teste, e se a conexão for bem sucedida, clique em Concluir.
- Criar um novo projeto de design de dados denominado CustomerDBDesign: Escolher
Arquivo > Novo > Projeto de Design de Dados, altere o
nome para
CustomerDBDesigne clique em Concluir:
Clique para ver a imagem maior
- Crie um novo modelo de dados físico, no qual você irá projetar a tabela de banco
de dados de que você precisa: Na visualização Explorer de Projetos de Dados,
clique com o botão direito no projeto CustomerDBDesign e escolha Novo
> Modelo Físico. No assistente, altere o nome do arquivo para
Modelo Físico do Cliente. Configure o banco de dados para DB2 para Linux, UNIX e Windows, e configure a Versão para V10.5:
Clique para ver a imagem maior
- Clique em Concluir.
- Renomeie o esquema: No Explorer de Projetos de Dados, selecione
Esquema, e na visualização Propriedades, altere o nome para
o nome de usuário do banco de dados Bluemix SQL (por exemplo,
user01145). - Crie uma tabela denominada
Cliente: Se o Diagram1 ainda não estiver aberto, abra-o a partir do Explorer de Projetos de Dados clicando duas vezes sobre ele. Clique na superfície de desenho e, em seguida, no pop-up clique no ícone de incluir tabela:
Renomeie a
tabela para Cliente. - Clique na tabela para obter o pop-up da coluna:
Incluir uma chave primária. Renomeie a chave
primária para CustNo. - Use o pop-up da coluna para incluir outras três colunas regulares, denominadas
Nome,,EndereçoePaís:
Clique para ver a imagem maior
- Configure os tipos de colunas: Selecione a tabela e na visualização
Propriedades, selecione Colunas . Altere os tipos de coluna
clicando sobre elas. Faça de
CustNoum tipo de dadosINTEGERe as outras colunas todas comoVarchar 30:
Clique para ver a imagem maior
- Salve o modelo (Ctrl-S ou Arquivo > Salvar).
- Encaminhe o engenheiro do esquema e a tabela para o banco de dados: No Explorer
de Projetos de Dados, selecione o esquema. Clique com o botão direito e escolha
Gerar DDL. Na primeira página, limpe a caixa de seleção
Identificadores citados :
Clique para ver a imagem maior
Clique em Avançar. - Na página Objetos, limpe a caixa de seleção Esquemas . A tabela será criada no esquema padrão para seu usuário do banco de dados.
- Na página Salvar e Executar DDL, selecione Executar DDL no servidor. Clique em Avançar.
- Na página Conexões, selecione a conexão SQLDB . Clique em Avançar.
- Clique em Concluir.
- Na visualização Resultados de SQL, confirme que a criação foi bem-sucedida:
Clique para ver a imagem maior
- Agora, crie alguns dados: Na visualização Explorer de Fonte de Dados, selecione a conexão SQLDB , clique com o botão direito e escolha atualizar. Na pasta Esquemas, agora você deve ser seu nome de usuário do banco de dados SQL.
- Abra a pasta Tabelas. Você deve ver a tabela
CUSTOMER:
Clique para ver a imagem maior
- Clique com o botão direito em
CUSTOMER, escolha Dados > Editar, inclua algumas linhas e salve (Ctrl-S):
Clique para ver a imagem maior
A seguir
Você criou um banco de dados hospedado no Bluemix e o preencheu com alguns dados de teste. Agora continue para Parte 2, onde você criará a camada do aplicativo composta de beans de entidade JPA, beans gerenciador JPA e EJBs.
Recursos para download
Comentários
Acesse ou registre-se para adicionar e acompanhar os comentários.