在Rails中存儲前端功能嗎？

Question

在公用文件夾中，我們有樣式表，javascript和圖像。

我想添加一個具有自己的CSS，JS和圖像的前端功能，但是根據此層次結構，我必須像這樣存儲它們：

stylesheets/calendar/main.css
javascripts/calendar/cal.js
javascripts/calendar/cal2.js
images/calendar/front.jpg
images/calendar/button1.jpg
images/calendar/button2.jpg
images/calendar/button3.jpg

我不喜歡我完全拆分功能。

有沒有一種方法可以按功能組織文件？

calendar/stylesheets/main.css
calendar/javascripts/cal.js
calendar/javascripts/cal2.js
calendar/images/front.jpg
calendar/images/button1.jpg
calendar/images/button2.jpg
calendar/images/button3.jpg

遵循OOP模式，這將是一個更好的結構。

Answer 1

正如其他人所提到的，您幾乎可以做任何您喜歡的事情。

這是我們當前正在使用的系統：

將文件放入與“布局”相對應的目錄中，它們適用於：

/web/images
/web/javascripts
/web/stylesheets

/mobile/images
/mobile/javascripts
/mobile/stylesheets

/admin/etc

頂級目錄（/ images / javascripts / stylesheets）用於真正常見的元素（例如jquery，css重置腳本和標准徽標）。

客戶端庫軟件包保留在其自己的目錄中，而不是散布到標准的Rails目錄中。 這大大有助於長期維護。

以colorbox為例：

而不是：

 /javascripts/colorbox.js
 /stylesheets/colorbox.css

我們有：

 /web/libs/colorbox/colorbox.js
 /web/libs/colorbox/colorbox.css

Answer 2

是的，Slobodan Kovacevic是對的，

您可以組織到任何地方

另一種方法是

stylesheet_link_tag "#{RAILS_ROOT}/calendar/stylesheets/main.css"

當您遇到問題時，請按照以下步驟操作

stylesheet_link_tag '/calendar/stylesheets/main.css'

您需要使用Helper方法來優化另一種方法。

從幫助程序調用每個文件並在軌道上使用它。

Answer 3

您可以根據需要以任何方式組織公用文件夾中的內容。 唯一的區別是，當您使用一些Rails幫助器來處理公用文件夾中文件的路徑時，必須指定這些文件的位置（如果將它們移出了默認位置）。

例如，對於stylesheet_link_tag，您必須執行以下操作：

stylesheet_link_tag '/calendar/stylesheets/main.css'