Programar una página sencilla en CodeIgniter 4 – Segunda Parte

Como estamos comenzando desde cero con este tutorial de CodeIgniter, vamos a elaborar códigos muy sencillos. Nuestro código inicialmente no será demasiado elaborado, no tendrá cosas como Bootstrap, Ajax, JQuery… no, porque se nos nubla la esencia, se nos enreda lo funcional entre capas «estéticas» innecesarias por el momento. Entonces, vamos a programar una página sencilla en CodeIgniter 4.

Programar una página sencilla con CodeIgniter 4

---

Debemos saber que programar en CodeIgniter es respetar una convención (asi como en otros frameworks). Esa convención es un modelo, diseño o arquitectura compuesta de tres bloques, llamado MVC, que significa Modelo-Vista-Controlador. Esta arquitectura MVC no es más que separar funciones específicas en cada bloque. Así por ejemplo, en la Vista ponemos el código PHP de la interfaz que verá el usuario en el navegador. En el Modelo ponemos el código que se conectará a la Base de Datos y el Controlador media entre esos dos.

Bueno, suena algo dispendioso (y lo es), pero la arquitectura MVC es la mejor práctica para trabajar proyectos grandes. Es así como podemos asignar a ciertos grupos de trabajo (desarrolladores) cada bloque del MVC. Incluso, como es una convención, cada nuevo programador que se integre ya sabe posicionarse en su función.

Esa su gran ventaja, comparado con un desarrollo netamente en PHP-MySQL-CSS-JAVASCRIPT, que aunque éste último puede ser más práctico, a medida que crece se vuelve más complejo de mantener por nuevos programadores que se integren, o doloroso cuando encargamos el proyecto a otro grupo de trabajo.

---

Recomendación: Tener un buen dominio del lenguaje de programación PHP, HTML y algo de CSS.

---

Nuestro primer código sencillo en CodeIgniter 4 (Hola Mundo)

---

Bueno, ya aclarado estos conceptos, vamos tirar código. Ten en cuenta estos directorios correspondientes al Modelo-Vista-Controlador:

/var/www/codeigniter/app/Models/
/var/www/codeigniter/app/Views/
/var/www/codeigniter/app/Controllers/

Vamos a hacer el típico «Hola Mundo!». Llamaremos a este archivo «miapp.php«, lo colocamos en la carpeta app/Views/ y este es su código:

<?php

echo "Hola Mundo";

?>

Ahora creamos su correspondiente controlador. Lo podemos llamar «Miapp.php» y este es su código:

<?php
namespace App\Controllers;

class Miapp extends BaseController
{
    public function index()
   {
        echo view('miapp');
   }

}

?>

Listo. Como podemos ver, hemos creado un controlador llamado Miapp.php. Todos los controladores deben comenzar con mayúscula. Dentro de Miapp.php hemos definido una clase que debe llamarse como el nombre del archivo y también debe comenzar con mayúscula (a estas clases se les llama Clase de Controlador). Esta clase es realmente el objeto que invocamos en la URL:  localhost/public/miapp

Podemos tener varios controladores con sus propias funciones que apuntan a la vista correspondiente. Siempre vamos a acceder a esas clases a través de la URL en el navegador.

---

Nota: el nombre de los controladores debe comenzar en mayúscula, y la clase que los crea (class) también debe tener su nombre comenzando en mayúscula.

---

Programar en CodeIgniter 4 – Comunicación Controlador – Vista

---

Ahora vamos a comunicar el Controlador Miapp con la vista miapp, o sea, vamos a hacer que el primero transfiera algunos datos al segundo:

Miapp.php (controlador):

<?php

namespace App\Controllers;

class Miapp extends BaseController

{
    public function index()

    {
        $datos1['nombre'] = 'Erwin Andrés';
        $datos1['apellido'] = 'Espitia Torres';
        echo view('miapp', $datos1);
    }

}

?>

miapp.php (vista):

<body>

<?php
echo "Hola Mundo ";
echo $nombre." ".$apellido;
?>

Listo

Una forma de transferir información desde un controlador a la vista, es por medio de arrays, tal como lo acabamos de ver.

Eso es todo por ahora. En la siguiente parte de este tutorial vamos a aumentarle más elementos a nuestra página. Vamos a darle más estructura con un encabezado y un pie de página.

 

< Primera Parte      Tercera Parte >

---

Valora este artículo:

 

Nombres
Email
Titulo
Calificanos
Contenido

 

Comparte esto en