CodeRotas do Igniter: URL Roteamento com exemplo

Quais são CodeRotas do Igniter?

As rotas são responsáveis ​​por responder a URL solicitações. O roteamento corresponde ao URL às rotas predefinidas. Se nenhuma rota correspondente for encontrada, CodeO Igniter lança uma exceção de página não encontrada.

Rotas em CodeOs ignitores são definidos usando a fórmula abaixo:

example.com/Controller/Method/Parameter/

Aqui:

• O controlador é mapeado para o nome do controlador que deve responder ao URL.
• O método é mapeado para o método no controlador que deve responder à solicitação da URI.
• Parâmetro – esta seção é opcional.

CodeExemplo de rotas do Igniter

Vejamos agora um exemplo prático. URL roteamento em CodeIgnorar Exemplo. Considere o seguinte: URL: http://localhost:3000/contacts/edit/1

Aqui:

• O nome do controlador que respondeu ao acima mencionado URL é “contactos”.
• O método na classe controladora Contacts é “edit”.
• O método de edição aceita um parâmetro. Em nosso exemplo, o valor “1” é passado para o método.

Aqui está um breve histórico do que planejamos fazer:

• Roteamento – o roteamento responde a URL pedidos. CodeO roteamento do Igniter corresponde ao URL às rotas predefinidas. Se nenhuma rota correspondente for encontrada, CodeO Igniter lança uma exceção de página não encontrada.
• controladores – As rotas estão vinculadas aos controladores. Os controladores conectam os modelos e as visualizações. Eles solicitam dados e lógica de negócios do modelo e retornam os resultados por meio da apresentação da visualização. Uma vez que um URL Após ser associada a uma rota, a solicitação é encaminhada para uma função pública do controlador que interage com a fonte de dados e a lógica de negócios, retornando a visualização.
• Visualizações – as visualizações são responsáveis ​​pela apresentação. Uma visualização geralmente é uma combinação de HTML, CSS e JavaScriptEsta parte é responsável por exibir a página da web para o usuário. Normalmente, os dados exibidos são obtidos do banco de dados ou de outra fonte de dados.

Para aprender como implementar rotas em um projeto real, vamos supor que estamos criando um aplicativo para gerenciar informações de contato. A tabela a seguir mostra o URLcomo estaremos trabalhando.

Criaremos as rotas da nossa aplicação com base na tabela acima. Definimos o URLs, o CodeRota Igniter, e mapeadas para os respectivos nomes de controlador e método.

Criar URL Roteamento para o Aplicativo

Vamos criar CodeIgnorar URL Para o roteamento do nosso projeto tutorial, abra o arquivo application/config/routes.php e modifique as rotas para que correspondam ao seguinte:

$route['default_controller'] = 'welcome';
$route['contacts'] = 'contacts';
$route['create'] = 'contacts/create';
$route['edit/:id'] = 'contacts/edit';
$route['update/:id'] = 'contacts/update';
$route['delete/:id'] = 'contacts/delete';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

Aqui:

• $route['default_controller'] = 'bem-vindo'; define o controlador padrão Welcome.
• `$route['contacts'] = 'contacts';` define uma rota de contatos que chama o método `index` no controlador de Contatos.
• `$route['create'] = 'contacts/create';` define uma rota `create` que aponta para o controlador `Contacts` e chama o método `create`.
• `$route['edit/:id'] = 'contacts/edit';` define uma rota `edit` que aceita um parâmetro `id` e aponta para o método `edit` do controlador `Contacts`.
• `$route['update/:id'] = 'contacts/update';` define uma rota de atualização que aceita um parâmetro de ID e aponta para o método de atualização da classe `Contacts`.
• `$route['delete/:id'] = 'contacts/delete';` define uma rota de exclusão que aceita um parâmetro de ID e aponta para o método de exclusão do controlador de Contatos.

A tabela a seguir mostra os respectivos URLderivados das rotas definidas acima:

Agora que já abordamos as rotas, vamos criar o controlador de Contatos que responderá às ações especificadas nas rotas. Crie um novo arquivo Contacts.php em application/controllers/Contacts.php e adicione o seguinte código:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Contacts extends CI_Controller {

public function __construct() {
parent::__construct();
$this->load->helper('url');
}

public function index() {
$this->load->view('header');
$this->load->view('contacts/index');
$this->load->view('footer');
}

public function create() {
$this->load->view('header');
$this->load->view('contacts/create');
$this->load->view('footer');
}

public function edit($id) {
$this->load->view('header');
$this->load->view('contacts/edit');
$this->load->view('footer');
}

public function update($id) {
$this->load->view('header');
$this->load->view('contacts/update');
$this->load->view('footer');
}

public function delete($id) {
$this->load->view('header');
$this->load->view('contacts/delete');
$this->load->view('footer');
}
}

Aqui:

• A classe `Contacts` estende a classe `CI_Controller` {…} e define nossa classe de controlador, que por sua vez estende a classe `CI_Controller` que vem com o controlador. CodeIgnição.
• Os métodos definidos acima correspondem às rotas que definimos, e aqueles com parâmetros como delete aceitam um parâmetro de $id.
• Observe que as funções carregam três visualizações. O cabeçalho e o rodapé são comuns a todos os métodos. A visualização do meio é específica da ação, ou seja, "excluir" para a função de exclusão e "criar" para a função de criação. Outro ponto importante a lembrar é que as visualizações são carregadas do subdiretório de contatos.

CodeVisualizações do Igniter

Ainda precisamos de mais um passo antes de podermos testar o nosso CodeRotas Igniter com parâmetros no navegador web. Vamos criar as views correspondentes aos métodos do controller acima. A imagem a seguir mostra como ficará a aplicação:

Crie os seguintes arquivos em application/views:

header.php – this file will contain the contacts app menu and the header
footer.php – this file will contain the application footer

Crie um novo diretório chamado "contacts" dentro de application/views (application/views/contacts) e crie os seguintes arquivos dentro dele:

index.php
create.php
edit.php

A estrutura dos seus arquivos deve ser a seguinte:

Vamos agora atualizar o arquivo header.php:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CodeIgniter Routes</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>
<body>
<section class="section">
<div class="container">
<h1 class="title">CI Contacts v1</h1>
<h2 class="subtitle">CodeIgniter contacts management app</h2>
<div class="columns">
<div class="column is-one-quarter">
<aside class="menu">
<p class="menu-label">
General
</p>
<ul class="menu-list">
<li><a class="is-active" href="#">Dashboard</a></li>
<li><a href="<?=site_url('contacts/create')?>">New Contact</a></li>
<li><a href="<?=site_url('contacts/edit/1')?>">Edit Contacts</a></li>
</ul>
<p class="menu-label">
Settings
</p>
<ul class="menu-list">
<li><a href="#">SMS</a></li>
<li><a href="#">Email</a></li>
</ul>
</aside>
</div>

Aqui:

• O código HTML acima carrega o CSS do Bulma a partir de uma CDN.

Segue abaixo o código do arquivo footer.php:

</div>
</div>
</section>
</body>
</html>

Vamos agora adicionar o código para os arquivos index.php, edit.php e create.php da seção de contatos:

index.php
<div class="column">Index content goes here...</div>
edit.php
<div class="column">Edit content goes here...</div>
create.php
<div class="column">Create content goes here...</div>

Você pode salvar todas as alterações feitas. Abra o seguinte arquivo. URL No seu navegador web: http://localhost:3000/contacts/Você pode clicar nos links Novo Contato e Editar Contato e ver o que acontece.

Perguntas Frequentes