El documento describe la integración del framework CakePHP con Bootstrap. CakePHP sigue el patrón MVC y genera el código HTML, mientras que Bootstrap provee capacidades para desarrollo multiplataforma. Se modificaron archivos como layouts, hojas de estilo y plantillas de generación de código para combinar las funcionalidades de ambos frameworks.
2. Introducción:
En esta oportunidad integraremos dos Framework
para poder aprovechar lo mejor de los dos.
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
3. Cakephp
Es un framework que sigue los fundamentos del
patrones MVC. Se encarga desde la petición hasta la
construcción del código HTML final.
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
4. Bootstrap
Es el framework Js, Css y Html para desarrollo de
aplicaciones adaptables a móviles y tablets.
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
5. Estructura de
Cakephp
Patrón MVC:
Controlador
Modelo
Vista
Área de interacción
con Bootstrap
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
6. Estructura de Bootstrap
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
7. Estructura Final Cakephp + Bootstrap
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
8. Cambio de algunos archivos para la adaptación
Layout Principal:
cakebookappViewLayoutsdefault.ctp.
Hoja de estilo:
cakebookappwebrootcsscake.generic.css
Generador de Cake bake
cakebookappConsoleTemplatesbootstrapviewsform.ctp
cakebookappConsoleTemplatesbootstrapviewsindex.ctp
cakebookappConsoleTemplatesbootstrapviewsview.ctp
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
9. Resultado de la Integración
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
10. Ejemplo de código generado por el cake bake
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
11. Conclusiones:
Tener integrando estos dos framework nos facilita el
desarrollo de proyectos con la exigencia de
visualización en móviles y tablets.
En la siguiente oportunidad compartiré como
modifique los archivos de generación de código para
adaptarlo con el Bootstrap
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com
12. Adjuntos
Código del ejemplo Cakebook. goo.gl/2wPaeQ
Referencia
http://cakephp.org/
http://getbootstrap.com/
Analista de desarrollo: Cesar Luis Ramos Cueva
Email:cesarluis1000@hotmail.com