CodeRutas de encendido: URL Enrutamiento con ejemplo

Por: fiona marrón fiona marrón
Hours Actualizado

¿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, entonces, 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Í,

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

CodeEjemplo de rutas de Igniter

Veamos ahora un ejemplo práctico. URL Enrutamiento en CodeEncendedor ejemplo.

Considera 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 de controlador Contactos es "editar"
  • El método de edición acepta un parámetro. En el caso de nuestro ejemplo, el valor "1" se pasa al método.

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

  • enrutamiento – el enrutamiento es responsable de responder a URL peticiones. CodeEl enrutamiento de Igniter coincide con el URL a las rutas predefinidas. Si no se encuentra ninguna coincidencia de ruta, entonces 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. La solicitud de datos/lógica de negocio del modelo y la devolución de los resultados a través de la presentación de las vistas. Una vez que URL se ha emparejado con una ruta en CodeEn Igniter, se envía a una función pública del controlador que interactúa con la fuente de datos, la lógica de negocio y devuelve la vista que muestra los resultados.
  • Vistas – las vistas son responsables de la presentación. Una vista suele ser una combinación de HTML, CSS y JavaScriptEsta es la parte responsable de mostrar la página web al usuario. Normalmente, los datos que se muestran se obtienen de la base de datos o de cualquier otra fuente de datos disponible.

Para aprender a implementar enrutadores en un proyecto del mundo real, asumiremos que estamos creando una aplicación para administrar detalles de contacto. La siguiente tabla muestra la URLs con los que trabajaremos.

S / N URL Ruta Control Método
1 / $ruta['default_controller'] Bienvenido índice
2 / contactos $ruta['contactos'] Contacto índice
3 /contactos/crear $ruta['crear'] Contacto Para crear
4 /contactos/editar/id $ruta['editar/:id'] Contacto edición
5 /contactos/actualización/id $ruta['actualización/:id'] Contacto actualización
6 /contactos/eliminar/id $ruta['eliminar/:id'] Contacto eliminar

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

ARTÍCULOS RELACIONADOS

Creamos URL Enrutamiento para la aplicación

Vamos a crear CodeEncendedor URL Enrutamiento para nuestro proyecto tutorial

Abra aplicación/config/routes.php

Modificar 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.
  • $ruta['contactos'] = 'contactos'; define una ruta de contactos que llama al método de índice en el controlador de contactos
  • $ruta['crear'] = 'contactos/crear'; define una ruta de creación que apunta al controlador de Contactos y llama al método de creación.
  • $ruta['edit/:id'] = 'contactos/editar'; define una edición de ruta que acepta un parámetro de id y apunta al método de edición del controlador de contactos
  • $ruta['actualización/:id'] = 'contactos/actualización'; define una actualización de ruta que acepta un parámetro de id y apunta al método de actualización de la clase Contactos.
  • $ruta['delete/:id'] = 'contactos/eliminar'; define una eliminación de ruta que acepta un parámetro de id y apunta al método de eliminación del controlador de Contactos.

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

S / N Ruta Correspondiente URL
1 $ruta['default_controller'] = 'bienvenido'; http://localhost:3000
2 $ruta['contactos'] = 'contactos'; http://localhost:3000/contacts
3 $ruta['crear'] = 'contactos/crear'; http://localhost:3000/contacts/create
4 $ruta['edit/:id'] = 'contactos/editar'; http://localhost:3000/contacts/edit/1
5 $ruta['actualización/:id'] = 'contactos/actualización'; http://localhost:3000/contacts/update/1
6 $ruta['delete/:id'] = 'contactos/eliminar'; http://localhost:3000/contacts/delete/1

Ahora que hemos cubierto las rutas, creemos el controlador de Contactos que responderá a las acciones especificadas en las rutas.

Cree un nuevo archivo de ruta en CodeIgniter como Contacts.php en application/controllers/Contacts.php

Añade 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 eliminar aceptan un parámetro de $id
  • Observe que las funciones cargan tres (3) vistas. El encabezado y el pie de página son comunes para todos los métodos. La vista intermedia es muy específica de la acción, es decir, eliminar para eliminar la función, crear una vista para crear una función, etc. Otra cosa importante para recordar es que las vistas se cargan desde el subdirectorio de contactos.

CodeVistas de Igniter

Todavía necesitamos dar un paso más antes de poder probar nuestro CodeRutas de Igniter con parámetros en el navegador web. Vamos a crear las vistas correspondientes a los métodos del controlador mencionados anteriormente.

La siguiente imagen muestra cómo se verá su aplicación

CodeVistas de Igniter

Cree los siguientes archivos en application/views

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

Cree un nuevo directorio de contactos en la aplicación de vistas/vistas/contactos

Crea los siguientes archivos dentro

index.php
create.php
edit.php

La estructura de su archivo debe ser la siguiente

CodeVistas de Igniter

Actualicemos ahora el 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 CSS de Birmania desde una red CDN.

El siguiente es el código para footer.php

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

Ahora agreguemos 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>

Puede guardar todos los cambios que se han realizado.

Abra lo siguiente URL en su navegador web http://localhost:3000/contacts/

puede hacer clic en los enlaces Nuevo contacto y Editar contacto y ver qué sucede

Resumen

  • Las rutas en CI son responsables de responder a URL solicitudes. El enrutamiento coincide con el URL a las rutas predefinidas. Si no CodeEntonces se encuentra una coincidencia de ruta de Igniter, CodeIgniter genera una excepción de página no encontrada.
  • CI Routing es responsable de responder a URL solicitudes. El enrutamiento coincide con el URL a las rutas predefinidas.
  • Los controladores pegan los modelos y las vistas. La solicitud de datos/lógica de negocios del modelo y devolver los resultados a través de la presentación de vistas.
  • Las vistas son responsables de la presentación. Una vista suele ser una combinación de HTML, CSS y JavaGuión.
  • En este tutorial, hemos aprendido cómo crear rutas en CodeIgniter para una aplicación de ejemplo del mundo real y cubrió los conceptos básicos de enrutamiento que necesitas saber para comenzar a desarrollar.ping CodeEncendedor.

Resumir este post con: