Asset de JS e CSS no CakePHP

Juan Basso — Mon, 18 Aug 2008 02:37:15 +0000

Pessoal,

Peguei a versão do Asset feita pelo Matt Curry no bakery no artigo Automatic JavaScript and CSS Packer, depois atualizado em seu site (CakePHP Asset Packer Helper) e fiz algumas modificações.

As modificações que fiz não são grandes coisas, mas algumas coisas úteis, como procurar arquivos de JS e CSS nas pastas de vendors e plugins, algumas otimizações e configuração de quais assets deseja e pode utilizar (por exemplo, se você configurar que quer fazer asset packer no JS e não tiver o vendor necessário, ele não fará para não estragar seu código).

Para instalar em seu site, segue o procedimento:

Baixar os seguintes arquivos:

JsMin versão 1.1.0 ou superior e colocar o arquivo em vendors/jsmin;
CSS Tidy versão 1.3 ou superior e colocar os arquivos em vendors/csstidy;
Helper que eu alterei e colocar em views/helpers.

Feito isso, usar os helpers $html e $javascript para adicionar, mas sempre usar inline como false. Além disso, no AppController, colocar o Asset na lista de helpers.

No lugar do $scripts_for_layout, colocar $asset->scripts_for_layout().

Pronto, só isso e todos seus CSS e JS serão packeds.

Abraços e qualquer coisa é só comentar.

Usando jQuery com CakePHP

Juan Basso — Mon, 19 May 2008 23:59:03 +0000

Vendo o questionamento de muitas pessoas no Google Groups, vou explicar como usar o jQuery juntamente com o CakePHP.

A primeira coisa que você tem que fazer é baixar o código do jQuery e colocá-lo na pasta vendors\js (tanto faz ser na vendors dentro de app ou fora). Depois disso, nos controllers que você for utilizar o jQuery, inclua o helper Javascript:

^?View Code PHP

1
2
3

class SeuController extends AppController {
  var $helpers = array('Javascript');
}

Se você usa em todas as páginas, pode colocar isto no seu AppController.

Feito isso, você pode usar na sua view (ou layout) o seguinte código:

^?View Code PHP


// Incluir o jQuery ao projeto
// Neste exemplo estou importando a jquery.tablesorter também
// O segundo parâmetro (false) é para indicar que vai no  e não no local onde está sendo executado
$javascript->link(array('jquery', 'jquery.tablesorter'), false);
 
// Aqui vou definir alguns comandos de jQuery
$javascript->codeBlock('
  $(document).ready(function(){
    $("#detalhe_compra").tablesorter({decimal: ",", dateFormat: "uk"});
    $("#resumo_compras").tablesorter({decimal: ",", dateFormat: "uk"});
  });', array('inline' => false));
?>
Minha view normalmente...

Com isso, você faz que o código javascript vá para o do seu HTML e não fique no meio das suas views, o que é deselegante e fora do padrão W3C.

Num próximo post explico como usar jQuery e AJAX.

CakePHP Brasil » js

Asset de JS e CSS no CakePHP

Usando jQuery com CakePHP