有沒有人設法將Y5 PHP框架中的HTML5 Boilerplate集成到一起(特別是文件夾結構和構建過程)?帶Yii框架的HTML5加熱板
回答
樣板建議在向頭部添加樣式時使用@import。
<style>@import(/example.css);</style>
的Yii人員使用ClientScript模型添加
<link type="text/css" src="/example.css" />
使用的Yii ::應用程序() - > clientScript模式註冊文件。 Yii允許您根據需要,按控制器或按視圖註冊腳本文件。因此你的http請求可以是最小的。我建議在登記主要佈局所需的腳本/ css和,因爲他們需要與
Yii::app()->clientScript->registerScriptFile();
的Yii是基於MVC模型添加其他腳本。 V用於查看。視圖摺疊包含模型和控制器將根據數據類型調整的html元素。在視圖文件夾中Yii使用佈局文件夾來定義佈局。
$this->layout = 'main';
該行將尋找:
Protected -> views -> layout -> main.php
佈局文件夾應包含主,_htmlHead,_header和_footer。 renderPartial將用於渲染不同的佈局部分。這就像一個PHP的HTML包含。 $ this-> render或$ this-> renderPartial的第二個參數用於將數據傳遞給視圖。例如NAV數據:
$this->renderPartial('_footer', array('nav'=>array('/link/'=>'Link Name')));
在_htmlHead寄存器使用的Yii ::應用程式()所需要的元素 - > clientScript。如果你想使用不同版本的jQuery,那麼使用ScriptMap模型,不要註冊jQuery兩次。 Yii的coreScript,驗證和分頁基於jQuery。
$cs = Yii::app()->clientScript;
$cs->registerCssFile('/css/base.css');
$cs->registerScriptFile('/js/base.js', CClientScript::POS_END);
/* Load Script at END of DOM tree: CClientScript::POS_END */
http://www.yiiframework.com/doc/api/1.1/CClientScript
在過去,我已經使用config.php文件Yii中設置一個assetsLocaion參數。如果我移動我的資產,它不會破壞網站。
Yii::app()->clientScript->registerScriptFile(Yii::app()->param->assetsLocation.'/js/example.js');
樣板的基本佈局將在佈局/ main.php來限定。退房的主題文件:http://www.yiiframework.com/doc/guide/1.1/en/topics.theming
佈局文件可能是這樣的:
<!doctype html>
<?php $this->renderPartial('//layouts/_Htmlhead); ?>
<body>
<div id="container">
<?php $this->renderPartial('//layouts/_header); ?>
<div id="main" role="main">
<?php echo $content; ?>
</div>
<?php $this->renderPartial('//layouts/_footer); ?>
</div>
<?php $this->renderPartial('//layouts/_footerScripts); ?>
</body>
</html>
注意腳註是可選的。 Yii :: app() - > clientScript有一個腳本放置參數(即postHead,postContent,postBody) – aCodeSmith
感謝您的真棒反饋! –
我只是有幾個後續問題: 1)HTML5 Boilerplate建議將所有CSS文件合併到其基本style.css中。將BP與YII一起使用時,您會建議堅持這種做法嗎? jQuery插件和其他外部js文件也是如此。 2)你能否詳細說一下這條評論:「在頁面佈局中添加HTML標題,頁眉標籤和頁腳標籤到它們自己的視圖中,佈局文件夾應該包含main,_htmlHead,_header,_footer,在_htmlHead註冊中,使用Yii :: app() - > clientScript所需的元素。「? 再次感謝! –
一個簡單的Yii HTML5樣板主題是供在https://github.com/neam/yii-html5-boilerplate
檢查我的Yii樣板和Bootstrap集成
+1看起來不錯... –
頁面未找到... – Lamy
我創建了一個新的回購協議,其更新版本爲https://github.com/ drumaddict/YiiApp – drumaddict
有一個非常詳細的維基文章Antoni Ø拉米雷斯標題:
YiiBoilerplate - 在幾秒鐘內設置一個專業的項目結構 http://www.yiiframework.com/wiki/374/yiiboilerplate-setup-a-professional-project-structure-in-seconds/
什麼
https://github.com/clevertech/YiiBoilerplate
我認爲他們使用HTML5Bilerplate
- 1. 帶網格系統的HTML5加熱板
- 2. 加入在Yii框架
- 3. 與Yii框架
- 4. Yii框架2.0
- 5. 在Yii框架
- 6. Yii框架:AuthManager
- 7. 與Yii框架
- 8. ModRewrite Yii框架
- 9. Yii框架:reCaptcha
- 10. 案例Yii框架
- 11. Bootstrap和Yii框架
- 12. Yii框架vs Struts2
- 13. Yii框架部署
- 14. Yii框架:showdialogbox(CJuiDialog)
- 15. 帶Struts框架的Freemarker模板
- 16. HTML5的UI框架
- 17. Yii框架對話框
- 18. Yii框架與Twitter Bootstrap無法加載
- 19. 使用ActiveRecord Yii框架增加MySql列
- 20. Yii框架添加參數returnUrl
- 21. 傳單 - 板Carree和熱帶帶
- 22. Yii框架中的Amazon SDK
- 23. Yii的PHP框架教程
- 24. yii框架中的sqlite
- 25. yii框架中的主題
- 26. Yii框架中的資產
- 27. Yii框架中的模型?
- 28. Yii框架的UrlManager性能
- 29. Yii PHP框架:無法在Yii中require_once
- 30. Yii框架,分配不同的模板,以不同的部分
爲什麼不使用HTML5 Boilerplate進行配置? – zuo
@Zuo - 你能解釋一下嗎? –
@ user1151271由於我對樣板文件的瞭解有限,我認爲您只需在樣板文件的文件夾路徑(js/css/images)上進行配置即可使用樣板文件的構建工具功能。對於index.html,只需將它與yii項目的主佈局文件一起使用即可。 – zuo