Top > Ruby on Railsあれこれ > 1-8 複雑なメニューの画面

  0
  1
  2
  3
  4
  5
<%# テンプレートファイルのどの部位にどの部品をあてはめるか指定します%>
<% @header = "header" %>
<% @menu = "menu" %>
<% @main = "entry" %>
<% @info = "info" %>
<% @footer = "footer" %>
  0
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tilesのサンプル</title>
</head>
<body>
<table cellspacing="2" cellpadding="3" border="0" width="100%">
  <tr>
    <td colspan="3">
      <%= render :partial=>@header %>
    </td>
  </tr>
  <tr>
    <td width="20%">
      <%= render :partial=>@menu %>
    </td>
    <td>
      <%= render :partial=>@main %>
    </td>
    <td width="30%">
      <%= render :partial=>@info %>
    </td>
  </tr>
  <tr>
    <td colspan="3">
      <%= render :partial=>@footer %>
    </td>
  </tr>
</table>
</body>
</html>
  0
<%= render :partial=>'header' %>
  0
  1
  2
<div style="background-color : aqua;">
  <h1>1-8のサンプル</h1>
</div>
  0
  1
  2
  3
  4
  5
  6
<ul>
<li><s:link href="#">menu1</s:link></li>
<li><s:link href="#">menu2</s:link></li>
<li><s:link href="#">menu3</s:link></li>
<li><s:link href="#">menu4</s:link></li>
<li><s:link href="#">menu5</s:link></li>
</ul>
  0
Railsのバージョンは<%= RAILS_GEM_VERSION %>
  0
  1
  2
  3
<hr>
<div style="text-align:center;background-color:aqua;">
Copyright (C) Taipei-MaoMao 2008
</div>

  0
  1
  2
  3
  4
  5
  6
<% form_tag :action => 'submit' do %>
  ユーザID<%= text_field_tag 'userid' %><br>
  パスワード<%= text_field_tag 'password' %><br>
  氏名<%= text_field_tag 'name' %><br>
  年齢<%= text_field_tag 'age' %><br>
  <%= submit_tag "登録" %>
<% end %>
  0
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
class TilesController < ApplicationController
  
  #1) レイアウトファイルを明示的に指定します。
  layout "layouts/tiles"
  
  # 入力画面表示のアクションメソッド
  def index
    render :action => 'entry.html.erb'
  end
  
  # 入力表示画面表示のアクションメソッド
  def submit
    render :action => 'result.html.erb'
  end
  
end

  0
layout "layouts/tiles"
  0
  1
  2
  3
  4
  5
<%# テンプレートファイルのどの部位にどの部品をあてはめるか指定します%>
<% @header = "header" %>
<% @menu = "menu" %>
<% @main = "result" %>
<% @info = "info" %>
<% @footer = "footer" %>
  0
  1
  2
  3
ユーザID:<%=h params["userid"]%><br>
パスワード:<%=h params["password"]%><br>
氏名:<%=h params["name"]%><br>
年齢:<%=h params["age"]%><br>

添付ファイル: fileror-sample1-8_6.jpg 380件 [詳細] fileror-sample1-8_5.jpg 348件 [詳細] fileror-sample1-8_4.jpg 357件 [詳細] fileror-sample1-8_3.jpg 354件 [詳細] fileror-sample1-8_2.jpg 394件 [詳細] fileror-sample1-8_1.jpg 372件 [詳細]

リロード   新規 編集 凍結解除 差分 添付 複製 名前変更   ホーム 一覧 単語検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: 2012-08-08 (水) 23:25:33 (2923d)