WebRatio

Agenda Criando uma aplicação básica Adicionando um banco de dados Desenvolvendo um aplicação com banco de dados

Criando uma aplicação básica Objetivo: Mostrar como montar uma aplicação simples usando o WebRatio

Criando uma aplicação básica 1º passo: Abrir a perspectiva WebRatio

Criando uma aplicação básica 2º passo: Criar um projeto Web File -> New -> Web Project Insira o nome do projeto e clique “Finish”

Criando uma aplicação básica 3º passo: Criar um SiteView

Criando uma aplicação básica 4º passo: Adicionar uma página Editar suas propriedades

Criando uma aplicação básica 5º passo: Adicionar uma Unit Selecione “Multi-message Unit” na paleta de Units e clique na página Adicione o texto a ser exibido

Criando uma aplicação básica 6º passo: Gerando a aplicação 7º passo: Iniciar o Tomcat http://localhost:8080/<NomeProjeto>

Adicionando um banco de dados Objetivo: Criar um modelos de dados Adicionar um banco de dados ao projeto Sincronizar o modelo de dados com o banco, exportando entidades e relacionamentos

Adicionando um banco de dados 1º passo: Criar entidades Selecionar a aba Data Model (canto inferior da janela do projeto)

Adicionando um banco de dados 2º passo: Adicionando atributos

Adicionando um banco de dados 3º passo: Relacionamentos

Adicionando um banco de dados 4º passo: Derivação de entidades Quando se define uma hierarquia de entidades, pode-se definir uma propriedade que identifica a subclasse a partir da superclasse Nesse caso, a subclasse será definida como uma visão(e não uma tabela) da superclasse

Adicionando um banco de dados 5º passo: Derivação de atributos Importar atributos de classes relacionadas Podem ser de 4 tipos Exemplo: atributo empresa é importado da entidade Empresa para a entidade Cliente

Adicionando um banco de dados 4º passo: Criando um banco de dados Clique com o botão direito na área do projeto e selecione “Add Database” Edite as propriedades de conexão Clique com botão direito no banco e selecione “Refresh”, para efetuar a conexão

Adicionando um banco de dados 5º passo: Sincronizando Uma vez conectado, deve-se sincronizar o banco com o modelo de dados Clique com o botão direito no banco de dados e selecione “Synchronise” OBS. Selecione APP como esquema Default Escolha os elementos a serem exportados e/ou importados Os scripts são salvos na pasta DBScripts do projeto

Construindo aplicações com banco de dados Objetivo: Construir uma aplicação que seja usada com um banco de dados

Esquema Conceitual a partir dos UIDs Matéria titulo data_pub conteúdo resumo imprimirMateria() enviarMateria() criarMateria() seleciona Leitor email seha incluirFavorita() Seção nome * * 1 * pertence a * Autor nome foto biografia mostrarDadosAutor() * * 1 está relacionada publica comentário

Construindo aplicações com banco de dados Exemplo: Matérias

UIDs - Consultar informações de um autor nome do autor ...Autor(nome) 1 Autor(nome, foto, biografia, ...Seção(nome), ...Matéria (título, data de publicação, conteúdo))

Modelo de Hipertexto UIDs - Consultar informações de um autor Filtros de relacionamento: exibidas apenas as instâncias relacionadas Links Normais: Necessitam da interação do usuário Links automáticos: não necessitam da iteração com o usuário 22

UIDs - Ler matéria de uma seção

Modelo de Hipertexto UIDs - Ler matéria de uma seção

UIDs - Ler matérias a partir de uma palavra chave 1..3 opção [ título, conteúdo, resumo) ...Matéria (título, data de publicação, resumo) 1 Matéria (título, data de publicação, conteúdo, Autor (nome))

Modelo de Hipertexto UIDs - Procurar matérias a partir de uma palavra chave 26

UIDs - Consultar matérias favoritas e-mail senha [senha válida] [senha inválida] ...Matéria (título, data de publicação, resumo) “Login Inválido” 1 Matéria (título, data de publicação, conteúdo, Autor (nome), comentário)

Units Login/Logout Obtém uma variável setada na seção Vincula/Desvincula a variável setada Obtém uma variável setada na seção

Construindo aplicações com banco de dados Context Parameters São variáveis usadas para armazenar valores durante uma sessão Clique com o botão direito na área de trabalho do projeto e clique em “Add Context Parameter command”

Construindo aplicações com banco de dados Context Parameters Usar GetUnit, SetUnit, ResetUnit As variáveis são visíveis em todo o SiteView

Construindo aplicações com banco de dados Inserindo Definir uma “Entry Unit” com os campos da entidade a ser inserida Campos de texto, data, procurar arquivo (como foto), Selection Field( combobox), MultiSelection Field

Construindo aplicações com banco de dados Editando Para cada campo a ser alterado, defini-lo como “Preloaded” Adicionar “Slots” em campos a ser alterado

Construindo aplicações com banco de dados Deletando Definir um Link passando o ID do objeto a ser deletado

Construindo aplicações com banco de dados Associando e desassociando entidades relacionadas Insere/Deleta instancias em relacionamentos N:N entre entidades

Pratica na Ferramenta...