Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Creación De Plantillas En CodeIgniter 3 Usando El Tema Bootstrap

 Integraremos el tema bootstrap con CodeIgniter usando el diseño. Este tutorial ayuda a crear su propio diseño personalizado para CodeIgniter. Esta es una plantilla maestra que se utilizará para representar el archivo de vista secundaria, como que cada plantilla de sitio web tiene una vista de encabezado, pie de página y barra lateral que es constante y no se ha cambiado nada entre diferentes páginas.

Definiremos un diseño maestro, que tiene cosas constantes y las cosas variables como el contenido interno cambiarán según el enrutamiento o la solicitud de la página. La primera pregunta es nuestra mente, ¿qué será variable en el diseño de CodeIgniter ?, el título de la página, el mensaje del logotipo, el contenido de la página, etc. Usaremos el título y el contenido de la página como una variable en este tutorial de Codeigniter.

codeIgniter-theme

Requisitos Previos Para El Tutorial De Plantillas De CodeIgniter 3

Hay la siguiente biblioteca y marco que se deben descargar y configurar

Ejemplo De Plantillas De Codeigniter Con El Tema De Administración De Bootstrap

Estoy usando el tema de administración de bootstrap para crear la plantilla CodeIgniter. Puede cambiar el tema según las necesidades de su aplicación. El proceso de integración de plantillas de CI sería el mismo que cualquier otro tema HTML. Estoy creando una ci_testcarpeta en un xampp/htdocs/directorio y moví todos los archivos y directorios de la carpeta descargada de CodeIgniter 3 a la xampp/htdocs/ci_testcarpeta.

Estoy Usando Los Siguientes Archivos Y Carpetas

Crearemos y modificaremos los siguientes archivos CI.

  • libraries / template.php: este archivo se utilizará para crear una clase de plantilla y un método para representar el diseño.
  • views / layouts / default_layout.php: este archivo se usará para crear un diseño HTML usando template.phpclass.
  • config / config.php: este archivo utilizará los parámetros de nivel de aplicación de configuración.
  • config / autoload.php: este archivo se utilizará para cargar bibliotecas en la instanciación del proyecto.
  • config / router.php: este archivo se utilizará para definir la ruta de la aplicación.
  • views / home.php, views / about.php: home y about ver archivo.
  • controllers / home.php: archivo de controlador de aplicación predeterminado y uso para renderizar inicio, sobre ver archivo usando plantilla.

Modificar archivo config.php Modificaremos
algunos parámetros de configuración en el application/config/config.phparchivo, hice los siguientes cambios en este archivo:

Archivo .htaccess añadido
Vamos a añadir .htaccessarchivo en ruta de /ci_testfolder.We va a escribir una regla para el SEO y URLs fácil de usar. Puede acceder a la lista de empleados utilizando esta http://ci_test/employeeURL en lugar de http://ci_test/index.php/employee.

Modificar autoload.php
Vamos a modificar autoload.phpel archivo de biblioteca de plantillas class.We agregará ayudante de biblioteca de clases en este file.You puede encontrar cambios más adelante en este tutorial.

Cambiar El Controlador Predeterminado En El Archivo Routes.Php

Cambiemos el nombre del controlador predeterminado de bienvenido a casa , siempre que la página se cargue en el navegador sin el nombre del controlador, el controlador predeterminado será el hogar y index()se llamará al método.

$route['default_controller'] = 'home';

Cómo Crear Una Biblioteca De Plantillas En CI

Paso 1: Crearemos una clase de plantilla para renderizar el template.phparchivo de vista de la plantilla. Creamos un archivo y almacenamos en la /librarycarpeta

Paso 2: Crearemos un default_layout.phparchivo de vista en la views/layouts/carpeta. Este archivo contendrá todos los archivos de bibliotecas js, css con la variable de contenedor interno html.

Paso 3: Se agregó la entrada de plantilla al config/autoload.phparchivo para cargar la clase de plantilla cuando se inicializó el CI.

$autoload['libraries'] = array('template');
$autoload['helper'] = array('url');

Controlador De Casa Creado En CI

Hemos realizado un cambio en la configuración para el controlador predeterminado que era el hogar, por lo que crearemos un nuevo archivo php Home.phpen la /controllerscarpeta. También creamos un index()método en él. Agregue el siguiente código en el Home.phparchivo del controlador.

Crear Archivo De Vista De Inicio

Hemos definido el archivo de vista de inicio en el index()método del controlador. Crearemos un nuevo home.phparchivo en la views/carpeta. Agregue el siguiente código en este archivo,

Páginas De Codeigniter Con Plantilla

codeigniter tutorialAgregaremos una nueva página a esto , para que pueda comprender el uso del diseño. Vamos a crear una página acerca de la que se representará en el mismo diseño de página. Simplemente enviamos la vista al archivo Diseño predeterminado y el resto de la estructura del tema igual que en el inicio. .
Paso 1: Cree una nueva ruta de entrada en el route.phparchivo.

Hemos mencionado que homees controlador y aboutes un método.

Paso 2: creado acerca del método en el Home.phparchivo del controlador.

Paso 3:about.php archivo de vista creado en viewscarpeta.

Conclusión

Este es un tutorial para principiantes de codeigniter que ayuda a integrar un hermoso tema de arranque con Codeigniter usando Layout.También puede integrar un tema HTML simple usando este tutorial de codeigniter.Hemos creado un nuevo controlador y ver archivos y renderizarlos usando una plantilla.

Puede descargar el código fuente desde el siguiente enlace.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas