El verdadero rico no es el que tiene mucho dinero sino el que tiene tiempo para estar con la gente que quiere y hacer lo que le gusta.

Integración con Bootstrap en CakePHP 3

Integración con Bootstrap en CakePHP 3

Publicado el 27 junio, 2016 por | Categoría:

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!!!

firma emm

 


Repositorio oficial

¿Te gustó el artículo? ¡Suscríbete ahora mismo!

Recibe mis últimos artículos, recursos, tutoriales y mucho más.

, ,

Comentarios

  • Edson

    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.

  • jorge e

    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

  • Miguel Maury

    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

    • Edson

      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.

      • Miguel Maury

        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?

        • Edson

          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.

          • Miguel Maury

            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.

      • Miguel Maury

        Si todo esta tal cuyal como lo indico en le video.

    • Rosa Rojas

      Hola nmaury976, quisiera saber si resolviste tu problema, me pasa algo parecido. Gracias

      • mmaury976

        Hola Rosa, si claro logre solucionar el problema, si deseas escribeme al correo y te ayudo… miguelmaury976[@]gmail[.]com

  • Edson

    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,

  • Rosa Rojas

    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

    • Edson

      Hola Rosa revisa si tienes cargado el plugin en tu archivo composer.json . Saludos!

  • Oscar

    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.

    • Edson

      Hola Oscar, aprecio y agradezco tus palabras, mas aún agradezco tu aporte, sé que a muchos les será útil. Saludos!!!

  • Orlando Palencia Prada

    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?

    • Edson

      Aprecio tus palabras Orlando, pero no veo ninguna captura de tu problema .

  • carlos amaro

    excelente videotutorial