Conteúdo


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

Comments

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:

  1. Desenvolver o banco de dados (Parte 1).
  2. Criar o acesso de dados e camadas EJB (Parte 2).
  3. 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).
  4. 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:

Illustration with boxes showing web, application, and data tiers
Illustration with boxes showing web, application, and data tiers

Pré-requisitos

Antes de você iniciar:

  1. 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.
  2. 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):

  1. Em seu navegador, efetue login no Bluemix.
  2. Na seção Boilerplates do catálogo de Bluemix, clique em Java DB Web Starter: Screenshot of Bluemix boilerplates and runtimes
    Screenshot of Bluemix boilerplates and runtimes
  3. 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: Screenshot of the Java DB Boilerplate creation page
    Screenshot of the Java DB Boilerplate creation page
  4. 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: Screenshot of Bluemix application status
    Screenshot of Bluemix application status

    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.
  5. 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: Screenshot of database connection information
    Screenshot of database connection information
  6. Observe que db, hostname, port, usernamee password os valores da seção de credenciais.
  7. 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:

  1. 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.
  2. 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 : Screenshot of the Connection Parameters dialog box
    Screenshot of the Connection Parameters dialog box
  3. Clique em Conexão de Teste, e se a conexão for bem sucedida, clique em Concluir.
  4. Criar um novo projeto de design de dados denominado CustomerDBDesign: Escolher Arquivo > Novo > Projeto de Design de Dados, altere o nome para CustomerDBDesign e clique em Concluir: Screenshot of the New Data Design Project dialog box
    Screenshot of the New Data Design Project dialog box
  5. 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: Screenshot of new data model wizard
    Screenshot of new data model wizard
  6. Clique em Concluir.
  7. 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).
  8. 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: Screenshot of the add-table icon Renomeie a tabela para Cliente.
  9. Clique na tabela para obter o pop-up da coluna: Screenshot of the column icon Incluir uma chave primária. Renomeie a chave primária para CustNo.
  10. Use o pop-up da coluna para incluir outras três colunas regulares, denominadas Nome,, Endereçoe País: Screenshot of the completed data model diagram
    Screenshot of the completed data model diagram
  11. 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 CustNo um tipo de dados INTEGER e as outras colunas todas como Varchar 30: Screenshot of table and column properties
    Screenshot of table and column properties
  12. Salve o modelo (Ctrl-S ou Arquivo > Salvar).
  13. 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 : Screenshot of options page in wizard
    Screenshot of options page in wizard

    Clique em Avançar.
  14. 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.
  15. Na página Salvar e Executar DDL, selecione Executar DDL no servidor. Clique em Avançar.
  16. Na página Conexões, selecione a conexão SQLDB . Clique em Avançar.
  17. Clique em Concluir.
  18. Na visualização Resultados de SQL, confirme que a criação foi bem-sucedida: Screenshot of SQL Results view
    Screenshot of SQL Results view
  19. 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.
  20. Abra a pasta Tabelas. Você deve ver a tabela CUSTOMER : Screenshot showing contents of Customer schema
    Screenshot showing contents of Customer schema
  21. Clique com o botão direito em CUSTOMER , escolha Dados > Editar, inclua algumas linhas e salve (Ctrl-S): Screenshot of table row contents editor
    Screenshot of table row contents editor

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.

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=80
Zone=Cloud computing, Tecnologia Java, Rational
ArticleID=1004921
ArticleTitle=Desenvolver rapidamente um rico aplicativo da web de três camadas, Parte 1: Desenvolver o banco de dados
publish-date=04302015