Header Ads Widget

Ticker

6/recent/ticker-posts

Integración Del Tema Bootstrap En CodeIgniter 4

 El codeigniter 4 ha sido lanzado. Voy a discutir cómo integrar el tema Bootstrap con Codeigniter 4. Crearé el diseño de codeigniter usando el tema bootstrap ace.

Este tutorial de CodeIgniter ayuda a crear un diseño personalizado. Esta es una plantilla maestra que se utilizará para representar el archivo de vista infantil, que tiene un encabezado parcial, un pie de página y un archivo de barra lateral. Ya he compartido Creación de plantilla en CodeIgniter 3 con el tema Bootstrap .

Estoy tomando el mismo tema y funcionalidades de bootstrap anteriores, integraré el tema de bootstrap y crearé el diseño en CodeIgniter 4. El diseño y la estructura de archivos es demasiado diferente de codeigniter 3 al código 4.

Supongo que ha configurado e instalado CodeIgniter 4 en su sistema, si aún no lo ha configurado, instale y configure codeigniter 4 usando Instalar y configurar Codeigniter 4 en XAMPP .

codeIgniter-theme

Prerrequisitos Para El Tutorial De Plantillas De CodeIgniter 4

Hay las siguientes bibliotecas y software que se deben configurar:

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

El tema de administración de bootstrap es el popular tema de administración de bootstrap. Es un tema de bootstrap gratuito de código abierto. Puede cambiar el tema según las necesidades de su aplicación.
Estoy creando una codeigniter-blogcarpeta en un xampp/htdocs/directorio y moví todos los archivos y directorios de la carpeta descargada de CodeIgniter 4 a la xampp/htdocs/codeigniter-blogcarpeta.

Estoy Usando Los Siguientes Archivos Y Carpetas

Crearemos y modificaremos los siguientes archivos CI.

  • app / Views / default_layout.php: este archivo se usará para crear un diseño HTML usando template.phpclass.
  • app / Config / Routes.php: este archivo se utilizará para definir todas las rutas de la aplicación aquí.
  • app / Config / app.php: este archivo usará los parámetros de nivel de aplicación de configuración.
  • app / Views / about.php: este archivo tendrá el contenido de la página de inicio.
  • app / Views / home.php: este archivo tendrá sobre el contenido de la página.
  • app / Controllers / Home.php: Crearemos un nuevo controlador de inicio, este archivo tendrá todos los métodos de manejo para las rutas.

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

Crear Diseño Predeterminado En CodeIgniter 4

Crearemos un default_layout.phparchivo de vista en la app/Views/carpeta. Este archivo contendrá todos los archivos de bibliotecas js, css con la variable de contenedor interno html.

Controlador De Casa Creado En CI 4

Hemos creado un archivo de diseño predeterminado, creemos un método de controlador en este archivo, estoy creando un Home.phparchivo en la app/Controllerscarpeta. Creé 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 la ruta del archivo de vista de inicio en el index()método del controlador. Ahora crearemos un nuevo home.phparchivo de vista en la Views/carpeta. Agregue el siguiente código en este archivo,

Páginas De Codeigniter Con Plantilla

Vamos a crear una nueva página en el tutorial de codeigniter 4, esta página tendrá el mismo diseño de página personalizado anterior.Cree una página sobre en la /Viewscarpeta, esta página se mostrará en el mismo diseño de página.Simplemente enviamos la vista al archivo de diseño predeterminado y el resto del tema estructura igual que la casa.
Paso 1: Cree una nueva ruta de entrada en el app/Routes.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 4 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.

Publicar un comentario

0 Comentarios