webratio. agenda criando uma aplicação básica adicionando um banco de dados desenvolvendo um...
TRANSCRIPT
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: 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
comentário
Seçãonome
Autornomefotobiografia
mostrarDadosAutor()
Matériatitulodata_pubconteúdoresumo
imprimirMateria()enviarMateria()criarMateria()
Leitoremailseha
incluirFavorita()
1
*
1 *
* *
* *
pertence a
publica
seleciona
está relacionada
Construindo aplicações com banco de dados
•Exemplo: Matérias
UIDs - Consultar informações de um autor
Autor(nome, foto, biografia, ...Seção(nome), ...Matéria(título, data de publicação, conteúdo))
nome do autor
...Autor(nome)
1
Modelo de Hipertexto UIDs - Consultar informações de um autor
Links Normais: Necessitam da interação do usuário
Links automáticos: não necessitam da iteração com o usuário
Filtros de relacionamento: exibidas apenas as instâncias relacionadas
UIDs - Ler matéria de uma seção
Modelo de Hipertexto UIDs - Ler matéria de uma seção
1
...Matéria (título, data de publicação, resumo)
1..3 opção [ título, conteúdo, resumo)
Matéria (título, data de publicação, conteúdo, Autor (nome))
palavra-chave
UIDs - Ler matérias a partir de uma palavra chave
Modelo de Hipertexto UIDs - Procurar matérias a partir de uma palavra chave
...Matéria (título, data de publicação, resumo)
senhae-mail
Matéria (título, data de publicação, conteúdo, Autor (nome), comentário)
1
“Login Inválido”
[senha inválida][senha válida]
UIDs - Consultar matérias favoritas
Units Login/Logout
Obtém uma variável setada na seção
Vincula/Desvincula a variável setada