CodeRutas de encendido: URL Enrutamiento con ejemplo

¿Qué son Code¿Rutas de encendido?

Las rutas son responsables de responder a URL solicitudes. El enrutamiento coincide con el URL a las rutas predefinidas. Si no se encuentra ninguna coincidencia de ruta, CodeIgniter genera una excepción de página no encontrada.

Rutas en CodeLos ignitores se definen mediante la siguiente fórmula:

example.com/Controller/Method/Parameter/

Aquí:

• El controlador se asigna al nombre del controlador que debe responder a la URL.
• El método se asigna al método del controlador que debe responder a la solicitud URI.
• Parámetro: esta sección es opcional.

CodeEjemplo de rutas de Igniter

Veamos ahora un ejemplo práctico. URL enrutamiento en CodeEncendedor Ejemplo. Considere lo siguiente URL: http://localhost:3000/contacts/edit/1

Aquí:

• El nombre del controlador que responde a lo anterior URL es “contactos”.
• El método en la clase del controlador Contacts es “edit”.
• El método de edición acepta un parámetro. En nuestro ejemplo, se le pasa el valor “1”.

Aquí hay una breve descripción de lo que planeamos hacer:

• enrutamiento – el enrutamiento responde a URL peticiones. CodeEl enrutamiento de Igniter coincide con el URL a las rutas predefinidas. Si no se encuentra ninguna coincidencia de ruta, CodeIgniter genera una excepción de página no encontrada.
• Control – Las rutas están vinculadas a los controladores. Los controladores unen los modelos y las vistas. Solicitan datos y lógica de negocio al modelo y devuelven los resultados a través de la presentación de la vista. Una vez que URL Una vez que se ha asociado con una ruta, se reenvía a una función pública del controlador que interactúa con la fuente de datos y la lógica de negocio y devuelve la vista.
• Vistas – las vistas son responsables de la presentación. Una vista suele ser una combinación de HTML, CSS y JavaScriptEsta sección se encarga de mostrar la página web al usuario. Normalmente, los datos que se muestran se obtienen de la base de datos o de otra fuente de datos.

Para aprender cómo implementar rutas en un proyecto del mundo real, asumimos que estamos creando una aplicación para administrar detalles de contacto. La siguiente tabla muestra la URLCon los que trabajaremos.

Crearemos las rutas de nuestra aplicación basándonos en la tabla anterior. Hemos definido la URLs, el CodeEnrutamiento de Igniter, y los asigné a los nombres de controlador y método correspondientes.

Creamos URL Enrutamiento para la aplicación

Vamos a crear CodeEncendedor URL Enrutamiento para nuestro proyecto tutorial. Abra application/config/routes.php y modifique las rutas para que coincidan con lo siguiente:

$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;

Aquí:

• $ruta['default_controller'] = 'bienvenido'; define el controlador predeterminado Bienvenido.
• $route['contacts'] = 'contacts'; define una ruta de contactos que llama al método index en el controlador Contacts.
• $route['create'] = 'contacts/create'; define una ruta create que apunta al controlador Contacts y llama al método create.
• $route['edit/:id'] = 'contacts/edit'; define una ruta edit que acepta un parámetro id y apunta al método edit del controlador Contacts.
• $route['update/:id'] = 'contacts/update'; define una ruta de actualización que acepta un parámetro de id y apunta al método de actualización de la clase Contacts.
• $route['delete/:id'] = 'contacts/delete'; define una ruta delete que acepta un parámetro id y apunta al método delete del controlador Contacts.

La siguiente tabla muestra los respectivos URLs derivadas de las rutas definidas anteriormente:

Ahora que hemos cubierto las rutas, vamos a crear el controlador de Contactos que responderá a las acciones especificadas en las rutas. Crea un nuevo archivo Contacts.php en application/controllers/Contacts.php y agrega el siguiente 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');
}
}

Aquí:

• La clase Contacts extiende CI_Controller {…} define nuestra clase de controlador y extiende la clase CI_Controller que viene con CodeEncendedor.
• Los métodos definidos anteriormente corresponden a las rutas que definimos, y aquellos con parámetros como delete aceptan un parámetro de $id.
• Observa que las funciones cargan tres vistas. El encabezado y el pie de página son comunes a todos los métodos. La vista central es específica para cada acción: eliminar para la función de eliminación y crear para la función de creación. Otro aspecto importante a tener en cuenta es que las vistas se cargan desde el subdirectorio de contactos.

CodeVistas de Igniter

Todavía necesitamos un paso más antes de poder probar nuestro CodeRutas de Igniter con parámetros en el navegador web. Creemos las vistas correspondientes a los métodos del controlador mencionados anteriormente. La siguiente imagen muestra el aspecto que tendrá la aplicación:

Cree los siguientes archivos en application/views:

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

Crea un nuevo directorio llamado contacts dentro de application/views (application/views/contacts) y crea los siguientes archivos dentro de él:

index.php
create.php
edit.php

La estructura de sus archivos debe ser la siguiente:

Ahora vamos a actualizar el archivo 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>

Aquí:

• El código HTML anterior carga el CSS de Bulma desde una CDN.

El siguiente es el código del archivo footer.php:

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

Ahora vamos a añadir el código para los archivos index.php, edit.php y create.php para contactos:

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>

Puedes guardar todos los cambios que se hayan realizado. Abre lo siguiente URL en su navegador web: http://localhost:3000/contacts/Puedes hacer clic en los enlaces "Nuevo contacto" y "Editar contacto" para ver qué sucede.

Preguntas Frecuentes