Como Criar um Catálogo de Produtos em PHP

A linguagem de script PHP permite que um desenvolvedor web crie um site que mostre aos visitantes uma variedade de conjuntos de dados dinâmicos. Por exemplo, o PHP pode ser usado para recuperar dados de produtos de um banco de dados MySQL e apresentar esses dados na web na forma de um catálogo de produtos online. O desenvolvedor pode estilizar o catálogo online usando regras de Cascading Style Sheets (CSS). MySQL, PHP e CSS são tecnologias de código aberto e podem ser usadas pelo desenvolvedor sem custo.

Passo 1

Inicie seu utilitário phpAdmin e crie uma nova tabela MySQL para hospedar os dados dos produtos. Nomeie a tabela como "produtos" e coloque um campo na tabela para cada item que deseja exibir no catálogo. Por exemplo, estude cuidadosamente o seguinte comando SQL. Você pode inserir este comando na linha de comando SQL do seu utilitário phpAdmin. O comando inicia uma nova tabela de produtos e cria campos id, descrição, upcNumber, nome, preço, imagem e timestamp.

CREATE TABLE `seuBanco`.`produtos` (
  `id` INT(100) NOT NULL AUTO_INCREMENT PRIMARY KEY,
  `descricao` VARCHAR(3000) NOT NULL,
  `upcNumber` VARCHAR(100) NOT NULL,
  `nome` VARCHAR(100) NOT NULL,
  `preco` VARCHAR(100) NOT NULL,
  `imagem` VARCHAR(100) NOT NULL,
  `timestamp` TIMESTAMP(200) NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE = MYISAM

Passo 2

Preencha os novos campos de dados com suas informações de produtos. Coloque a informação de cada produto no campo correspondente. Você pode fazer isso clicando no botão "Inserir" do utilitário phpAdmin. Por exemplo, coloque o nome do produto no campo nome, o número UPC do produto no campo upcNumber e o nome do arquivo da imagem de cada produto no campo imagem.

Passo 3

Recupere os dados do catálogo usando PHP. O PHP recupera a descrição de cada produto do banco de dados e exibe os dados onde podem ser vistos pelos visitantes do site. Neste código de exemplo, o PHP consulta o banco de dados usando a função mysql_query, coloca os dados de cada produto em um array, percorre o array e atribui cada item de dado do produto a uma variável correspondente.

<?php
mysql_connect("localhost", "seuUsuario", "suaSenha") or die(mysql_error());
mysql_select_db("seuBancoDeDados") or die(mysql_error());

$data = mysql_query("SELECT * FROM produtos ORDER BY id DESC") or die(mysql_error('Nenhum Registro Encontrado'));

while($info = mysql_fetch_array($data)) {
  $nome = $info['nome'];
  $descricao = $info['descricao'];
  $upcNumber = $info['upcNumber'];
  $arquivoImagem = $info['imagem'];
  $preco = $info['preco'];
}
?>

Passo 4

Imprima e estilize a saída PHP com regras CSS. Este exemplo estiliza a apresentação da imagem de cada produto para o visitante usando uma regra CSS inline. A imagem foi flutuada à esquerda, o nome do produto colocado dentro de uma tag H1, o número UPC exibe dentro de uma tag H4, o preço aparecerá como heading H5 e a descrição aparecerá em uma tag de parágrafo.

<img src="<?php echo $arquivoImagem; ?>" />
<h1><?php echo $nome; ?></h1>
<h4><?php echo $upcNumber; ?></h4>
<h5><?php echo $preco; ?></h5>
<p><?php echo $descricao; ?></p>

Passo 5

Coloque a saída estilizada dentro do loop do array de cada produto. Isso exibirá uma ocorrência para cada produto recuperado do banco de dados. O código PHP completo agora aparece da seguinte forma.

<?php
mysql_connect("localhost", "seuUsuario", "suaSenha") or die(mysql_error());
mysql_select_db("seuBancoDeDados") or die(mysql_error());

$data = mysql_query("SELECT * FROM produtos ORDER BY id DESC") or die(mysql_error('Nenhum Registro Encontrado'));

while($info = mysql_fetch_array($data)) {
  $nome = $info['nome'];
  $descricao = $info['descricao'];
  $upcNumber = $info['upcNumber'];
  $arquivoImagem = $info['imagem'];
  $preco = $info['preco'];
?>
  <img src="<?php echo $arquivoImagem; ?>" />
  <h1><?php echo $nome; ?></h1>
  <h4><?php echo $upcNumber; ?></h4>
  <h5><?php echo $preco; ?></h5>
  <p><?php echo $descricao; ?></p>
<?php } ?>

• Como Fazer um Gráfico no Publisher
• Como Reduzir Tamanho de Arquivo no After Effects