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 de Bootstrap con CakePHP

Integración de Bootstrap con CakePHP

Publicado el 27 Octubre, 2014 por | Categoría:

Bootstrap es un framework open source para el diseño de sitios y aplicaciones web, este contiene distintos tipos de plantillas, botones, tablas, menus y varios componentes de diseño basado en HTML, CSS y Javascript, a partir de la versión 3 este framework nos trae un nuevo paradigma de diseño denominado “mobile first” entre otras características mas. Los sistemas de grillas (grids) pueden ser utilizados como esqueletos de nuestros proyectos usando sus propias clases para los grids o creando unos propios a partir del framework. Sin duda Boostrap es uno de los conjuntos de herramientas más completos con docenas de componentes funcionales completos listo para poner en uso.

CakePHP & Bootstrap

Continuando con el Curso de desarrollo de aplicaciones web con el framework CakePHP en este video vamos a integrar este framework con CakePHP, para ello primeramente vamos a dirigirnos a la página oficial de Bootstrap para realizar su descarga en su ultima versión, posteriormente vamos a copiar los archivos css y js necesarios a nuestro directorio “webroot” del proyecto restaurante, también vamos a hacer uso de uno de los ejemplos de plantillas que se encuentra en la página oficial de Bootstrap esto con el fin de ahorrarnos tiempo en diseño ya que el enfoque del curso es trabajar con CakePHP. También hablaremos de los “elements” en CakePHP y crearemos uno para manejar el menú de nuestro proyecto, finalmente vamos a hacer uso de algunos de los componentes de nuestro ejemplo de plantilla que nos trae Bootstrap y vamos a integrarlo con los componentes de nuestros dos módulos Meseros y Mesas.

A continuación te dejo el video 8 donde te hablo de todo lo mencionado anteriormente y otras características más puestas a la práctica:

Ahora dime tú, que te pareció la manera en que se integra Bootstrap con CakePHP? como bien mencione en el video el objetivo del mismo es mostrarte la forma en que CakePHP maneja los layouts y como generar nuestros propios elementos dentro de nuestras vistas y Bootstrap para estos casos es un gran apoyo, ya que de manera rápida podemos obtener plantillas y sus componentes con una buena presentación basada en estándares correctos del diseño web, desde luego, si la intensión de tus proyectos serán relativamente grandes es recomendable crear nuestros propios diseños y maquetación desde cero. Te animo a que dejes un comentario acá abajo contándome tu experiencia, opiniones o sugerencias que siempre serán bienvenidas.

Para finalizar sugiero que no te pierdas los próximos vídeos que estaré publicando periódicamente en mi blog y si te pareció interesante el artículo y el video no dudes en compartirlo en las redes sociales. Comparto el código de todo lo avanzado en el video  para que tu mismo puedas probarlo, espero te sea muy útil 8-)

Sigue todas las lecciones del curso AQUÍ.

Saludos!!!

firma emm

 


Descargar código

Por favor comparte esta lección:

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

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

, ,

Comentarios

  • PABLO

    Excelentes los videos, podrias hacer uno para crear un administrador ? o sea, el backend ?
    porque no logro entender como separar lo que seria el backend del frontend

    saludos desde uruguay

    • Edson Mollericona Marín

      Hola Pablo, gracias por tu comentario y tomaré muy en cuenta tu sugerencia, aclarando tu duda, hay algunos que le llaman Backend a la parte de administración de la aplicación pero por lo general Backend es el desarrollo en el lado del servidor, es decir, todo lo que estamos haciendo gran parte del curso porque al final estamos utilizando un lenguaje del lado del servidor como es PHP, el Frontend en cambio es todo el desarrollo del lado del cliente, es decir, HTML, CSS y Javascript, por ejemplo Bootstrap es un Framework Frontend ya que todo el desarrollo esta basado justamente en HTML, CSS y Javascript. Espero mi respuesta haya aclarado tu duda 8-) . Saludos!!!

  • PABLO

    gracias Edson, si , yo me referia a la parte de administracion

  • PABLO

    Hola, estoy teniendo un problemita
    estoy armando lo que seria el administrador d ela web, con el prefijo admin
    el problema que tengo es que los links del menu hacen referencia a admin/admin/posts cuando estoy en posts en lugar de ser admin/posts solamente, eso me pasa en todos lados menos en la raiz admin/

    • Edson Mollericona Marín

      Hola Pablo, revisa bien como estas manejando tus enlaces y de que forma estas nombrando tus acciones y tus vistas según el prefijo que indicas ya que si estas utilizando dos palabras tienes que seguir las convenciones de CakePHP por ejemplo si tu accion es adminPlatillos() tu vista debe ser admin_platillos.ctp. Quizá pueda ser eso, espero te sea de ayuda. Saludos!!!

  • PABLO

    Edson, ese seria mi codigo

    routes.php
    Router::connect(‘/admin’, array(‘controller’ => ‘admin’, ‘action’ => ‘index’));

    menu.ctp (en element)
    Html->link(‘Inicio’, array(‘controller’ => ‘admin’, ‘action’ => ‘posts’), array(‘class’ => ‘active’,’‘)) ?>

    creo que esta bien no? o debria estar bien

  • PABLO

    ya lo solucione, hay que poner asi
    Html->link(‘Inicio’, array(null, ‘action’ => ‘posts’), array(‘class’ => ‘active’,’‘)) ?>

    • Edson Mollericona Marín

      Me alegra que lo hayas solucionado Pablo! 8-)