Twitter Bootstrap 3.0和CakePHP 2.4.x

我很難在我的全新cakePHP安裝中獲得Twitter Bootstrap。Twitter Bootstrap 3.0和CakePHP 2.4.x

事情做好爲止

-Installed和AppController的加載BoostCake插件-I've放在根目錄目錄 -I've放置的jQuery 1.9.1在根目錄/ JS目錄引導文件/文件夾 - 我修改了default.ctp來加載boostrap和js文件。

到目前爲止，我創建了一個基本的測試應用程序，其中添加了一個可以捕獲當前測試日期的表單，但沒有任何顯示。當我查看我的錯誤日誌時，我得到以下路由爲css/js文件

/repository/trunk/boostrap/index.php/feedbacks/js/bootstrap.min.js which is NOT the correct directory, to my understanding.

我錯過了什麼？

這裏的上市

/repository/trunk/boostrap/app

Webroot公司 CSS/boostrap.css CSS/boostrap.min.css CSS /自舉theme.css CSS /自舉theme.min.css的內容目錄

fonts/glyphicons-halflings-regular.eot 
fonts/glyphicons-halflings-regular.svg 
fonts/glyphicons-halflings-regular.ttf 
fonts/glyphicons-halflings-regular.woff 

js/bootstrap.js 
js/bootstrap.min.js 
js/jquery-1.9.1.js

控制器

AppController.php 
FeedbacksController.php

內容項

查看的內容（除新安裝的文件夾等）

Feedbacks/add.ctp

add.ctp代碼

<?php 
echo $this->Form->create('Feedback', array('type' => 'file','enctype' => 'multipart/form-data'));?> 
<?php 
echo $this->Form->input($modelNameField . '.date_created',array('type' => 'text', 'value' => date('Y-m-d H:i:s'), 'readonly' => 'readonly')); 
?> 
<?php        

echo $this->Form->end(__('Submit', true)); 

?>

我也有BoostCake插件。在我的AppController

var $helpers = array('Html' => array('className' => 'BoostCake.BoostCakeHtml'), 
    'Form' => array('className' => 'BoostCake.BoostCakeForm'), 
    'Paginator' => array('className' => 'BoostCake.BoostCakePaginator'))

以下行這是我default.thtml中的代碼

<!DOCTYPE html> 
<html> 
<head> 
<?php echo $this->Html->charset(); ?> 
<title> 
    <?php echo $cakeDescription ?>: 
    <?php echo $title_for_layout; ?> 
</title> 
<?php 
    echo $this->Html->meta('icon'); 

    //echo $this->Html->css('cake.generic'); 
    echo $this->Html->css('/bootstrap'); 
    echo $this->Html->css('/bootstrap.min'); 
    echo $this->Html->css('/bootstrap-responsive'); 
    echo $this->Html->css('/bootstrap-responsive.min'); 

    echo $this->fetch('meta'); 
    echo $this->fetch('css'); 
    echo $this->fetch('script'); 
    echo $this->Html->script('/bootstrap'); 
    echo $this->Html->script('/bootstrap.min'); 
    echo $this->Html->script('/jquery-1.9.1'); 

?> 
<title>Bootstrap 101 Template</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 
<div id="container"> 
    <div id="header"> 
     <h1><?php echo $this->Html->link($cakeDescription, 'http://cakephp.org'); ?></h1> 

    </div> 
    <div id="content"> 
      <body> 
<h1>Hello, world!</h1> 

     <?php echo $this->Session->flash(); ?> 

     <?php echo $this->fetch('content'); ?> 
    </div> 
    <div id="footer"> 
     <?php echo $this->Html->link(
       $this->Html->image('cake.power.gif', array('alt' => $cakeDescription, 'border' => '0')), 
       'http://www.cakephp.org/', 
       array('target' => '_blank', 'escape' => false) 
      ); 
     ?> 
    </div> 
</div> 
<?php echo $this->element('sql_dump'); ?>

解決方案：Apache的mod_rewrite而不能正常工作。必須重置apache配置。感謝所有的幫助！

來源

2014-01-29 Vedun23

顯示您的代碼。 – burzum

添加代碼@burzum – Vedun23

從1.3.8開始在cakephp中沒有工作，所以不知道我錯過了什麼。 – Vedun23

echo $this->Html->css('/bootstrap-responsive.min');

是錯誤的。這將嘗試加載文件，而不是/ /而不是/ css /的js擴展名。刪除/在前面。 Take a look at the manual查看使用此方法的所有選項和方法。

echo $this->Html->css('bootstrap-responsive.min');

同樣的規則適用於HtmlHelper :: script（）。

從1.3開始，您應該閱讀the migration guide。

來源

2014-01-29 17:35:12 burzum

修正了這個問題。仍然路由錯誤。如果我通過螢火蟲手動修改路線，它會起作用。 – Vedun23

那麼......可能是一個好主意，以顯示它現在如何呈現路徑？還是一樣？不能。 – burzum

Twitter Bootstrap 3.0和CakePHP 2.4.x

回答

相關問題