Twitter Bootstrap 3.0 및 CakePHP 2.4.x

새로운 cakePHP 설치시 Twitter Bootstrap을 사용하는 데 어려움을 겪고 있습니다.Twitter Bootstrap 3.0 및 CakePHP 2.4.x

상황이 빨리가이 빨리가이 웹 루트/JS 디렉토리에 jQuery를 1.9.1 배치 웹 루트 디렉토리에 부트 스트랩 파일/폴더를 배치까지

-Installed 이렇게와의 AppController 에 BoostCake 플러그인을로드 - 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.

무엇이 누락 되었습니까?

여기에 웹 루트 CSS/boostrap.css CSS/boostrap.min.css CSS/부트 스트랩 - theme.css CSS/부트 스트랩 - theme.min.css의

/repository/trunk/boostrap/app

내용을 디렉토리 목록입니다

AppController.php 
FeedbacksController.php

,536 컨트롤러

의

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

내용 (설치 새 폴더 제외)보기개

내용

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.ctp 코드

<!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'); ?>

솔루션입니다 : 아파치의 mod_rewrite를 제대로 작동되지 않았습니다. 아파치 설정을 재설정해야했다. 모든 도움에 감사드립니다!

출처

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에서 오는 경우 the migration guide을 읽어야합니다.

출처

2014-01-29 17:35:12 burzum

해결되었습니다. 여전히 잘못 라우팅합니다. 방화범을 통해 경로를 수동으로 수정하면 작동합니다. – Vedun23

음 ... 이제 경로가 어떻게 렌더링되는지 보여주는 것이 좋습니다. 아니면 여전히 같은가요? 될 수 없다. – burzum

Twitter Bootstrap 3.0 및 CakePHP 2.4.x

답변

관련 문제