Tag文件的使用
程序员文章站
2022-06-08 10:43:49
...
tag文件介绍:tag文件就是以拓展名為.tag的文件,其结构几乎与jsp相同。不同的是jsp文件名的首字母小写,而tag文件名首字母大写。
tag文件的作用:tag文件可以实现代码的复用,即tag文件可以被许多jsp页面调用。
tag文件的存储目录:
必须在Web服务目录下建立如下的目录结构:
Web服务目录 \ WEB-INF \ tags
例如:D:\apache-tomcat-6.0.29\webapps\myweb\WEB-INF\tags 其中Web-INF 和tags都是固定的目录
注意:tag 文件都必须使用ANSI编码保存
举个栗子:
1、 panel标签 panel.tag:
<%@tag description="panel" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="http://jakarta.apache.org/struts/tags-bean"%>
<%@ attribute name="path" required="true" %>
<%@ attribute name="label" required="true" %>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center"><td colspan="2" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="19"><img src="<s:write name="path"/>/01a.gif" width="19" height="23"></td>
<td width="81" align="center" valign="middle" bgcolor="#FFFFFF"><NOBR class="lanzi_x"> <s:write name="label"/> </NOBR></td>
<td width="670" background="<s:write name="path"/>/02a.gif"> </td>
<td width="23"><img src="<s:write name="path"/>/03a.gif" width="23" height="23"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13" height="52" background="<s:write name="path"/>/04a.gif"> </td>
<!-- the decorated body -->
<td align="center" valign="top">
<jsp:doBody/>
</td>
<td width="14" background="<s:write name="path"/>/05a.gif"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="32" valign="top"><img src="<s:write name="path"/>/06a.gif" width="32" height="17"></td>
<td width="740" background="<s:write name="path"/>/07a.gif"> </td>
<td width="30" valign="top"><img src="<s:write name="path"/>/08a.gif" width="30" height="17"></td>
</tr>
</table></td>
</tr>
</table>
这是一个面板标签,为了让相同样式的面板得到复用的目的。
其中:
path和label是参数
标签要包含的内容用
<jsp:doBody>来显示
2、Jsp引用如下:
添加<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<tags:panel label="<%=I18nMessageJsp.getInstance().getJSPMessage("chart.composite.select_resource")%>" path="<%=imgRootPath%>">
<div class="_compPanel" id="resTreeDiv" align="left" style="overflow:auto;height:300px;width=170px">
<s:write name="devTree" filter="false"/>
</div>
</tags:panel>
上一篇: bootstrap-treeview