| Conceito | Descrição |
|---|---|
| Cliente (Client) | Programa/dispositivo usado pelo usuário (ex: navegador) |
| Servidor (Server) | Computador que processa e responde requisições |
| Front-end | Parte visual do sistema (HTML, CSS, JS) |
| Back-end | Parte interna/lógica do sistema (PHP, Java, Python, banco de dados) |
Fluxo básico
Cliente → Front-end → Back-end → Servidor/Banco → Resposta ao Cliente
formulario.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="http://localhost/recebe.php" method="get">
nome: <input type="text" name="nome" ><br>
cidade: <input type="text" name="cidade"><br>
<input type="submit" value="enviar">
</form>
</body>
</html>recebe.php
<?php
$nome = $_GET['nome'];
$cida = $_GET['cidade'];
echo "seu nome é $nome";
echo "<br>sua cidade é $cida";
?>
ATIVIDADE DE LABORATÓRIO
- Crie o arquivo “formulario.html” e salve ele na pasta do servidor WEB, no diretório “/var/www/html” (DICA: Aperte CTRL + E para abrir o gerenciador de arquivos)
- Crie o arquivo recebe.php e salve na pasta do servidor WEB, no diretório “/var/www/html“
- Abre o navegador de internet e acesse o endereço do servidor WEB local “http://localhost“
- Acesse o arquivo que você criou “http://localhost/formulario.html“
- Realize vários testes de envio e recebimento dos dados.
- Mostre o resultado ao professor e solicite o visto da atividade.
RESULTADO
Ao clicar no botão enviar, o resultado deverá ser algo semelhante a imagem abaixo:
