Descubra como unir Bootstrap e PHP
01/03/2025Neste tutorial aprenderemos como integrar o framework frontend Bootstrap com a linguagem backend PHP exibindo resultados para o usuário.
Bootstrap com PHP
Primeiramente linkaremos o Bootstrap no HMTL, posteriormente faremos uma verificação do formulário no PHP e por fim exibiremos o resultado para o usuário final.
index.php
A index conterá o formulário e a mensagem final para o usuário.
<!doctype html>
<html lang="en">
<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">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<title>Document</title>
</head>
<body>
<?php if(count($_GET)>0){ ?>
<?php if($_GET['status'] == 'nao'){ ?>
<div class="alert alert-danger" role="alert">
Você ainda não pode dirigir.
</div>
<?php }else if($_GET['status'] == 'sim'){ ?>
<div class="alert alert-success" role="alert">
Você já pode dirigir, pois é maior de idade!
</div>
<?php } ?>
<?php } ?>
<form action="processa.php" method="post">
<input name="age" class="form-control form-control-lg" type="text" placeholder="Idade:" aria-label=".form-control-lg example">
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>processa.php
No arquivo de processamento vamos verificar se a idade é maior que 18 e se for vamos retornar um GET sim, senão retornaremos um GET nao. A partir desse GET exibiremos um alerta do bootstrap.
<?php
$age = filter_input(INPUT_POST,'age',FILTER_DEFAULT);
if($age < 18){
header('location:index.php?status=nao');
}else{
header('location:index.php?status=sim');
}Então é isso, por hoje é só! Fiquem todos com Deus! Sucesso nos códigos e na vida!
Precisa de ajuda na criação de sites? webdesignemfoco@gmail.com
Ninguém vem ao Pai, senão por mim. João 14:6
Posts Relacionados
