zoukankan      html  css  js  c++  java
  • [ruby] rails tempate tags

    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>
  • 相关阅读:
    Html5与CSS3(选择器)
    halo博客安装教程,一款优秀的java开源博客系统
    java的read方法
    css故障文字动画
    从软件公司的异同点讲起,聊聊未来的程序员该如何选公司和谋规划
    创建一个springboot项目
    每日算法训练
    Error running 'tomcat': Unknown error
    java: 程序包javax.servlet.http不存在
    idea配置阿里maven镜像
  • 原文地址:https://www.cnblogs.com/bluefrog/p/2519659.html
Copyright © 2011-2022 走看看