CodeExemplo do framework Igniter MVC (Model View Controller)

O que é MVC?

MVC significa Model-View-Controller (Modelo-Visão-Controlador). É um padrão arquitetural que divide a aplicação em três componentes principais:

1. O modelo lida com a lógica de negócios e as interações com o banco de dados.
2. O controlador coordena as atividades entre o modelo e a visualização.
3. A visualização é responsável pela apresentação dos dados.

A seguir, apresentamos algumas das vantagens do padrão arquitetural MVC:

• Acoplamento fraco – os componentes existem e funcionam independentemente uns dos outros.
• Flexibilidade – você pode facilmente fazer alterações em componentes individuais.
• Aumento da produtividade – mais de uma pessoa pode trabalhar no projeto simultaneamente. Os desenvolvedores front-end podem trabalhar nas visualizações e na apresentação, enquanto os desenvolvedores back-end se concentram nos modelos e, como o sistema é fracamente acoplado, tudo funciona em conjunto no final.

Modelo

O modelo é responsável por interagir com as fontes de dados. Normalmente, trata-se de um banco de dados, mas também pode ser um serviço que fornece os dados solicitados. É prática comum manter a lógica de negócios nos modelos, em vez do controlador. Essa prática é geralmente chamada de "modelo robusto, controlador enxuto".

O modelo geralmente grava dados no banco de dados e fornece um mecanismo para editar, atualizar e excluir dados. Em uma aplicação web moderna, os modelos utilizam padrões de projeto de acesso a dados, como o Active Record, para facilitar a interação com o banco de dados.

Por exemplo, nos CodeO Igniter utiliza uma biblioteca Active Record integrada para auxiliar nos modelos, enquanto outros frameworks como o Laravel usam o Eloquent Object Relational Mapper (ORM) para acesso aos dados.

Responsável pelo Tratamento

O controlador fica à escuta de solicitações de recursos vindas dos usuários. Ele atua como intermediário entre o modelo e a visão, e às vezes também implementa algumas regras de negócio. Suponha que o controlador receba uma solicitação para cadastrar um usuário no banco de dados.

O controlador pode realizar a validação dos dados enviados para garantir que todos os parâmetros necessários estejam presentes. Caso algum parâmetro esteja faltando, o usuário é redirecionado para a página de cadastro com a mensagem de erro apropriada. O controlador também pode solicitar ao modelo que realize validações adicionais, como verificar se o endereço de e-mail enviado já existe. Se todas as regras de validação forem aprovadas, o controlador envia os dados ao modelo para processamento e aguarda a resposta.

Depois que o modelo tiver processado as informações e retornado uma resposta positiva, o controlador carrega a visualização apropriada e passa os dados retornados do modelo como parâmetro.

Consultar

A visualização trata dos dados apresentados ao usuário final. Em aplicações web, as visualizações geralmente contêm HTML, CSS e, opcionalmente, JavaScriptAs views contêm um código de programação mínimo, geralmente apenas o suficiente para percorrer coleções de dados recebidos do modelo, ou uma função auxiliar para limpar dados ou criar links de edição. A maioria das aplicações web modernas utiliza mecanismos de templates com sua própria sintaxe semelhante a pseudocódigo, que os designers conseguem entender. Ao trabalhar com CodeNo Igniter, é prática comum usar tags PHP curtas e estruturas de controle. Para exibir algo em CodeIgniter, você pode usar o seguinte código:

<?=$title?>

Em oposição a:

<?php
echo $title;
?>

As estruturas de controle geralmente são escritas da seguinte forma:

<?php foreach ($customers as $customer): ?>
<li>
<p><?=$customer->first_name?></p>
</li>
<?php endforeach; ?>

Como você pode ver no exemplo acima, a visualização usa uma combinação de PHP e HTML em vez de incluir tudo em código PHP puro.

Como funcionam os frameworks MVC

A imagem a seguir mostra como funciona o framework MVC.

Um controlador recebe a solicitação do usuário, interage com o modelo de banco de dados, se necessário, e então retorna o resultado para o navegador na forma de código HTML, que o navegador interpreta em um formato legível para humanos e exibe para o usuário.

CodeControlador de ignição

Vamos agora analisar o que aconteceu quando carregamos o URL No navegador, abra o arquivo Welcome.php do controlador localizado em application/controllers. Você deverá ver o seguinte código:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
$this->load->view('welcome_message');
}
}

Aqui:

• `defined('BASEPATH') OR exit('No direct script access allowed');` impede o acesso direto ao controlador se a requisição não passou por `index.php`. Isso é por motivos de segurança.
• A classe `Welcome` estende `CI_Controller` {…} e define a classe do controlador `Welcome`, que por sua vez estende a classe pai `CI_Controller`.
• A função pública index(){…} define o método index que responde ao URL http://localhost:3000.
• `$this->load->view('welcome_message');` carrega a view `welcome_message` localizada no diretório `application/views`.

Agora vamos atualizar o método de indexação da seguinte forma:

public function index()
{
$this->load->model('customers_model');
$data['customer'] = $this->customers_model->get_customer(3);
$this->load->view('welcome_message',$data);
}

Aqui:

• $this->carregar->model('customers_model'); carrega o modelo de clientes.
• $data['customer'] = $this->customers_model->get_customer(3); chama o método get_customer de customers_model e passa o parâmetro 3. Neste exemplo, definimos o valor diretamente no código, mas em aplicações reais esse seria um parâmetro da URI.
• `$this->load->view('welcome_message',$data);` carrega a view `welcome_message` e passa a variável `$data` como argumento.

CodeModelo de ignição

Vamos agora criar o modelo referenciado no código acima. Para simplificar, nosso modelo não interagirá com o banco de dados mas retornará um registro de cliente estático. Trabalharemos com bancos de dados nos próximos tutoriais. Crie um arquivo Customers_model.php em application/models e adicione o seguinte código:

<?php
class Customers_model extends CI_Model {
public function get_customer($id) {
$data['id'] = 3;
$data['first_name'] = 'John';
$data['last_name'] = 'Doe';
$data['address'] = 'Kingstone';
return $data;
}
}

Aqui:

• class Customers_model estende CI_Model {…} define o modelo Customers_model que estende CI_Model.
• public function get_customer($id) {…} define o método get_customer com base em um id de cliente.
• $data[…] define os valores estáticos do nosso cliente fictício. Isso deve ser uma linha retornada do banco de dados.
• retornar $dados; retorna os dados do cliente.

Isso conclui nosso modelo. Agora, vamos modificar a view welcome_message. Abra o arquivo welcome_message.php localizado em:

application/views/welcome_message.php

Substitua o código pelo seguinte:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CodeIgniter MVC Basics</title>
</head>
<body>
<h1>Customer Details Card</h1>
<p>Customer ID : <strong><?=$customer['id']?></strong></p>
<p>First Name : <strong><?=$customer['first_name']?></strong></p>
<p>Last Name : <strong><?=$customer['last_name']?></strong></p>
<p>Address : <strong><?=$customer['address']?></strong></p>
</body>
</html>

Salve as alterações e carregue o seguinte URL no navegador web: http://localhost:3000/Você deverá ver o cartão do cliente conforme mostrado na imagem abaixo.

Perguntas Frequentes