Tutorial CodeIgniter para principiantes

MVC significa Model View Controller . El patrón de controlador de vista de modelo es el patrón más utilizado para las aplicaciones web del mundo actual. En la actualidad, hay más de una docena de framework PHP basado en el patrón MVC. El patrón MVC separa una aplicación en 3 módulos: Modelo, Vista y Controlador.
  • El modelo es responsable de gestionar los datos.
  • La vista es responsable de mostrar los datos proporcionados por el modelo en un formato específico.
  • El controlador maneja el modelo y las capas de vista para que trabajen juntos.
CodeIgniter es uno de los framework PHP más populares y sigue el patrón MVC. Web Developer puede construir aplicaciones web con todas las funciones con CodeIgniter. 
Este tutorial tiene como objetivo presentar el marco CodeIgniter y la guía de instalación y configuración paso a paso para los principiantes. En este tutorial, los principiantes podrán aprender el proceso de desarrollo de CodeIgniter desde cero y crear una aplicación básica de CodeIgniter. Nuestro tutorial paso a paso ayuda a los desarrolladores web a aprender CodeIgniter de forma rápida y sencilla. 
Nos centraremos en los siguientes temas en este tutorial de CodeIgniter para principiantes .
  • Configuración básica y configuración.
  • Controlador, modelo y creación de vistas.
  • Realización de consultas básicas de base de datos utilizando el Generador de consultas.

CodeIgniter Basic Tutorial

Configuración e instalación:
  • Descargue la última versión del marco CodeIgniter desde el sitio oficial .
  • Extraiga el archivo zip y cambie el nombre de la carpeta con el nombre de la aplicación que desee (por ejemplo, "codeigniter").
  • Cargue toda la carpeta "codeigniter /" a su servidor (servidor localhost).
  • En este momento, si abre la URL base ( http://localhost/codeigniter/) de la aplicación codeigniter en el navegador, aparecerá la siguiente pantalla.
    codeigniter-tutorial-for-beginners-before-configuration-codexworld
  • Abra el application/config/config.phparchivo en un editor de texto y configure la URL base de su aplicación web.
    • Especifique la URL del sitio base ( http://localhost/codeigniter/) en $config[].
      $ config [ 'base_url' ] =  'http: // localhost / codeigniter /' ;
  • Si desea utilizar una base de datos, abra el application/config/database.phparchivo en un editor de texto y especifique las credenciales de su base de datos en $db[].
    • hostname - Nombre de host de la base de datos.
    • username - Nombre de usuario de la base de datos.
    • password - Contraseña de la base de datos.
    • database - Nombre de la base de datos.
    $ db [ 'default' ] = array ( 
        'dsn'     =>  '' , 
        'hostname'  =>  'localhost' , 
        'username'  =>  'root' , 
        'password'  =>  'db_pass' , 
        'database'  =>  'codexworld' , 
        'dbdriver'  =>  'mysqli' , 
        'dbprefix'  =>  '' , 
        'pconnect'  =>  FALSE , 
        'db_debug'  => ( ¡ AMBIENTE  ! == 'producción' ), 
        'caché_on'  =>  FALSO ,
        'cachedir'  =>  '' , 
        'char_set'  =>  'utf8' , 
        'dbcollat'  =>  'utf8_general_ci' , 
        'swap_pre'  =>  '' , 
        'encrypt'  =>  FALSE , 
        'compress'  =>  FALSE , 
        'stricton '  =>  FALSE , 
        ' failover '  => array (), 
        ' save_queries '  =>  TRUE );
Controlador y creación de vistas:
ahora crearemos el nuevo controlador llamado Inicio y cargaremos nuestra nueva vista.
  • Crear controlador: Vaya al application/controllers/directorio y cree un archivo PHP llamado Home.phpAbra este Home.phparchivo en el editor de texto, cree una clase llamada Home y extienda esta clase desde CI_Controller .
    <? php  
    defined ( 'BASEPATH' ) O exit ( 'No se permite el acceso directo al script' ); 
    
    clase  Home  extiende  CI_Controller  {
     
    
    }
    Tenga en cuenta que: La primera letra del nombre del archivo debe estar en mayúsculas y con el nombre de la clase.
  • Crear vista: vaya al application/views/directorio y cree un archivo de vista (home_view.php) para el controlador de Home. Abre este home_view.phparchivo y escribe algo de código HTML.
    <? php defined ( 'BASEPATH' ) O exit ( 'No se permite el acceso directo al script' ); ?> 
    <! DOCTYPE html>
    < html  lang = "en" >
    < cabeza >
        < meta  charset = "utf-8" >
        < título > Bienvenido a mi primera aplicación CodeIgniter </ título >
    </ cabeza >
    < cuerpo >
    
    < div  id = "container" >
        < h1 > ¡Bienvenido a mi primera aplicación CodeIgniter! </ h1 >
        < div  id = "body" >
            < p > Si desea editar esta página, la encontrará en: </ p >
            < code > application / views / home_view.php </ code >
    
            < p > El controlador correspondiente para esta página se encuentra en: </ p >
            < code > application / controllers / Home.php </ code >
        </ div >
    </ div >
    
    </ cuerpo >
    </ html >
    
  • Anteriormente, se creó un controlador doméstico, ábralo nuevamente y cree un index()método para agregar lógica al controlador. En el index()método, la view()función se utilizará para cargar el archivo de vista (home_view.php).
    <? php  
    defined ( 'BASEPATH' ) O exit ( 'No se permite el acceso directo al script' ); 
    
    class  Home  extiende el  CI_Controller  { 
    índice de     función pública  () 
        { 
            $ this -> load -> view ( 'home_view' ); 
        } 
    }
  • Enrutamiento: Por defecto, la Welcomeclase del controlador se carga en la carga de la aplicación. Abra el application/config/routes.phpeditor de texto de archivo y especifique la nueva clase de controlador (Inicio) como controlador predeterminado.
    $ route [ 'default_controller' ] =  'home' ;
Nuestro controlador de casa ahora está funcionando. Dirija su navegador a la URL base (http: // localhost / codeigniter /) para abrir la nueva página de inicio.
codeigniter-tutorial-create-controller-view-routing-codexworld

CodeIgniter con base de datos

En esta sección, usaremos la base de datos con la aplicación CodeIgniter. En esta parte del tutorial, las imágenes se recuperarán de la base de datos y se mostrarán en la aplicación CodeIgniter.
Antes de comenzar a crear la aplicación CodeIgniter con base de datos, eche un vistazo a la estructura del archivo.
codeigniter-demo-project-file-folder-structure-codexworld
Crear tabla de base de datos:
antes de consultar la base de datos, cree una nueva base de datos con el nombre que desee. Una vez hecho esto, cree una tabla llamada "imágenes" para almacenar la información del archivo. Ejecute el siguiente SQL para crear una imagestabla en la base de datos MySQL.
CREAR  TABLA ` imágenes ` (
  `id`  int ( 11 ) NOT NULL AUTO_INCREMENT,
  ` name`  varchar ( 255 ) compilar utf8_unicode_ci NOT NULL ,
  `uploaded_on` datetime NOT NULL ,
  PRIMARY KEY ( ` id` )
) MOTOR = InnoDB DEFAULT CHARSET = utf8 COLLATE = utf8_unicode_ci;
Cargar imágenes:
cree un directorio (cargas /) en la raíz del CodeIgniter para almacenar los archivos de imagen. Para propósitos de prueba, inserte algunas imágenes en este directorio y los nombres de los archivos en la imagestabla de la base de datos.
INSERTE EN  `images` ( ` id` , `name` , ` uploaded_on` ) VALUES 
( 1 , 'image1.jpg' , '2017-09-28 10:30:00' ),
( 2 , 'image2.jpg' , '2017-09-28 10:30:00' ),
( 3 , 'image3.jpg' , '2017-09-28 10:30:00' ),
( 4 , 'image4.jpg' , '2017-09-28 10:30:00' ),
( 5 , 'image5.jpg' , '2017-09-28 10:30:00' );
Conectar base de datos:
para conectarse y acceder a la base de datos, debe configurar su base de datos especificando el nombre de host, el nombre de usuario, la contraseña y el nombre de la base de datos en el application/config/database.phparchivo. Abra el application/config/database.phparchivo y establezca los siguientes valores.
$ db [ 'default' ] = array ( 
    'dsn'     =>  '' , 
    'hostname'  =>  'localhost' , 
    'username'  =>  'root' , 
    'password'  =>  'db_pass' , 
    'database'  =>  'codexworld' , 
    'dbdriver'  =>  'mysqli' , 
    'dbprefix'  =>  '' , 
    'pconnect'  =>  FALSE , 
    'db_debug'  => ( ¡ AMBIENTE  ! == 'producción' ), 
    'caché_on'  =>  FALSO ,
    'cachedir'  =>  '' , 
    'char_set'  =>  'utf8' , 
    'dbcollat'  =>  'utf8_general_ci' , 
    'swap_pre'  =>  '' , 
    'encrypt'  =>  FALSE , 
    'compress'  =>  FALSE , 
    'stricton '  =>  FALSE , 
    ' failover '  => array (), 
    ' save_queries '  =>  TRUE );
Crear modelo
En lugar de escribir consultas de base de datos en el controlador, se debe colocar en un modelo. Los modelos son el lugar donde se realizan todas las operaciones relacionadas con la base de datos (recuperar, insertar, actualizar, eliminar, etc.).
  • Abra el application/models/directorio y cree un nuevo archivo llamado Home_model.phpy agregue el siguiente código.
  • Cree una clase (Home_model) y extienda esta clase desde CI_Model. Tenga en cuenta que el nombre de la clase (Home_model) debe ser el mismo que el nombre del archivo (Home_model.php).
  • Cargue la biblioteca de base de datos, esto hará que la clase de base de datos esté disponible a través del $this->dbobjeto.
  • Cree un método para recuperar los datos de la base de datos. Para este ejemplo, el get_images()método se define para obtener las imágenes de la base de datos.
<? php  if (!  defined ( 'BASEPATH' )) exit ( 'No se permite el acceso directo al script' ); 

la clase  Home_model  extiende  CI_Model  { 
    función pública  __construct () 
    { 
        $ this -> load -> database (); 
    } 
    
    función pública  get_images () 
    { 
        $ query  $ this -> db -> get ( 'images' ); 
        if ( $ query -> num_rows ()>  0) { 
            $ result  $ query -> result_array (); 
            devuelve  $ resultado ; 
        } else { 
            devolver  falso ; 
        } 
    } 
}
Mostrar imágenes de la base de datos:
el modelo se ha configurado, ahora estará vinculado a las vistas que muestran las imágenes a los usuarios. Esto se hará en nuestro Homecontrolador creado anteriormente.
Abra el application/controllers/Home.phparchivo y realice los siguientes cambios.
  • Al principio, defina el __construct()método, llama al constructor de su clase primaria ( CI_Controller) y carga el modelo Home.
  • A continuación, se llama un método index(): obtiene imágenes de la base de datos utilizando el get_images()método del modelo y pasa los datos de las imágenes para verlas.
<? php 
defined ( 'BASEPATH' ) O exit ( 'No se permite el acceso directo al script' ); 

class  Home  extiende el  CI_Controller  { 
    public function  __construct () 
    { 
        parent :: __construct (); 
        
        // cargar el modelo 
        $ esto -> cargar -> modelo ( 'home_model' ); 
    } 
        
índice de     función pública  () 
    { 
        // obtener datos de la base 
        de datos $ data [ 'images' ] =  $ this -> home_model-> get_images (); 
        
        // carga la vista y pasa los datos 
        $ this -> load -> view ( 'home_view' $ data ); 
    } 
}
Abra el application/views/home_view.phparchivo creado anteriormente y escriba los siguientes códigos para mostrar todas las imágenes que se pasan desde el controlador.
< div  class = "gallery" >
    < ul >
     <? php  foreach ( $ images  as  $ img ):  ?> 
        < li > < img  src = "uploads / <? php  echo  $ img [ 'name' ];  ?> " /> </ li >
     <? php  endforeach; ?> 
    </ ul >
</ div >
Ahora apunte su navegador a la URL de la página de inicio (http: // localhost / codeigniter /), las imágenes aparecerán en la pantalla.
codeigniter-tutorial-controller-model-view-database-codexworld

Ejemplo de aplicación CodeIgniter

Puede descargar el proyecto de ejemplo CodeIgniter que se ha creado siguiendo este tutorial. Solo se necesita una configuración mínima para instalar esta aplicación demo CodeIgniter en su servidor. Solo necesita descargar el proyecto de demostración desde el enlace del código fuente, extraer el archivo zip y seguir las instrucciones que se encuentran en el ReadMe.txtarchivo.

Acerca de: Programator

Somos Instinto Programador

0 comentarios:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Con tecnología de Blogger.