Usare twitter bootstrap in cakephp

Di Twitter Bootstrap si è già parlato in questo blog. Non mancano certo in rete articoli sui motivi per cui è molto utile usare questo ottimo framework lato client, così come le risorse ed i tutorial.

Quel che manca ancora in questo blog è proprio, visto l’argomento principale del blog stesso, come usare twitter bootstrap con cakephp.

Fermo restando che, essendo TB un framework “lato client” (css e javascript assieme a markup html scritto in un certo modo), non servono necessariamente strumenti aggiuntivi, ma basterebbe lavorare a livello di layout e viste nelle applicazioni cakephp, c’è già una certa scelta in merito a scorciatoie e integrazioni più o meno complete.

Ci sono molte soluzioni diverse: la maggior parte mi limito a segnalarla, non avendo approfondito o provato di persona:

Voglio poi menzionare alcune soluzioni diverse nell’approccio – da quello più minimal e semplice al plugin più esaustivo.

1. Una spruzzatina di jQuery

Sulla stessa comunità italiana di CakePHP, Emanuele Toscano propone una soluzione veloce e pulita per “bootstrappizzare” il layout / le viste di default di cakephp.
Grazie a jQuery, qualche modifica del markup ed applicazione dinamica delle classi necessarie, e il template di default di cakephp è bootstrap ready. Grazie alle shell come cake bake  è già possibile creare prototipi di applicazioni in tempi ridottissimi, con script come questo se ne può trasformare l’aspetto (e rendere il tutto “responsive”) in pochi minuti.

 

2. Gli appositi helper

Per utilizzare correttamente tutte le risorse offerte da TB, occorre usare qualche semplice convenzione nello scrivere il markup. Come si scrivono i link di paginazione ed i campi dei form (compresi sitli per evidenziazione, messaggi di errore, live validation) sono le prime cose che vengono in mente. Adattare elemento per elemento tutte le occorrenze dei relativi helper non è proprio comodissimo.
Questi helper vengono, è proprio il caso di dirlo.. in aiuto, per integrare quelli di default e dare in output elementi formattati alla TB.

 

3. Il plugin completo

TwitterBootstrap di slywalker. E’ l’unico che ho provato, perché sulla carta sembrava il più completo e rispondente alle mie esigenze – include appositi comandi shell,  template per generare layout / viste con cake bake, helper appositi, in generale una ampia integrazione di TB, facile ed abbastanza veloce da usare.
E sembra che si stia evolvendo..