1 Criando a área administrativa do blog

Transcrição

1 1 Criando a área administrativa do blog 1.1 Adicionando registros ao banco de dados Para adicionar novos registros ao BD, é necessário um formulário no qual possamos inserí-los e também um método que receberá esses dados e os gravará no BD. Vamos iniciar esse processo criando um novo controller que fará o carregamento da view com o formulário das novas postagens. Este controller pode estar na pasta-raiz dos controllers, mas, por conveniência e comodidade, é preferível criar uma subpasta chamada administracao na qual os controllers da área de administração serão alocados. Isso nos permite usar controllers com o mesmo nome em hierarquias diferentes. Então, adicione este código-fonte a um controller chamado Postagens.php em application/controller/administracao: 2 class Postagens extends CI_Controller { 3 public function index(){ 4 $this->load->helper( form ); 5 $this->load->view( administracao/nova_postagem ); 6 } Adicione também a subpasta administracao à pasta views, conforme indicado no carregamento da view. Também crie a view nova_postagem.php com este código-fonte: 9 echo anchor(base_url()," Home "). 10 anchor(base_url("administracao/postagens")," Postagens "). 11 anchor(base_url("administracao/logout"), " Logout "). 12 heading("adicionar uma nova postagem",3); 13 $atributos = array( name => formulario_postagem, 14 id => formulario_postagem ); 15 echo form_open(base_url( administracao/postagens/adicionar ), $atributos). 16 form_label("título:","txt_titulo"). br(). 17 form_input( txt_titulo ). br(). 18 form_label("texto:","txt_texto").br(). 19 form_textarea( txt_texto ). br(). 20 form_submit("btn_enviar","cadastrar nova postagem"). 21 form_close(); 22?> 23 </body> 24 </html> O formulário aponta para administracao/postagens/adicionar. Para criar o método adicionar() que receberá os dados do formulário e os gravará no BD, acrescente este código-fonte ao controller Postagens.php: 1 public function adicionar(){ 2 $data[ titulo ] = $this->input->post( txt_titulo ); 3 $data[ texto ] = $this->input->post( txt_texto ); 4 if($this->db->insert( postagens,$data)){ 5 redirect(base_url( administracao/postagens )); 6 }else{ 7 echo "Não foi possível gravar a postagem no banco de dados";

2 9 } Nesse método o framework recebe os valores do formulário e atribui ao array $dados. Os nomes dos campos na tabela do BD devem coincidir com os índices do array; no caso, titulo e texto. Então, o método insert() da biblioteca de banco de dados recebe como parâmetro o nome da tabela(postagens, neste exemplo, e os dados de $dados. Note, ainda, que os valores para os campos id e datacadastro da tabela postagens são gerados automaticamente pelo SGBD - O campo id por ser do tipo autoincrement e datacadastro porque a função now() do MySQL foi definida como valor default do campo. Como exercício, adicione a validação ao formulário do mesmo modo como fizemos para o formulário de contato. 1.2 Alterando e excluindo registros do Banco de Dados Para carregar os dados das postagens em um formulário a fim de editá-los, começaremos alterando a página administracao/postagens incluindo a listagem das postagens existentes abaixo do formulário de inclusão de novas postagens. Altere o método index() do controller administracao/- Postagens.php conforme este código-fonte: 1 public function index(){ 2 $data[ postagens ] = $this->db->get( postagens )->result(); 3 $this->load->helper( form ); 4 $this->load->view( administracao/nova_postagem,$data); 5 } Então é necessário alterar a view nova_postagem.php em views/administracao para que mostre os registros já existentes: 9 echo anchor(base_url()," Home "). 10 anchor(base_url("administracao/postagens")," Postagens "). 11 anchor(base_url("administracao/logout"), " Logout "). 12 heading("adicionar uma nova postagem",3); 13 $atributos = array( name => formulario_postagem, 14 id => formulario_postagem ); 15 echo form_open(base_url( administracao/postagens/adicionar ), $atributos). 16 form_label("título:","txt_titulo"). br(). 17 form_input( txt_titulo ). br(). 18 form_label("texto:","txt_texto").br(). 19 form_textarea( txt_texto ). br(). 20 form_submit("btn_enviar","cadastrar nova postagem"). 21 form_close(). 22 heading("postagens existentes",3); 23 foreach($postagens as $post){ 24 echo anchor(base_url("administracao/postagens/excluir/".$post-> id), 25 " Excluir - ").

3 26 anchor(base_url("administracao/postagens/alterar/".$post-> id), 27 " Alterar - "). 28 "Postagem: ". date("d/m/y", strtotime($post->datacadastro )). 29 " - ". $post->titulo. br(); 30 } 31?> 32 </body> 33 </html> Para que seja possível editar uma postagem, é necessário ler seus dados no BD e carregá-los em um formulário. Adicione o método alterar() ao controller administracao/postagens.php: 1 public function alterar($id){ 2 $this->db->where( id, $id); 3 $data[ postagem ] = $this->db->get( postagens )->result(); 4 $this->load->helper( form ); 5 $this->load->view( administracao/alterar_postagem,$data); 6 } Adicione a view administracao/alterar_postagem.php conforme esse código-fonte: 9 echo anchor(base_url()," Home "). 10 anchor(base_url("administracao/postagens")," Postagens "). 11 anchor(base_url("administracao/logout"), " Logout "). 12 heading("adicionar uma nova postagem",3); 13 $atributos = array( name => formulario_postagem, 14 id => formulario_postagem ); 15 echo form_open(base_url( administracao/postagens/salvar_alteracao ), 16 $atributos). 17 form_hidden( id,$postagem[0]->id). 18 form_label("título:","txt_titulo"). br(). 19 form_input( txt_titulo,$postagem[0]->titulo). br(). 20 form_label("texto:","txt_texto"). br(). 21 form_textarea( txt_texto,$postagem[0]->texto). br(). 22 form_submit("btn_enviar","salvar postagem"). 23 form_close(); 24?> 25 </body> 26 </html> Agora, adicione o método salvar_alteracao() ao controller administracao/postagens.php: 1 public function salvar_alteracao(){ 2 $data[ titulo ] = $this->input->post( txt_titulo ); 3 $data[ texto ] = $this->input->post( txt_texto ); 4 $this->db->where( id,$this->input->post( id )); 5 if($this->db->update( postagens,$data)){ 6 redirect(base_url( administracao/postagens )); else{ 8 echo "Não foi possível gravar a alteração da postagem no banco de dados" ; 9 } 10 }

4 resta ainda acrescentar o método que faz a exclusão de uma postagem. excluir() ao controller administracao/postagens.php: 1 public function excluir($id){ 2 $this->db->where( id,$id); 3 if($this->db->delete( postagens )){ 4 redirect(base_url( administracao/postagens )); 5 }else{ 6 echo "Não foi possível excluir a postagem no banco de dados"; Adicione o método 1.3 Protegendo a página de administração com senha Este exemplo é uma maneira bastante simplificada de trabalhar com sessões. Vamos adicionar o controle de acesso à área de administração exigindo a autenticação do usuário por meio de usuário e senha. O processo de controle é extremamente simples: se existir uma sessão com dados válidos, é permitido acessar a página; se não, o usuário é redirecionado para a página de login. Vamos começar criando o controlador Login.php na pasta application/controllers/administracao com o código-fonte que fará o carregamento da view com o formulário de login. 2 class Login extends CI_Controller{ 3 public function index(){ 4 $this->load->library( session ); 5 $this->load->helper( form ); 6 $this->load->view( administracao/login ); Crie também a view administracao/login.php com o formulário de login: 9 $atributos = array( name => formulario_login, id => formulario_login ); 10 echo form_open(base_url( administracao/login/efetuar_login ), $atributos). 11 form_label("usuário:","txt_usuario"). br(). 12 form_input( txt_usuario ). br(). 13 form_label("senha:","txt_senha"). br(). 14 form_password( txt_senha ). br(). 15 form_submit("btn_enviar", " Efetuar Login"). 16 form_close(); 17?> 18 </body> 19 </html> Para adicionar a regra que controla o login e cria a sessão, implemente o seguinte método ao controlador Login.php 1 public function efetuar_login(){ 2 $this->load->library( session ); 3 $usuario = $this->input->post( txt_usuario ); 4 $senha = $this->input->post( txt_senha ); 5 if($usuario == "administrador" && $senha == "12345"){

5 6 $array = array("logado"=>true); 7 $this->session->set_userdata($array); 8 redirect("administracao/postagens"); 9 }else{ 10 $this->session->sess_destroy(); 11 redirect("administracao/login"); 12 } 13 } No controlador das Postagens, é necessário inserir a veriricação para checar se o usuário está ou não logado antes que ele tenha acesso a qualquer funcionalidade relativa à administração das postagens. Uma maneira simples e efetiva de fazer essa verificação é adicionar um construtor à classe e, em seguida, o controle de acesso ao construtor. Um construtor de uma classe é um método que será executado sempre que qualquer outro método da classe for executado ou sempre que a classe for instanciada. Dessa forma, ao acessar qualquer método da classe Postagens, ocorrerá uma checagem para verificar se o usuário está ou não logado. Adicione o construtor antes dos demais métodos conforme este código-fonte: 2 class Postagens extends CI_Controller { 3 public function construct(){ 4 parent:: construct(); 5 $this->load->library( session ); 6 if(!$this->session->userdata( logado )){ 7 redirect("administracao/login"); 9 } Para concluir, é necessário permitir que o usuário faça o logout do sistema. Como nosso link de logout aponta para administracao/logout, será necessário criar uma rota apontando para a classe correta e também o método de logout na classe. Acrescente esta rota ao arquivo de configuração routes.php 1 $route[ administracao/logout ] = administracao/login/logout ; Agora, adicione o método logout() ao controlador Login.php 1 public function logout(){ 2 $this->load->library( session ); 3 $this->session->sess_destroy(); 4 redirect("administracao/login"); 5 } Esse método destrói a sessão com $this->session->sess_destroy() e redireciona o usuário para a página de login novamente. Os três métodos do controlador Login.php carregam a biblioteca de sessão individualmente. Isso pode ser feito uma única vez adicionando-se o carregamento da biblioteca ao construtor da classe: 2 class Login extends CI_Controller{ 3 public function construct(){ 4 parent:: construct(); 5 $this->load->library( session ); 6 } 7 // Outros métodos da classe continuam aqui... Com isso, as outras chamadas à $this->load->library( session ) nos demais métodos dessa classe podem ser eliminadas. O código fica mais limpo e organizado. 1.4 Adicionando formatação CSS ao blog É tarefa rotineira acrescentar arquivos CSS e outros ao cabeçalho HTML de um site ou uma aplicação. O CodeIgniter permite fazer o link a arquivos externos de forma simplifica com o auxílio do HTML Helper.

6 Uma informação importante a ser observada é onde colocar arquivos CSS, JavaScript, de imagens etc. na estrutura física do projeto. Deve-se lembrar que esses arquivos necessariamente precisam ter acesso público, portanto é desejável separar o acesso a eles do restante da aplicação. O modo mais simples é criar uma estrutura de pastas específica para cada tipo de arquivo na raiz da aplicação, conforme mostrado na figura 1. Figura 1: Estrutura de Pastas auxiliares para arquivos CSS, JavaScript e de imagens Assim é possível acessar qualquer uma dessas pastas a partir da URL-base da aplicação, configurar permissão de escrita etc. Crie uma pasta nomeada assets e sua subpasta nomeada css conforme mostrado na figura 1 e inclua o arquivo estilo.css com os seguintes estilos: 1 *{ 2 font-family: Roboto Condensed, sans-serif; 3 } 4 body{ 5 background-color: #EFEFEF; 6 margin: 20px; 8 a{ 9 color: #000; 10 text-decoration: none; 11 display: inline-block; 12 padding: 15px; 13 margin: 2px; 14 background-color: #DDD; 15 border-radius: 6px; 16 } 17 h1,h2,h3,h4,h5,h6{ 18 text-align: center; 19 border-bottom: solid 1px #BBB; 20 } 21 p{ 22 background-color: #FFF; 23 padding: 20px; 24 border-radius: 6px; 25 } 26 ul{ 27 padding: 0px; 28 margin: 0px; 29 } 30 li{

7 31 list-style: none; 32 width: 100%; 33 background-color: #DDD; 34 border-radius: 6px; 35 margin-bottom: 4px; 36 } Então, modifique as views incluindo o link para os arquivos de estilo conforme mostrado neste trecho de código-fonte: 5 <title>meu Blog</title> 6 <? php 7 echo link_tag( Condensed ); 8 echo link_tag( assets/css/estilo.css ); 9?> 10 </head> 11 <body> Com o auxílio do HTML Helper foram inseridos dois arquivos CSS nas views: um arquivo de fonte do Google Fonts e o arquivo estilo.css. 2 Referência Bibliográfica Exemplo extraído de: Gabardo, Ademir C. Criando um E-Commerce com CodeIgniter. Novatec. São Paulo, 2015