Top > Tilesを使用したパターン。こんなのいかが


Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
  6
  7
  8
  9
 
 
 
-
|
-
|
!
!
package tiles1.action;
import org.seasar.struts.annotation.Execute;
 
public class Menu1Action {
    @Execute(validator = false)
    public String index() {
        return "index.jsp";
    }
}

Everything is expanded.Everything is shortened.
  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
 31
 32
 33
 34
 35
 36
 37
 38
 39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title><tiles:getAsString name="title" /></title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <link rel="stylesheet" type="text/css" href="${f:url('/css/base_template.css')}">
</head>
<body>
  <div id="headerContainer">
    <div id="LogoContainer">
      ここにはロゴなどを設置する
    </div>
    <div id="PageTitle">
      タイトルを書く
    </div>
    <div id="LoginContainer">
      ログインボタンなどを設置する
    </div>
  </div>
  <hr class="Spacer"/>
  <div id="mainContainer">
    <div id="menuContainer">
      <table id="MenuTable" border=1>
        <tr><th>Menu</td></tr>
        <tr><td><s:link styleClass="expandLink" href="/menu1">Menu1</s:link></td></tr>
        <tr><td><s:link styleClass="expandLink" href="/menu2">Menu2</s:link></td></tr>
      </table>
    </div>
    <%-- BodyContainerにメニュー毎のコンテンツを表示します。 --%>
    <div id="BodyContainer">
      <tiles:insert attribute="BodyContent" />
    </div>
  </div>
  <hr class="Spacer"/>
  <div id="FooterContainer">
    Copyright(C) 2008 XXXXXXXXXXX, All Rights Reserved.
  </div>
</body>
</html>

  0
  1
  2
  3
<%@page pageEncoding="UTF-8"%>
<tiles:insert template="/WEB-INF/view/common/base_template.jsp" flush="true">
<tiles:put name="title"  value="Tiles"/>
<tiles:put name="BodyContent" value="/WEB-INF/view/welcome_message.jsp"/>
</tiles:insert>
Everything is expanded.Everything is shortened.
  1
 
<tiles:put name="BodyContent" value="/WEB-INF/view/welcome_message.jsp"/>

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
 
 
 
 
<%@page pageEncoding="UTF-8"%>
<blockquote>
  <H3>ここにはコンテンツを表示します。</H3>
</blockquote>

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
 
 
 
 
 
<%@page pageEncoding="UTF-8"%>
<tiles:insert template="/WEB-INF/view/common/base_template.jsp" flush="true">
<tiles:put name="title"  value="Tiles"/>
<tiles:put name="BodyContent" value="/WEB-INF/view/menu1/menu1_message.jsp"/>
</tiles:insert>

Everything is expanded.Everything is shortened.
  1
  2
  3
  4
 
 
 
 
<%@page pageEncoding="UTF-8"%>
<blockquote>
  <H3>メニュー1のコンテンツ</H3>
</blockquote>

Everything is expanded.Everything is shortened.
  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
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
-
|
!
 
 
 
 
-
|
|
!
 
-
|
|
!
 
-
|
|
|
!
 
-
|
|
!
 
 
 
 
-
|
|
|
|
!
 
-
|
|
|
!
 
-
|
|
!
 
-
|
|
!
 
-
|
|
|
!
 
-
|
!
 
 
 
 
-
|
|
|
!
 
 
 
 
-
|
|
!
div {
 background-color:#f0f0c0;
}
 
/****************/
/* header parts */
/****************/
#headerContainer{
 width:760px;
 height:80px;
}
    
#LogoContainer{
 width:200px;
 float:left;
}
 
#PageTitle{
 width:355px;
 text-align:center;
 float:left;
}
 
#LoginContainer{
 width:200px;
 float:left;
}
 
/****************/
/* body parts */
/****************/
#mainContainer{
 width:760px;
 height:500px;
 padding-top:5px;
 clear: left;
}
    
#menuContainer{
 width:160px;
 text-align:center;
 float:left;
}
 
#BodyContainer{
 width:600px;
 float:left;
}
 
#MenuTable {
 width:100%;
 border-collapse:collapse;
}
 
.expandLink {
 display:block;
 width:100%;
 height:100%;
}
 
.expandLink:hover {
 background-color:#ffcccc;
}
 
/****************/
/* footer parts */
/****************/
#FooterContainer{
 width:760px;
 text-align:center;
 clear: left;
}
 
/****************/
/* other parts */
/****************/
.Spacer{ 
 text-align:left; margin-left:0px;
 width:760px;
}


Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 
 
 
 
 
 
 
 
 
 
 
<%@page pageEncoding="UTF-8"%>
<tiles:insert template="/WEB-INF/view/common/base_template.jsp" flush="true">
<tiles:put name="title"  value="Tiles"/>
<tiles:put name="BodyContent" type="string">
<!-- ここからコンテンツ -->
<blockquote>
  <H3>メニュー1のコンテンツ</H3>
</blockquote>
<!-- ここからコンテンツ -->
</tiles:put>
</tiles:insert>


添付ファイル: filetiles1_4.jpg 498件 [詳細] filetiles1_3.jpg 447件 [詳細] filetiles1_2.jpg 492件 [詳細] filetiles1_1.jpg 599件 [詳細]

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