Olá leitores do blog Cursos Legais! É um prazer recebê-los aqui para explorar o empolgante processo de conectar páginas web a bancos de dados. Se você está ansioso para aprender a criar aplicações web dinâmicas que interagem com bancos de dados, você está no lugar certo. Neste curso passo a passo, vamos cobrir desde os conceitos básicos até a construção de 10 exemplos práticos de ligação entre páginas web e bancos de dados usando diferentes tecnologias.

Passo 1: Introdução à Ligação entre Páginas Web e Bancos de Dados

Vamos começar nossa jornada entendendo a importância da ligação entre páginas web e bancos de dados em aplicações dinâmicas.

Passo 2: Configuração do Ambiente e Primeiro Exemplo

Antes de mergulharmos nos exemplos de código, precisamos configurar nosso ambiente e criar um exemplo simples de ligação entre uma página web e um banco de dados.

Instale um Servidor Web e Banco de Dados: Você pode usar XAMPP, WAMP ou qualquer outro servidor web local e o MySQL para o banco de dados.
Crie uma Pasta para o Projeto: Crie uma pasta chamada "ligacao-web-banco-dados" em seu diretório de projetos.

Exemplo 1: Listagem de Dados do Banco de Dados

Crie um banco de dados chamado "exemplo" e uma tabela "usuarios" com colunas "id" e "nome".

Crie um arquivo chamado "index.html" na pasta do projeto:

html
<!DOCTYPE html>
<html>
<head>
    <title>Listagem de Dados do Banco de Dados</title>
</head>
<body>
    <h1>Listagem de Usuários</h1>
    <ul>
        <?php
        $conexao = new mysqli("localhost", "root", "", "exemplo");

        if ($conexao->connect_error) {
            die("Erro na conexão: " . $conexao->connect_error);
        }

        $sql = "SELECT id, nome FROM usuarios";
        $resultado = $conexao->query($sql);

        if ($resultado->num_rows > 0) {
            while ($linha = $resultado->fetch_assoc()) {
                echo "<li>ID: " . $linha["id"] . " - Nome: " . $linha["nome"] . "</li>";
            }
        } else {
            echo "<li>Nenhum usuário encontrado.</li>";
        }

        $conexao->close();
        ?>
    </ul>
</body>
</html>

Acesse o projeto através do servidor web para ver o exemplo em ação.

Passo 3: Cadastro de Dados no Banco de Dados

Vamos aprender como inserir dados em um banco de dados através de uma página web:

Exemplo 2: Formulário de Cadastro e Inserção de Dados

Crie um arquivo chamado "index.html" com o seguinte conteúdo:

html
<!DOCTYPE html>
<html>
<head>
    <title>Cadastro de Usuário</title>
</head>
<body>
    <h1>Cadastro de Usuário</h1>
    <form method="post" action="cadastro.php">
        Nome: <input type="text" name="nome"><br>
        <input type="submit" value="Cadastrar">
    </form>
</body>
</html>

Crie um arquivo chamado "cadastro.php" com o seguinte conteúdo:

php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $nome = $_POST["nome"];

    $conexao = new mysqli("localhost", "root", "", "exemplo");

    if ($conexao->connect_error) {
        die("Erro na conexão: " . $conexao->connect_error);
    }

    $sql = "INSERT INTO usuarios (nome) VALUES ('$nome')";

    if ($conexao->query($sql) === true) {
        echo "Usuário cadastrado com sucesso!";
    } else {
        echo "Erro no cadastro: " . $conexao->error;
    }

    $conexao->close();
}
?>

Passo 4: Atualização de Dados no Banco de Dados

Vamos aprender como atualizar dados em um banco de dados através de uma página web:

Exemplo 3: Formulário de Atualização e Edição de Dados

Crie um arquivo chamado "index.html" com o seguinte conteúdo:

html
<!DOCTYPE html>
<html>
<head>
    <title>Atualização de Usuário</title>
</head>
<body>
    <h1>Atualização de Usuário</h1>
    <?php
    if ($_GET["id"]) {
        $id = $_GET["id"];
        $conexao = new mysqli("localhost", "root", "", "exemplo");

        if ($conexao->connect_error) {
            die("Erro na conexão: " . $conexao->connect_error);
        }

        $sql = "SELECT id, nome FROM usuarios WHERE id = $id";
        $resultado = $conexao->query($sql);

        if ($resultado->num_rows > 0) {
            $linha = $resultado->fetch_assoc();
            echo "<form method='post' action='atualizacao.php'>
                    Nome: <input type='text' name='nome' value='" . $linha["nome"] . "'><br>
                    <input type='hidden' name='id' value='" . $linha["id"] . "'>
                    <input type='submit' value='Atualizar'>
                  </form>";
        } else {
            echo "Usuário não encontrado.";
        }

        $conexao->close();
    }
    ?>
</body>
</html>

Crie um arquivo chamado "atualizacao.php" com o seguinte conteúdo:

php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $id = $_POST["id"];
    $nome = $_POST["nome"];

    $conexao = new mysqli("localhost", "root", "", "exemplo");

    if ($conexao->connect_error) {
        die("Erro na conexão: " . $conexao->connect_error);
    }

    $sql = "UPDATE usuarios SET nome = '$nome' WHERE id = $id";

    if ($conexao->query($sql) === true) {
        echo "Usuário atualizado com sucesso!";
    } else {
        echo "Erro na atualização: " . $conexao->error;
    }

    $conexao->close();
}
?>

Conclusão

Parabéns! Você concluiu este curso passo a passo sobre como ligar uma página web a um banco de dados. Agora você tem as habilidades necessárias para criar aplicações web dinâmicas que interagem de forma eficaz com bancos de dados, permitindo a criação, leitura, atualização e exclusão de dados.

Sobre o Autor

Este curso foi elaborado por Rodrigo Ferreira da Silva, um analista de desenvolvedor de sistemas e big data apaixonado por compartilhar conhecimento sobre programação e tecnologia.

Continue explorando e aprimorando suas habilidades em desenvolvimento web e banco de dados!

Como ligar pagina web a um banco de dados