在CakePHP中使用Dojo Toolkit

时间:2014-04-05 18:33:37

标签: javascript cakephp dojo

我正在开发一个cakePHP应用程序,我想使用Dojo工具包,这是一个javascript框架。我想将dojo链接到我的应用程序。我按照以下步骤操作:

1)在app / webroot / js文件夹中添加了“dojo1.9.3”文件夹(子文件夹“dojo”,“dojox”,“digits”)。

2)在app / view / page /文件夹中创建了一个视图home2.ctp,其中包含以下代码:

<?php
    echo $this->Html->script('/js/dojo-1.9.3/custom');
?>
<h1 id="greeting">Hello</h1>

3)创建custom.js文件以使用dojo:

require([
    'dojo/dom',
    'dojo/fx',
    'dojo/domReady!'
    ], function (dom, fx) {

        //Changing DOM Content
        var greeting = dom.byId('greeting');
        greeting.innerHTML += ' from Dojo!';

        //Adding Animations
        fx.slideTo({
            node : greeting,
            top : 300,
            left : 450,
        }).play();
    });

访问home2页面后,上面的代码应该将显示“Hello”的dom元素h1表单更改为“来自Dojo的hello!”,并使用dojo函数对其进行动画处理。但它不起作用,它只显示“你好”。 dojo代码在没有cakePHP的情况下工作正常。

我也尝试过DojoCake库,但它有以下问题:
1)它的app文件夹有多个目录名称,cakephp有单数名称 2)在localhost中打开后,它出现以下错误:

  

警告:include(cake \ bootstrap.php):无法打开流:没有这样的文件或目录

1 个答案:

答案 0 :(得分:2)

此 -

<?php
    echo $this->Html->script('/js/dojo-1.9.3/custom');
?>

应该是 -

<?php
    echo $this->Html->script('dojo-1.9.3/custom');
?>