2011-07-16 26 views
2

我已經設計了3個模板我想使用,但是在學習導軌之後,我想將其中的一個模板用於Web應用程序。我如何爲Rails應用程序使用HTML模板?如何使用一個已經建立的導軌模板

由於MVC格式的緣故,導軌看起來不同。所以我不知道如何去把正確的文件放在正確的位置。

回答

5

this指南應該幫助你開始。

基本上,您將主結構(頁眉,頁腳)從模板中分離出來並放入view/layout/application.html.erb中。結構通常與此類似:

html 
    head 
    body 
    #header 

    #content 
     <%= yield %> 

    #footer 

默認情況下,每個控制器都使用它自己的文件夾查看文件。因此articles控制器的視圖應位於view/articles文件夾下。並且每個動作都使用它的html文件。

yield將當前動作的視圖文件插入到佈局中。例如,如果你去/articles/1它會加載view/article/show.html.erb

隨着rails 3.0.x的資產像樣式表,圖像和JS在public文件夾。 3.1使用app/assets/文件夾。

更新

是的,你有一個基地佈局這是每一個網頁,並且每一頁上改變部分上是相同的。但是,如果需要,當然可以使用不同的佈局。或者你可以重複使用相同的視圖文件進行不同的操作。

如果使用相對於根的路徑(例如'/stylesheets/style.css'),則不需要更改每個頁面的引用。 Rails有一些不錯的幫手:

stylesheet_include_tag 'stylesheet_name' 
javascript_include_tag 'script_name' 

你可以通過幾個文件名,或者增加一些選項,你可以在文檔中找到。我將我的樣式表合併到一個application.css文件中,但如果您希望將它們分開並僅在真正需要時才加載,則可以使用yieldcontent_for的組合。在我提供的鏈接中有更多信息。

+0

所以它是這樣的,你只有一個頁面,但身體總是會根據點擊鏈接而改變?此外,這是否意味着我必須改變對我的javascript/css文件的引用,因爲位置正在改變? – DaMainBoss

+0

坦克很多。我是一個紅寶石新手,所以它就像地獄一樣理解佈局...我仍然在網上尋找一個Web應用程序,這是開源的,所以我可以通過它(實際代碼),看看它是如何完成的。非常感謝 – DaMainBoss

+0

您可能想查看railstutorial.org。這是一本描述類似twitter的應用程序開發的免費書籍。代碼可以在這裏找到:https://github.com/railstutorial/sample_app。另外,還有railscasts.com的來源:https://github.com/ryanb/railscasts – bassneck