Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal,
Estou trabalhando em cima de um cadastro de cliente completo(com consulta e exclusao), utilizando php e mysql
Após algumas pesquisas, esbarrei na questão de que este cadastro tem que ser em abas, por exemplo:
ABA1 ABA2 ABA3
Dados principais Dados do conjugue Medicações utilizadas
Vocês tem ideia de como desenvolver isso? ou apontar um caminho?
Obrigada,
Ola Anderson,
A questão da ABA com css/jquery, eu ate consigo desenvolver
O que pega para mim é a "separação" das sessoes, visto que, terei que ter os dados relacionados nas ABAS..
Esta é a parte que não tenho nem ideia de como aplicar..
Olá,
Seria, por exemplo, assim:
<form action="cadastro.php">
<div id="conteudo-aba-1">
<h2>Dados Pessoais</a>
<label>Nome:</label>
<input type="text" name="nome" value="<?=$nome?>" />
<label>Data de nascimento:</label>
<input type="date" name="data_nascimento" value="<?=$data_nascimento?>" />
<input type="button" value="Avançar" onclick="irParaAba2();" />
</div>
<div id="conteudo-aba-2" style="display:none">
<h2>Dados dos Conjuges</a>
<label>Nome do Conjuge:</label>
<input type="text" name="nome" value="<?=$nome_conjuge?>" />
<input type="submit" value="Finalizar" />
</div>
</form>
Note que quando o usuário clicar em avançar na primeira etapa ele não vai estar enviando os dados para o php, mas apenas exibindo a "aba 2", quando o PHP receber os dados ele vai receber os dados de todas as abas juntamente.Mas no caso da pessoa, nao clicar no AVANÇAR, mas clicar direto para ver algum dado ou revisar?
Normal, você só vai trocar de aba por javascript
Como disse, meu problema não é o Front-end..mas o back, pois tudo dependera da ficha do cliente que estara sendo visualizada.
No backend será a mesma coisa que você faria se não existisse abas, pois você receberá todos os dados, exemplo:
cadastro.php
<?php
$usuario = // aqui você pega o usuário no banco de dados
$nome = $usuario['nome'];
$data_nascimento = $usuario['data_nascimento'];
$nome_conjuge = $usuario['nome_conjuge'];
if(isset($_POST['nome']))
{
$nome = $_POST['nome'];
$data_nascimento = $_POST['data_nascimento'];
$nome_conjuge = $_POST['nome']
// aqui você faz a na validação e salva no banco de dados
}
?>
<form action="cadastro.php" method="POST">
<div id="conteudo-aba-1">
<h2>Dados Pessoais</a>
<label>Nome:</label>
<input type="text" name="nome" value="<?=$nome?>" />
<label>Data de nascimento:</label>
<input type="date" name="data_nascimento" value="<?=$data_nascimento?>" />
<input type="button" value="Avançar" onclick="irParaAba2();" />
</div>
<div id="conteudo-aba-2" style="display:none">
<h2>Dados dos Conjuges</a>
<label>Nome do Conjuge:</label>
<input type="text" name="nome_conjuge" value="<?=$nome_conjuge?>" />
<input type="submit" value="Finalizar" />
</div>
</form>
Qual a sua dificuldade, manusear o banco de dados?
Você pode usar o PDO
http://www.rafaelwendel.com/2011/12/tutorial-pdo-php-data-object/
http://www.diogomatheus.com.br/blog/php/trabalhando-com-pdo-no-php/
Oi Anderson,
Minha dificuldade é distribuir os dados vindo do banco..
Olá, você pode usar o PDO par manusear o baco de dados:
Por exemplo:
$dbhost = "localhost";
$dbname = "nome do banco de dados";
$username = "usuário no banco de dados";
$password = "senha do banco de dados";
$pdo = new PDO("mysql:host=$dbhost;dbname=$dbname", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// Exemplo de Consulta
$query = $pdo->prepare("SELECT nome FROM usuario WHERE id_usuario = :id_usuario"); 'id_usuario' => 5
));
$usuario = $query->fetch(PDO::FETCH_ASSOC);
var_dump($usuario);
// No HTML você pode usar:
// <input type="text" name="nome" value="<?=$usuario['nome']?>" />
// Exemplo de Cadastro
$nome = filter_var($_POST['nome'],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW | FILTER_FLAG_STRIP_HIGH);
$query = $pdo->prepare("INSERT INTO usuario(nome) VALUES(:nome)");Obs: eu não testei o código, o links abaixo tem mais detalhes:
http://www.rafaelwendel.com/2011/12/tutorial-pdo-php-data-object/
http://www.diogomatheus.com.br/blog/php/trabalhando-com-pdo-no-php/
Olá,
Você tem 2 opções:
A Primeira opção é bem mais simples.
Criar "Abas" em Javascript NÃO é uma tarefa difícil, mas você pode facilitar ainda mais com o jQuery.
http://jqueryui.com/tabs/