Slide 05 implementando o login , logout e flash data

Implementando o Login e Logout
Exibindo mensagens com o FlashData
Criado por: Raniere de Lima

Implementando o
Login e Logout

Hoje nós iremos aprender a criar uma função de Login e Logout para os clientes no
Mercado Online, e hoje nós faremos as seguintes configurações:
• Criaremos um formulário para Login;
• Criaremos a função de Login;
• Aprenderemos a utilizar a Session;
• Criaremos a função de Logout;
• Aprenderemos a utilizar o Anchor;
• Aprenderemos a utilizar o FlashData.
• Exercício;

Inicialmente para criar um sistema de login, precisaremos de alguns dados do
cliente para autenticar, neste caso utilizaremos o E-mail e Senha para autenticar,
precisaremos de um formulário de Login, e este formulário deve enviar as
informações para um novo controller chamado login que terá apenas o método
autenticar.
Utilize o helper FORM para lhe auxiliar.

No controller login, criaremos a função autentica e dentro desta função pegaremos
o E-mail e Senha que o usuário informou, e consultaremos no nosso Banco de Dados
para verificar se existe algum cadastro com o e-mail e senha informados. Para verificar
criaremos uma função no Usuarios_model chamado autentica, que receberá o
e-mail e senha.
Lembre-se de transformar a senha em MD5.

Nosso Controller deve estar semelhante a este:

Agora vamos criar nossa função autentica no usuarios_model. Para criar essa função
devemos receber como parâmetro um usuário, porém temos que verificar se o
E-mail e senha estão no nosso banco de dados e depois retorna se achou ou se não achou,
para verificar dados específicos em um Banco de dados precisamos utilizar um Where.
Porém como fazer isso no CodeIgniter?
Podemos fazer de duas maneiras simples.
1. Antes de consultar informa o Where;
2. Mudar nosso código para utilizar o get_where, que passamos a tabela e uma array
com os dados do Where.

1. Informando o Where antes da consulta:
public function autentica($usuario){
$this->db->where("email", $usuario["email"]);
$this->db->where("senha", $usuario["senha"]);
$usuario = $this->db->get("usuarios")->row_array();
return $usuario;
}

2. Utilizando o get_where:
public function autentica($usuario){
$usuario = $this->db->get_where("usuarios", array(
"email"=>$usuario["email"],
"senha"=>$usuario["senha"])
)->row_array();
return $usuario;
}

Agora nós temos nosso código que verifica se existe um usuário com o E-mail e Senha
Informados. Porém, aonde vamos armazenar aquele resultado?
Seria legal que depois que localizarmos um usuário criar uma sessão para ele, algo que
só o usuário que eu acabei de achar e o servidor tivessem.
No CodeIgniter existe uma função chamada userdata, que fica dentro da classe session,
para adicionar um valor nesta função, utiliza o set_userdata, mas vamos passar uma
Mensagem também, para deixar nosso código mais compreensível para o usuário, e depois
Direcionaremos para uma view que exibirá está mensagem.
Então nosso código irá ficar semelhante a este:

Criado por: Raniere de LimaRealize um teste, utilizando o seu usuário cadastrado.

Só que quando vamos testar, ele já cai em um erro.

Mas espera um momento, nós já vimos este erro em outro slide:
A PHP Error was encountered
Severity: Notice
Message: Undefined property: Login::$session
Filename: controllers/login.php
Erro de propriedade indefinida?
Neste caso, nossa propriedade está correta, mas porque não está carregando?
Por um simples e pequeno motivo, esquecemos de carregar a library da session, mas a
Session é algo muito importante para todo meu código e eu vou utilizar bastante ela.
Então vamos voltar no AutoLoad, e além de carregar o database, iremos carregar a
Session automaticamente.

Mas se eu já fiz o login no sistema, não quero que apareça o formulário para fazer o login
Ou o formulário de cadastro novamente, eu quero que apareça apenas os produtos.
E se eu estou logado no sistema, eu também quero fazer o Logout.
Vamos fazer uma parte de cada vez:
1. Alteraremos a index, para caso estejamos logados, não exibir os formulários;
2. Criar um botão para fazer o logout;
3. Melhorar a visualização da mensagem de “Logado com Sucesso” ou
“Login ou Senha inválidas”;

Começaremos com o mais fácil e rápido, vá na pasta Produtos e no arquivo Index.php,
e antes de criar os formulários faça uma verificação utilizando um if.
- Mas if o que?
Se nós utilizamos o set_userdata, para atribuir um valor no userdata, vamos utiliza-lo
Para verificar se existe algum valor “setado” ou não.
Para realizar esta verificação fazemos:
<?php if($this->session->userdata("usuario_logado")) : ?>
E logo após criarmos o ultimo formulário, terminaremos o nosso if:
<?php endif ?>

Agora que fazemos uma verificação para ver se tem algum usuário
ativo ou não no sistema, só que falto o botão de deslogar. Para criar
este botão, utilizaremos um anchor, que recebe 3 parâmetros,
o primeiro é qual a ação dele quando clicado, o segundo é o nome que
será exibido e o terceiro é um array que contem as informações dele,
como class, id, name e outras Tag de HTML.

Nosso anchor direciona para o login/logout, porém ainda não criamos está função.
Vamos no Controller Login e criaremos a função logout, que ela ira retirar o valor
do login.
public function logout(){
$this->session->unset_userdata("usuario_logado");
}

Agora nós temos um sistema de Login e Logout de usuários, mas ainda falta melhorar
na questão das mensagens, seria legal utilizar alguma função que exibisse a mensagem
apenas uma vez e depois desaparecesse.
Para isso nós temos a função flashdata, que recebe 2 parâmetros.
O Primeiro parâmetro é o nome do flashdata e o segundo é a mensagem que dele.
Vamos adicionar um valor no flashdata quando fazemos o login. Para isso retorne a função
Autenticar e caso ele ache um usuário, adicione uma mensagem de:
“Login realizado com sucesso”
E depois, redirecione para a pagina inicial.

Depois de ter criado a mensagem, vamos exibi-la.
Vá na pasta Produtos e abra o arquivo Index, e antes da
tag h1 Produtos, verifique se tem algum flashdata do tipo
“success”, e se tiver vamos exibi-lo.

Este é o código que deve ser adicionado na Index:
<?php if($this->session->flashdata("success")) : ?>
<p style="text-align:center;" class="alert alert-success">
<?= $this->session->flashdata("success"); ?> </p>
<?php endif ?>
Agora temos uma index mais bonita e com uma mensagem mais agradavel.

Exercicio

Crie um flashdata para caso o login ou senha
estiverem erradas, e para quando o Logout
for realizado.

Slide 05 implementando o login , logout e flash data

Mais conteúdo relacionado

Destaque (8)

Semelhante a Slide 05 implementando o login , logout e flash data (14)

Último (19)

Slide 05 implementando o login , logout e flash data