P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A. Criar uma relação mestre-detalhe. Pesquisa de informação

Tamanho: px

Começar a partir da página:

Download "P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A. Criar uma relação mestre-detalhe. Pesquisa de informação"

Branca Flor Vidal Faro
8 Há anos
Visualizações:

1 P S I 2. º A N O F 5 M E S T R E / D E T A L H E E P E S Q U I S A Módulo 18 Ferramentas de Desenvolvimento de Páginas Web Criar uma relação mestre-detalhe 1. Cria uma cópia da página «listaferram.php» com o nome «listaferramestre.php». Altera o valor da variável $maxrows_rsferramentas para cinco, elimina a coluna «descrição» e alinha todo o texto da tabela dos dados à esquerda. 2. Selecciona o campo {rsferramentas.codigo} e nas «Properties», em Link, escreve «detalhe.php», que, depois de seleccionar o campo correcto no recordset, deve apontar para detalhe.php?codigo=<?php echo $row_rsferramentas['codigo'];?> Isto significa que o parâmetro «codigo» vai passar o valor do código da ferramenta seleccionada, sempre com valores diferentes, uma vez que é chave primária da tabela «ferramenta». 3. Cria a página «detalhe.php», com formato «Heading 1» aplicado ao texto «Informação sobre a ferramenta», com um novo recordset «rsferramentas» ligado à tabela «ferramenta», com filtro no campo «codigo». Convém testar o recorset, a partir do botão «Test» e indicando um dos valores a usar como parâmetro (por exemplo, código=2). Observa também na vista «Advanced» a instrução em SQL que permite obter o(s) registo(s) da base de dados. Cada recordset só fica disponível na página que o contém. Podemos, no entanto, copiar recorsets entre páginas e até alterar as características em cada página. Pesquisa de informação 4. Cria a página «pesquisa.php», com texto «Pesquisa de ferramentas», formatado a «Heading 1» e um formulário (Insert> Form> Form), com nome «formpesquisa» e «Action: pesquisa.php». No formulário, insere uma caixa de texto, com etiqueta «Palavra(s) de pesquisa», nome do campo «palavrapesquisa», «Char width» e «Max Chars» 20. Por baixo do formulário e formatado a «Heading 3», escreve o texto «Resultado da pesquisa» e insere uma tabela com três colunas e uma linha. 5. Cria um recordset «rsferramentas» para guardar os resultados da consulta à tabela «ferramenta», mostrando os campos «nome», «descricao» e «codigonivel» dos registos que contenham a «palavrapesquisa» introduzida no formulário no «nome» da ferramenta, ordenados por «nome» ascendente. 6. Arrasta os campos do recordset para cada coluna da tabela e adiciona «Server Behaviors» que permitam: repetir as linhas necessárias à apresentação de todos os resultados da pesquisa; mostrar a tabela, apenas no caso de existirem registos a apresentar e, caso contrário, apresentar uma mensagem «Não foram encontradas ferramentas que obedeçam à condição de pesquisa». 7. Antes da tabela, apresenta a contagem do número de registos encontrados. Página 1 de 5

Selecciona o campo {rsferramentas.codigo} e nas «Properties», em Link, escreve «detalhe.php», que, depois de seleccionar o campo correcto no recordset, deve apontar para detalhe.php?codigo=<?

2 Elementos dinâmicos Criar uma lista 8. Cria uma nova página «ferramentasnivel.php», com «Ferramentas por nível de utilização», formatado a «Heading 1», que inclua: Um formulário com nome «formniveis», que acciona a própria página; Um campo do tipo «List/Menu» com o nome «niveis»; Um botão com «Value: Seleccionar». 9. Cria um recordset «rsniveis», para guardar os dados dos campos «codigonivel» e «nomenivel», da tabela «nivel», ordenados por «codigonivel» crescente e associa-o ao «List/Menu: nivel», a partir do botão «Dynamic». Os campos «Value» e «Labels» permitem definir qual a coluna que vai ser utilizada na visualização da lista de níveis e o valor que é enviado ao servidor quando o utilizador escolhe um nível. Teste o funcionamento deste «drop/down menu» no browser, a fim de verificar que é necessário alterar o seu comportamento. 10. No separador «Bindings», cria uma «Form Variable», com o nome «niveis», e volta ao botão «Dynamic» da «List/Menu», para a associar ao «Select value equal to:». Aproveita, também, para definir o valor 0, com «Label: -- Seleccionar um nível --». 11. No código, substitui: 12. Acrescenta mais 6 registos na tabela «ferramentas». 13. Associa esta página a um site «photoshop», com endereço tecnologia «PHPMySQL», para editar e testar localmente na pasta «photoshop» que deve ser criada na pasta «xampplite\htdocs». Usa o quadro «Manage Sites». 14. Cria uma conexão MySQL, com as seguintes características: Connection name: ligacaodb MySQL server: localhost User name: root Password: ******* (se tiver sido definida) Database: psdb (criada na aula anterior e localizada a partir do botão «Select») Este procedimento permite criar uma pasta «Connections», o ficheiro «ligacaodb.php», que guarda as informações necessárias à conexão (verifica o código do ficheiro) e fica visível no painel «Application», no separador «Databases» a base de dados seleccionada. Acesso à base de dados em MySQL 15. Cria uma nova página «listaniveis.php», com cabeçalho «Nível de utilização do Photoshop», e de seguida, no separador «Bindings» ou «Server Behaviors», adiciona um novo recordset: Name: rsnivel Connection: ligacaodb Table: nível Columns: All Filter e Sort: None. Um recordset é uma estrutura (struct) que guarda temporariamente, em memória RAM, os dados lidos. Experimenta os botões «Test» e «Advanced». Página 2 de 5

«niveis»; Um botão com «Value: Seleccionar». 9.

3 O Dreamweaver produz o código relativo ao recordset: repara que as variáveis são precedidas pelo símbolo $ e que as instruções SQL são limitadas por. Apresentar dados numa página Processo automático 16. No menu «Insert», selecciona «Application Objects>Dynamic Data>Dynamic Table» e atribui recordset «rsnivel» e mostra todos os registos. Os dados podem ser visualizados num browser ou activando o botão «Live Data view». A tabela pode ser formatada recorrendo a CSS. 17. Cria uma página «listaferramentas.php», que permita visualizar todos os registos da tabela«ferramentas». 18. Cria uma página «listacincoferramentas.php», que permita visualizar registos apenas 5 registos da tabela «ferramentas». Quando uma lista é muito extensa é conveniente mostrar apenas um determinado número de registos de cada vez. No entanto, o processo automático não resolve o problema. Apresentar dados numa página Processo manual 19. Cria uma nova página «listaferram.php», com cabeçalho «Ferramentas Photoshop», e de seguida, insere uma tabela com três colunas e duas linhas, sendo a primeira o «Header», com os textos «Código», «Nome» e «Descrição». Um recordset é uma estrutura (struct) que guarda temporariamente, em memória RAM, os dados lidos. Experimenta os botões «Test» e «Advanced». O Dreamweaver produz o código relativo ao recordset: repara que as variáveis são precedidas pelo símbolo $ e que as instruções SQL são limitadas por. 20. Adiciona um novo recordset: Name: rsferramenta Connection: ligacaodb Table: ferramenta Columns: código, nome e descricao Filter e Sort: None. Clica e arrasta cada um dos campos do recordset para a respectiva coluna da tabela. Verifica que só é mostrada o primeiro registo da tabela. 21. Depois de seleccionar a linha da tabela que contém os dados (tag <tr>), escolhe a opção «Repeat Region» do separador «Server Behaviors», confirmando o recordset a usar e indicando que se pretende visualizar 2 linhas por página. Paginação dos resultados Processo automático 22. Para visualizar os restantes registos do recordset «rsferramentas», a seguir à tabela, insere uma barra de navegação: «Insert> Application Objects> Recordset Paging> Recordeset Navigation Bar». Página 3 de 5

Os dados podem ser visualizados num browser ou activando o botão «Live Data view». A tabela pode ser formatada recorrendo a CSS. 17. Cria uma página «listaferramentas.

4 A inserção da barra de navegação provocou a criação de um conjunto de Server Behaviors, do tipo «Show» e «Move». Paginação dos resultados Processo manual 23. Apaga a «Recordset Navigation bar» e cria uma tabela com uma linha e cinco colunas, com 600 pixéis de largura e com o texto: Primeiro Primeiro Anterior Anterior Seguinte Seguinte Último Último 24. Selecciona a primeira palavra e escolhe no «Server Behaviors», «Recordset Paging> Move to First Page» para o recordset «rsferramentas». Selecciona novamente a primeira palavra e escolhe «Show Region> Show If Not First Page» para o recordset «rsferramentas» e, por fim, para a segunda palavra «Primeiro», escolhe «Show Region> Show If First Page». Desta forma, aparecerá «Primeiro» sem link na primeira página e com link quando estivermos nas restantes páginas. 25. Para as restantes palavras, define os seguintes «Server Behaviors»: «Recordset Paging> Move to Previous Page» Anterior «Show Region> Show If Not First Page» Anterior «Show Region> Show If First Page» Seguinte «Recordset Paging> Move to Next Page» «Show Region> Show If Not Last Page» Seguinte «Show Region> Show If Last Page» Último Último «Recordset Paging> Move to Last Page» «Show Region> Show If Not Last Page» «Show Region> Show If Last Page» Pré-visualiza a barra no browser sem deixar de reparar na barra de endereços. O ponto de interrogação significa que são passados parâmetros para a página, a partir do endereço. Experimenta navegar nos resultados de uma qualquer pesquisa no Google e compara o procedimento. Analisa o código PHP gerado pelo Dreamweaver: Página 4 de 5

Selecciona a primeira palavra e escolhe no «Server Behaviors», «Recordset Paging> Move to First Page» para o recordset «rsferramentas».

5 Informação sobre os resultados 26. Usa a opção «Insert> Application Objects> Display Record Count> Recordset Navigation Status», antes da tabela mas depois do título, resultando: «Ferramentas 1 a 2 de 10.» Também poderiam ser usados os «Server Behaviors», Display Record Count> Starting, Ending e Total. Página 5 de 5

Navigation Status», antes da tabela mas depois do título, resultando:

Documentos relacionados

5 - Se o documento estiver completo, com os campos totalmente inseridos e com o aspecto que pretende, poderá guardá-lo.

5 - Se o documento estiver completo, com os campos totalmente inseridos e com o aspecto que pretende, poderá guardá-lo. Impressão em série de cartas de formulário e mailings em grande número Intercalação de correio Base de Dados em Excel Comece por planear o aspecto da sua página final - é uma carta, uma página de etiquetas