Views no Modelo MVC com Codeigniter

Padr�o MVC no Codeigniter

Neste artigo vamos falar sobre as views do CodeIgniter. O CodeIgniter � baseado no modo de desenvolvimento Model-View-Controller. A MVC � uma abordagem de software que realiza a separaç�o da l�gica da aplicaç�o de sua apresentaç�o. Na pr�tica, permite que nossas p�ginas web contenham o m�nimo de script, j� que a apresentaç�o � separada do PHP.

View: � a informaç�o que ser� apresentada ao usu�rio. A view normalmente � uma p�gina web, mas no CodeIgniter, uma view pode ser tamb�m um fragmento de p�gina, como um cabeçalho ou rodap�. Ela pode ser tamb�m uma p�gina RSS, ou qualquer outro tipo de p�gina.

No CodeIgniter as views n�o s�o chamadas diretamente, elas necessitam ser chamadas por um controller. Devemos lembrar que em um framework MVC, o controller atua como um guarda de tr�nsito, sendo respons�vel por controlar o tr�fego de dados e chamar a view, quando necess�rio. Para este artigo usaremos o seguinte CONTROLLER como base.

Relacionado: Curso de CodeIgniter

Controller Modelo

N�o podemos esquecer que todos os controllers tem que ser salvos no diret�rio �application/controller� ou em subpastas. Vamos supor que nosso controller vai ter o seguinte nome: �inicial.php�.

Listagem 1: Controller Modelo


<?php
class Inicial extends CI_Controller { 
  
 function index()
  {
   echo "Nosso Controller modelo"
  }
}
?>

Criando uma view

Vamos criar uma view chamada viewprincipal.php e colocar o seguinte conte�do.

Listagem2: Criando View


<html>
 <head>
  <title>Primeira View</title>
 </head>
 <body> 
  <h1> Nossa primeira view </h1>
 </body>
</html>

Todas as views devem ser salvas no diret�rio application/views ou em subpastas.

Carregando uma View

Para carregarmos uma view especifica, devemos utilizar a seguinte funç�o

$this->load->view(�nome-da-view�);

Nome-da-view: � o nome do nosso arquivo view, a extens�o .php n�o precisa ser especificada a menos que desejemos utilizar outra coisa al�m dela.

Agora para vermos isso em funcionamento vamos abrir nosso controller inicial.php e carregar a view que acabamos de criar.

Listagem 3: Carregando view no Controller


<?php
class Inicial extends CI_Controller { 
  
 function index()
  {
   $this->load->view('viewprincipal');
  }
}
?>

E agora acessando nosso site como acessamos normalmente, obteremos o seguinte resultado.

Figura 1: Resultado primeira view

Carregando M�ltiplas Views

Para carregarmos v�rias views, basta chamarmos uma por linha e o CodeIgniter faz a montagem em uma s� exibiç�o. Vejamos a sintaxe

Listagem 4: M�ltiplas views sendo carregadas


<?php
class Inicial extends CI_Controller { 
  
function index()
 {
   $this->load->view('viewcabecalho');
   $this->load->view('viewcorpo');
   $this->load->view('viewrodape');
  }
}
?>

Nesse exemplo, estamos carregando tr�s views: uma para o cabeçalho, uma para o corpo e uma para o rodap�.

Views em subdiret�rio

Nossas views podem tamb�m ser organizadas dentro de subdiret�rios, se assim desejarmos. Para isso, ser� preciso incluir o nome de diret�rio no carregamento das views. Da seguinte maneira.

$this->load->view(�nome-do-diretorio/nome-da-view�);

Adicionando dados din�micos em uma View

Os dados ser�o passados do controller para a view atrav�s de um array ou de um objeto no segundo par�metro da funç�o de carregamento da view. Vejamos como isso � feito.

Listagem 5: Utilizando Array


$data = array(
    'title'   => 'Sobre',
    'content' => 'Texto da p�gina sobre',
);
 
$this->load->view('nome-da-view', $data);

Listagem 6: Utilizando objeto


$Data = new ClasseQualquer();
$this->load->view(�nome-da-view�, $Data);

Caso utilizemos esse modo, as vari�veis da classe ser�o transformadas em elementos de um array.

Agora vamos fazer um exemplo disso para entendermos melhor o funcionamento.

Abra nosso controller e coloque as seguintes linhas, como mostrado a seguir.

Listagem 7: Inserindo dados din�micos na view


<?php
class Inicial extends CI_Controller { 
  
  function index()
   {
    $data['title'] = "Nosso titulo";
    $data['heading'] = "Nosso cabeçalho.";
  
    $this->load->view('viewprincipal', $data);
   }
}
?>

Agora vamos abrir nosso arquivo view e alterar o texto para as vari�veis que correspondem �s chaves (Keys) do array, da seguinte maneira.

Listagem 8: Mudando dados na view


<html>
 <head>
  <title><?php echo $title;?></title>
 </head>
 <body>
  <h1><?php echo $heading;?></h1>
 </body>
</html>

Agora vamos carregar a p�gina usando a URL costumeira e veremos que as vari�veis ser�o substitu�das pelos textos configurados dentro do arquivo controller.

Figura 2: Resultado inserç�o de dados din�mico na View

Criando Loop

O array de dados que passamos aos nossos arquivos view n�o s�o limitados a simples vari�veis. Podemos passar arrays multidimensionais, que podem se repetir em loop para gerar m�ltiplas linhas. Por exemplo, se puxarmos alguma informaç�o de nosso banco de dados, ela geralmente vir� na forma de um array multidimensional. Vamos criar um exemplo de loop.

Vamos abrir nosso controller e por o seguinte c�digo nele, conforme abaixo.

Listagem 9: Criando loop


<?php
class Inicial extends CI_Controller { 
  
 function index()
  {
   $data['title'] = "Nosso titulo";
   $data['heading'] = "Nosso cabeçalho.";
   $data['artigos'] = array ('Front-End', 'PHP/SQL', 'FRAMEWORK');
  
   $this->load->view('viewprincipal', $data);
  }
}
?>

Agora vamos abrir o nosso arquivo view para criarmos nosso loop, coloque o seguinte c�digo conforme mostrado abaixo.

Listagem 10: Configurando loop na view


<html>
 <head>
  <title><?php echo $title;?></title>
 </head>
 <body>
  <h1><?php echo $heading;?></h1>
  <h3> Lista de temas </h3>
  <ul>
    <?php foreach($artigos as $item): ?>
      <li><?php echo $item ?></li>
    <?php endforeach ?>
  </ul>
 </body>
</html>

Figura 3: Resultado do loop

Assim concluimos esse artigo, isso n�o � tudo o que se tem para sabermos sobre views, mas esse b�sico sobre view, juntamente com os outros conte�dos sobre CodeIgniter sugeridos a seguir, nos transfere uma noç�o bem agrad�vel sobre o porte que o CodeIgniter possui. Espero que o tema tenha sido de agrado e entendimento de todos os leitores.

Abraços a todos e at� ao pr�ximo artigo.

Links �teis

Manual do PHP:
Site oficial do PHP
MYSQL:
Site Oficial do Mysql
PHP no Wikipedia:
Mais informaç�es sobre o Wikipedia

Saiba mais sobre PHP ;)

Introduç�o ao framework PHP CodeIgniter:
Veja neste artigo uma breve apresentaç�o e introduç�o ao framework PHP CodeIgniter, que trabalha sobre o modelo MVC e nos fornece diversas ferramentas para agilizar o desenvolvimento das aplicaç�es.
Trabalhando com controllers no CodeIgniter:
Veja neste artigo como funcionam os controllers no framework PHP CodeIgniter, como criar seus controllers e funç�es.
Utilizando templates no CodeIgniter:
Aprenda como criar e utilizar templates com o framework CodeIgniter e simplifique a construç�o e o reuso de p�ginas em suas aplicaç�es.

CodeIgniter: trabalhando com as Views do modelo MVC

Veja neste artigo como funcionam as Views do modelo MVC no framework PHP CodeIgniter, entendendo como criá-las e manipulá-las em suas aplicações.