Google Planilhas Avançado - #44 Lendo dados da Planilha via API II

15/01/2020

Na vídeoaula de hoje aprimoraremos a exibição dos dados vindos do Google Planilhas para o usuário final, exibindo os registros através de uma tabela.

Exibindo dados para o usuário

O primeiro passo é pegarmos o link da CDN do framework frontend Bootstrap.

Posteriormente vamos inserir o código html, já com a CDN dentro do arquvo read.php que ficará assim:

<?php
include("../lib/vendor/autoload.php");
$sheet=new Classes\ClassSpreadsheet();
$row=2;
$data=$sheet->readSheet("1HeIpedpNNe4S5l_JGm4Il5K0Nq0bT2bF0tBaaHM2C9E","Dados","A{$row}:C");
?>
<!doctype html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>API Google Planilhas</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>
    <h1>Leitura de Dados</h1><hr>
    <div class="col-8 m-auto text-center">
        <table class="table">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">Nome</th>
                    <th scope="col">Idade</th>
                    <th scope="col">Cidade</th>
                    <th scope="col">Ação</th>
                </tr>
            </thead>
            <tbody>
            <?php
            foreach ($data as $datas) {
            ?>
            <tr>
                    <th scope="row"><?php echo $datas[0]; ?></th>
                    <td><?php echo $datas[1]; ?></td>
                    <td><?php echo $datas[2]; ?></td>
                    <td>
                        <a href="edit.php?row=<?php echo $row; ?>">
                            <button class="btn btn-primary">Editar</button>
                        </a>
                    </td>
                </tr>
            <?php
                $row+=1;
            }
            ?>
            </tbody>
        </table>
    </div>
</body>

</html>

Vamos criar também o arquivo edit.php dentro da pasta views e vamos exibir a linha do arquivo que o usuário está clicando:

<?php
echo $_GET['row'];

Sucesso nos códigos e na vida!

Receba as aulas da Webdesign em Foco em Seu Email

Posts Relacionados

Google Planilhas Avançado - #43 Lendo dados da Planilha via API

Na aula de hoje realizaremos a leitura dos dados vindos da planilha do Google Spreadsheet utilizando a API.

Google Planilhas Avançado - #45 ClassLayout e Formulário

Na aula de hoje trabalharemos com uma classe pra definir o layout do nosso sistema e o formulário de dados.

Google Planilhas

Neste curso abordaremos a fundo as funcionalidades do Google Planilha. Adentraremos no Google App Script e na API do Google Sheet. Aproveite.