Struts Tiles标签

最新推荐文章于 2021-06-19 07:45:39 发布

给力地板油

最新推荐文章于 2021-06-19 07:45:39 发布

阅读量447

点赞数

分类专栏： J2EE 文章标签： struts stylesheet header table list c

本文链接：https://blog.youkuaiyun.com/wslyy99/article/details/3490435

版权

J2EE 专栏收录该内容

61 篇文章

订阅专栏

本文介绍了一个使用Struts Tiles实现的网站布局示例。通过main.jsp文件定义页面结构，并利用layout.jsp作为模板，插入header.jsp、menu.jsp、content.jsp和footer.jsp四个部分，实现了统一的页面风格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 Struts Tiles标签:
main.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="strutsTiles" prefix="tiles" %>
<tiles:insert page="layout.jsp" flush="true" >
    <tiles:put name="header" value="header.jsp" />
    <tiles:put name="left" value="menu.jsp" />
    <tiles:put name="content" value="content.jsp" />
    <tiles:put name="footer" value="footer.jsp" />
</tiles:insert>
layout.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="strutsTiles" prefix="tiles" %>
<html>
  <head>
    <title>Demo</title>
    <link rel="stylesheet" href="css/basic.css" type="text/css"></link>
  </head>
  <body>
    <center>
    <table  width="80%" height="100%">
    <tr>
        <td width="100%" height="20%" valign="middle" align="center" colspan="2"  >
            <tiles:insert attribute="header" />         
        </td>
    </tr>
    <tr>
        <td width="20%" height="60%" valign="top" align="left">
            <tiles:insert attribute="left" />
        </td>
        <td width="*" height="60%" valign="top" align="center" >
            <tiles:insert attribute="content" />
        </td>
    </tr>
    <tr>
        <td width="100%" height="20%" colspan="2" align="center" >
            <tiles:insert attribute="footer" />
        </td>
    </tr>
    </table>
    </center>
  </body>
</html>
content.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<h3>本系统为后台数据管理窗体</h3>
header.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<h1>进销存管理后台管理系统</h1>
footer.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<h3>版权所有(c)list_jerry@yahoo.com.cn</h3>
menu.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<h2>操作菜单</h2>
basic.css
@CHARSET "UTF-8";
body { 
    font-family: arial, helvetica, sans-serif; 
    font-size: 80%; 
    color: black; 
    background-color: #ffc; 
    margin: 1em; 
    padding: 0; 
    
}
p { 
    line-height: 1.5em; 
}
h1 { 
    color: #fff; 
    background-color: #450; 
    font-size: 2em; 
    margin: 0; 
    margin-bottom: 0.5em; 
    padding: 0.25em; 
    font-style: italic; 
    text-align: center; 
    letter-spacing: 0.5em; 
    border-bottom-style: solid; 
    border-bottom-width: 0.5em; 
    border-bottom-color: #c00; 
}
h2 { 
    color: white; 
    background-color: #090; 
    font-size: 1.5em; 
    margin: 0; 
    padding: 0.1em; 
    padding-left: 1em; 
}
h3 { 
    color: #999; 
    font-size: 1.25em; 
}
img { 
    border-style: dashed; 
    border-width: 2px; 
    border-color: #ccc; 
}
a { 
    text-decoration: none; 
}
strong { 
    font-style: italic; 
    text-transform: uppercase; 
}
li { 
    color: #900; 
    font-style: italic; 
}
table { 
    background-color: #ccc; 
}
 