CRIANDO TABELA EM HTML PARA RECEBER DADOS DO PHP
Douglas de Oliveira Tybel
Análise de Sistemas pela Faculdade Vale do Cricaré (2006). Pós graduação em Engenharia de Softwares (2008). Professor na Faculdade Vale do Cricaré. Desenvolve em Delphi desde 1998 e Java desde 2006.
Análise de Sistemas pela Faculdade Vale do Cricaré (2006). Pós graduação em Engenharia de Softwares (2008). Professor na Faculdade Vale do Cricaré. Desenvolve em Delphi desde 1998 e Java desde 2006.
RESUMO:
Este artigo orienta o leitor a elaborar um arquivo em HTML capaz de ser incluído de um arquivo PHP e montar dados dinâmicos. Para isso será necessário desenhar uma tabela em HTML, mas separar a parte estática da dinâmica, de forma a usar através do PHP o resultado de uma consulta MYSQL para montar a tabela. A maioria dos programadores usa o comando echo para imprimir tabelas ou códigos HTML, deixando o código totalmente desorganizado e difícil entendimento. O problema proposto é dividir a parte estática da dinâmica em uma tabela HTML de forma que esta será preenchida com dados por um script PHP.
PALAVRAS-CHAVE: Classe. Objeto. PHP. HTML. Produtos. Listagem. Formulário. Listagem de produtos.
1. INTRODUÇÃO
Em muitos posts ou fórum é possível encontrar trechos de códigos HTML em script PHP, esses códigos são impressos por comando de saída do PHP, assim como echo ou print. O que ocorre é que esses códigos são normalmente desenhados em um editor HTML e ao final, todo aquele código é colado em um comando de saída, exemplo: echo “</b>Olá Mundo</b>”. Isso ocorre com tabelas também, causando uma dificuldade para manutenção, dificuldade para encontrar um erro e etc. Só para exemplificar, em caso de alterações em uma tabela, o programador copia o trecho de códigos HTML que está no script PHP, cola no editor HTML novamente, efetua as alterações e cola no script PHP de novo. Aprenda como desenhar uma tabela e dividi-la de forma a incluí-la em qualquer script PHP.
2.
PARA QUE SERVER
Evite usar comandos de saída PHP para imprimir as tão trabalhosas tabelas HTML.
3.
EM QUE SITUAÇÃO O TEMA ÚTIL
Organize suas tabelas e estruture seu programa, facilite a manutenção do designer e faça um bom trabalho.
1. Temos que desenhar uma tabela e dividi-la em dois arquivos, o primeiro chamado tabela_cabecalho.htm contendo os códigos HTML referentes ao titulo da tabela e o segundo que chamaremos de tabela_corpo.htm ficará com o código referente às linhas deste titulo, que serão usadas posteriormente em arquivos php:
2. Estrutura de pasta dentro do c:\xampp\htdocs\exercicio1
Em uma pagina em brando do FrontPage, insira uma tabela 2x2 conforme imagem abaixo ou no menu Tabela >> Inserir >> Tabela.
Figura 1
Desenhe a tabela conforme imagem abaixo:
Figura 2
Nós teremos que separar em dois arquivos diferentes o cabeçalho das linhas, para isso visualize a parte do código em HTML referente ao cabeçalho desta tabela.
Saiba diferenciar os códigos do topo e os dados da linha.
Observe no código HTML acima o seguinte trecho:
Código Barra
Produto
Listagem 1: Códigos HTML referente ao cabeçalho da tabela.
Esse trecho é o cabeçalho da sua tabela, salve este conteúdo em um arquivo chamado: tabela_cabecalho.htm
Observe o código referente ao corpo da tabela, onde serão impressa as linhas da tabela de forma dinâmica pelo script PHP:
Listagem 2: Códigos HTML referente ao corpo da tabela, cada linha repetirá o código acima.
Esse trecho é uma linha da sua tabela do MYSQL que era fornecida pelo script PHP ao instanciar as variáveis ($codigo_barra, $produto), salve este conteúdo em um arquivo chamado: tabela_corpo.htm
Salve os arquivos na seguinte pasta c:\xampp\htdocs\exercicio1
Ao incluir o primeiro e o segundo código via script PHP, seguindo a lógica abaixo ficaria:
//incluir a classe produtos
include_once('class/Produto.class.php');
//Incluir o topo da tabela em htm
include 'tabela_cabecalho.htm';
//Criando e Instanciando o objeto
$oProduto = new Produto;
//Salvando o resultado da consulta getProduto na variavel rs
$rs = $oProduto->getProduto();
//Define a variavel registro = ao conteúdo em array do resultado da consulta rs
while($registro = mysql_fetch_array( $rs )){
//Pegar os registros por vetores na variavel
$codigo_barra = $registro["codigo_barra"];
$produto = $registro["produto"];
//Incluir os códigos em htm referente a cada linha da tabela
include 'tabela_corpo.htm';
}
Listagem 3: Códigos em PHP referente a montagem da tabela HTML dinamicamente.
Código Barra
Produto
Listagem 4: Códigos em HTML completo após a montagem em PHP.
Esse código em PHP substituirá as variáveis por dados, imprimindo a tabela de forma dinâmica.
CONCLUSÃO
Após este artigo é possível realizá-lo em outras situações, basta montar a tabela de forma correta. Esta forma possibilita mudanças na tabela de maneira mais simples já que basta unir os arquivos, editá-lo e separá-lo novamente ou apenas corrigir o arquivo HTML responsável pelo desenho. No próximo artigo desta série, aprenda como criar a classe em PHP para acesso ao banco de dados MYSQL.
REFERÊNCIAS
Melo, Ana Cristina. Desenvolvendo Aplicações com UML, 1 º Edição, Brasport, 2002.
Melo, Ana Cristina. Desenvolvimento aplicações com UML 2.0: do conceitual à implementação / Ana Cristina Melo. – 2. Ed. – Rio de Janeiro : Brasport, 2004.
Gonçalves, Edson. Dominando NetBeans, Rio de Janeiro: Editora Ciência Moderna Ltda., 2006.
