Agora que já possuímos registos na base de dados, chegou a hora de desenvolver o ficheiro product.php. Este ficheiro irá conter o código HTML responsável por listar todos os registos da tabela 'product'.

Seguindo a estrutura do nosso layout, vamos desenvolver o seguinte código HTML:

Para que esta tabela dinâmica funcione conforme pretendido, é necessário incluir, no ficheiro index.php, na tag head, os links para as folhas de estilo.

Não podemos esquecer-nos dos scripts no final do ficheiro index.php:

A maneira mais simples de realizar estes dois passos é aceder ao ficheiro tables_dynamic.html e copiar estas linhas.

Neste momento o resultado é este:

Chegou a altura de desenvolver o código PHP para selecionar todos os registos da base de dados. 

No início do ficheiro product.php, vamos implementar o seguinte código:

Neste momento, se existirem registos na base de dados, estes serão armazenados na variável $result. Assim, dentro da tag <tbody></tbody> da tabela que criámos, vamos implementar o PHP para gerar, linha a linha, a tabela com os registos da tabela 'product'

A função mysqli_fetch_assoc($result) retorna uma matriz associativa onde os nomes das colunas são usados como chaves. Exemplo:

$row = mysqli_fetch_assoc($result);

• $row será algo como ['coluna1' => 'valor1', 'coluna2' => 'valor2', ...]

Neste momento, o resultado do código gerado é o seguinte:

Falta-nos adicionar um botão a esta página para inserir produtos. Vamos criá-lo com o seguinte código HTML:

Que resulta da seguinte forma:

Apenas para concluir esta aula, vamos realizar uma alteração no arquivo index.php para garantir o correto funcionamento do nosso botão de adicionar:

Neste momento, já podemos adicionar os registos que desejarmos e, simultaneamente, visualizá-los na tabela.

Espero que aproveitem esta aula e conto com a vossa presença na próxima, que abordará a edição de um registo.