Integración con Bootstrap en CakePHP 3

Si eres de las personas que ha seguido el curso anterior de CakePHP 2 de seguro aprendiste como integrar un Framework Frontend como Bootstrap a tu proyecto y también te habrás dado cuenta que es válido para integrar cualquier otro Framework como Foundation, Flexbox Grid, etc. Para la versión 3 de CakePHP el escenario es casi similar y digo casi porque hay leves cambios en la estructura de archivos del Framework como por ejemplo el directorio donde se maneja la parte de la presentación del Framework ahora es Template, lo cual esto no hace mas compleja la tarea, simplemente es ponerse a documentar un poco respecto a la estructura del Framework el cual ya lo expliqué también en la lección 2 de este curso.

Hoy quiero hacer algo diferente y que realmente aporte algo más a lo que hicimos en anteriores cursos, por tal razón para integrar Bootstrap en nuestro proyecto vamos a hacer uso del plugin Bootstrap UI de tal forma también aprenderemos a instalar el primer plugin dentro de nuestra aplicación.

Sin más te dejo con el nuevo video donde te hablo de todo lo mencionado anteriormente y otras características más puestas a la práctica:

Notas adicionales:

– Repositorio oficial del plugin BootstrapUI:

https://github.com/FriendsOfCake/bootstrap-ui

– Aprende más sobre el AppView de CakePHP 3:

http://book.cakephp.org/3.0/en/views.html#the-app-view

– Aprende más sobre los Traits de PHP en su documentación oficial:

http://php.net/manual/es/language.oop5.traits.php

Espero que te haya gustado esta lección y ya tengas una herramienta más (diferente) para implementar Bootstrap dentro de tus proyectos de CakePHP 3. No olvides que puedes dejar tu comentario con tus impresiones acá abajo y para finalizar por favor te pido que me ayudes difundiendo este contenido, compártelo en tus redes sociales para así llegar a más personas.

Sigue todas las lecciones del curso AQUÍ.

Saludos!!!

Repositorio oficial.

firma emm

20 respuestas a «Integración con Bootstrap en CakePHP 3»

  1. Hola Diego, me agrada que el curso te sea útil. Respecto a tu consulta revisa si en el archivo AppView.php estas importando el trait del plugin : UIViewTrait . Saludos.

  2. hola edsonn como esta?, yo le escribi hace unos dias que tuve un problema con la parte de enrutamiento pero ya lo solucione un amigo me ayudo y se dio cuenta de que estaba fallando, es ente momento me esta dando error al colocar el css de bootstrap y los script de bootstrap y jquery min es decir se me presenta el error cuando hago coloco en default.php esto: Html->css(‘bootstrap.min’) ?>
    Html->script([‘bootstrap.min’,’jquery-2.2.4.min’]) ?>

    y trato de a acceder a user/index me dice esto
    Missing Controller
    CakeRoutingExceptionMissingControllerException
    Error: UserController could not be found.
    Error: Create the class UserController below in file: srcControllerUserController.php
    <?php
    namespace AppController;

    use AppControllerAppController;

    class UserController extends AppController
    {

    }

    If you want to customize this error message, create srcTemplateErrormissing_controller.ctp
    segun lo que entiendo es que no existe el Userscontroller pero si esta en la carpeta controller porque ya revise.
    Gracias por tus videos ayudan mucho y son muy buenos

  3. Excelente manual de CakePHP3, estoy tratando de integrar el plugin de Bootstrap UI con CakePHP3 ya lo instale y lo cargue en el app cuando voy a correr la aplicacion me sale el siguiente error:

    Error: The application is trying to load a file from the bootstrap-ui plugin.
    Make sure your plugin bootstrap-ui is in the C:xampphtdocsduvispgplugins directory and was loaded.

    Ya verifique en bootstrap.php que estuviera cargado el plugin y efectivmaente ahi esta:

    Plugin::load(‘bootstrap-ui’);

    Quería saber a que se debe ese problema, gracias de antemano

    1. Hola Miguel, revisaste si estas utilizado el trait dentro del AppView? adicionalmente intenta volver a instalar el plugin, si lo cargaste y seguiste los pasos del video no tendría que existir problemas, revisa lo que te mencione. Saludos.

      1. Buenos dias colega, efectivamente en el app View tengo:

        use BootstrapUIViewUIViewTrait;

        dentro de la clase, use UIViewTrait;

        public function initialize()
        {
        $this->initializeUI([‘layout’ => false]);
        }

        El plugin lo instale tal cual como usted lo indico en le video. Hay alguna forma algun comando de verificar si el plugin etsa bn instalado?

        1. Cuando no lo tienes cargado correctamente el framework te genera un error, así también en la línea de comandos, entonces si no sucede eso quizá se te esta yendo algún detalle. Saludos.

          1. EL framework cake no me generar error, ni menos en la linea de comando. Ya pude solucionarlo no se si sea la solución adecuada pero ya me funciono.

            Cuando se instala Bootstrap-ui el crea los archivos en la carpeta de vendor/friendsofcake/bootstrap-ui, el error me referenciaba que en la carpeta plugin no se encontraba el bootstrap-ui, lo que hice fue copiar esa capreta de vendors y pegarla en la carpeta de plugins y listo. Ahora despues de haber realizado eso ya no me sale ningun error, pero cuando voy a defult.ctp no me cargan als hojas de estilo de bootstrap.

            Me surgen varias preguntas:
            1. Cuando lo instale el bootstrap se ha debido instalar automaticamente en la carpeta plugin?
            2. Si la respuesta de arriba es SI, me gustaria saber como hago para que cada ves que instale un plugin se copie en la carpeta de plugin automaticmaente, estare pasando por alto alguna configuracion?

            EL Framework Cakephp lo estoy instalando directamente desde composer como lo indica la pagina de cake, así que no creo que el paquete de cake tenga error.

  4. Hola Carolina, claro que lo puedes hacer con este o con cualquier otro framework ya que esa parte lo puedes hacer desde la parte del frontend y si deseas que la actualización se asincrona entonces puedes utilizar AJAX con jQuery mandando los datos al Backend en este caso CakePHP . Saludos,

  5. Hola Edson, muchas gracias por compartir los tutoriales están super interesantes. Tengo un inconveniente al instalar el plugin con composer en la consola me muestra un mensaje «Nothing to install or update Generating auload files», no me muestra la confirmación de que se instaló; por lo que cuando hago los siguientes pasos en el AppView, la aplicación me muestra el error Error: Trait ‘BoostrapUIViewUIViewTrait’ not found. Me pareciera que el plugin no se esta instalando correctamente, cómo verificó que se haya instalado correctamente?, ayudame porfiiisss

  6. Hola a todos. Estimado Edson, quiero felicitarte por tus cursos, los dos de cake me han parecido de lo más fácil y entendibles. Quiero comentar que el error del Trait de bootstrap puede deberse a que no se instala desde el directorio raíz del proyecto. Estoy trabajando en windows y la terminal de cake está instalada en nombre_proyectobin, si se intenta instalar desde ahí se generará el error, por lo que debería instalarse desde nombre_proyecto> composer require friendsofcake/bootstrap-ui y con eso queda arreglado el problema.

    Muchos saludos Edson.

  7. Buenos Dias Edson, Te felicito por tus valiosos conocimientos y aprecio mucho que los compratas, recien inicie a conocer CakePHP acabe de instalarlo segun las indicaciones de la pagina principal haciendo uso del composer que se instalo bien, uso XAMPP en su ultima version tambien, y verifique las extensiones mbstring e intl, tambien el modo re_write del XAMPP, cuando complete de instalar CkePHP 3.4 e ingreso a la pagina del proyecto me generan varios errores «Error: Cakeproy1Controller could not be found.» mi Proyecto lo he llamado Cakeproy1 como pueden observar. adjunto la pantalla con los errores. Por favor su valiosa ayuda. Que debo hacer?? Si alguien me puede ayudar?

  8. Buenos días, estoy probando Cakephp 3.8 y lo quiero integran con Bootstrap, así que he instalado el plugin pero ahora me sale
    Uncaught CakeCoreExceptionMissingPluginException: Plugin BootStrapUI
    could not be found. in
    C:xampphtdocscakeshopvendorcakephpcakephpsrcCorePluginCollection.php:137,¿que está pasando?

    Gracias

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *