Javascript
html.erb
<!-- 本地目录(public) -->
<%= javascript_include_tag "main" %>
<!-- 本地多级目录(public) -->
<%= javascript_include_tag "photos/columns" %>
<!-- 远程js链接 -->
<%= javascript_include_tag "http://example.com/main.js" %>
html
<script src='/javascripts/main.js' type="text/javascript"></script>
<script src='/javascripts/photos/columns.js' type="text/javascript"></script>
<script src='http://example.com/main.js' type="text/javascript"></script>
CSS
html.erb
<%= stylesheet_link_tag "main","/photos/columns" %>
<%= stylesheet_link_tag "http://example.com/main.css" %>
html
<link href="/stylesheets/main.css" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/photos/columns.css" media="screen" rel="stylesheet" type="text/css" />
<link href="http://example.com/main.css" media="screen" rel="stylesheet" type="text/css" />
Image
html.erb
# public/images/header.png
<%= image_tag "header.png" %>
# height
<%= image_tag "icons/delete.gif", {:height => 45} %>
# js event
<%= image_tag "home.gif", :onmouseover => "menu/home_highlight.gif" %>
# alt
<%= image_tag "home.gif", :alt => "Home" %>
# width height
<%= image_tag "home.gif", :size => "50x20" %>
#
<%= image_tag "home.gif", :alt => "Go Home",
:id => "HomeImage",
:class => 'nav_bar' %>
Video
html.erb
# public/videos/movie.ogg <%= video_tag "movie.ogg" %> # :poster => 'image_name.png', provides an image to put in place of the video before it starts playing. # :autoplay => true, starts playing the video on page load. # :loop => true, loops the video once it gets to the end. # :controls => true, provides browser supplied controls for the user to interact with the video. # :autobuffer => true, the video will pre load the file for the user on page load. <%= video_tag ["trailer.ogg", "movie.ogg"] %>
html
<video src="/videos/movie.ogg" /> <video><source src="trailer.ogg" /><source src="movie.ogg" /></video>
Audio
html.erb
# public/audios/ <%= audio_tag "music.mp3" %> <%= audio_tag "music/first_song.mp3" %> # :autoplay => true, starts playing the audio on page load # :controls => true, provides browser supplied controls for the user to interact with the audio. # :autobuffer => true, the audio will pre load the file for the user on page load
Render
html.erb
# 模板所在目录/_menu.html.erb <%= render "menu" %> # app/views/shared/_menu.html.erb <%= render "shared/menu" %> # ./_link_area.html.erb # /layouts/_graybar.html.erb <%= render :partial => "link_area", :layout => "graybar" %>
传参
new.html.erb
<h1>New zone</h1> <%= error_messages_for :zone %> <%= render :partial => "form", :locals => { :zone => @zone } %>
edit.html.erb
<h1>Editing zone</h1> <%= error_messages_for :zone %> <%= render :partial => "form", :locals => { :zone => @zone } %>
_form.html.erb
<%= form_for(zone) do |f| %> <p> <b>Zone name</b><br /> <%= f.text_field :name %> </p> <p> <%= f.submit %> </p> <% end %>
Rendering Collections
index.html.erb
<h1>Products</h1> <%= render :partial => "product", :collection => @products %>
_product.html.erb
<p>Product Name: <%= product.name %></p>