7.2 第一个tag file

7.2 第一个tag file

这一节将用一个实例说明使用tag file是多么方便。下面的这个例子包含一个tag文件和一个使用这个tag文件的JSP页面。

项目结构

这个app07a项目结构如下图所示:
这里有一张图片
这个项目只有两个文件:

  • app07a/WebContent/WEB-INF/tags/firstTag.tag
  • app07a/WebContent/firstTagTest.jsp

创建tag file

firstTag.tag:

1
2
3
4
5
6
7
<%@ tag import="java.util.Date" import="java.text.DateFormat"%>
<%
DateFormat dateFormat =
DateFormat.getDateInstance(DateFormat.LONG);
Date now = new Date(System.currentTimeMillis());
out.println(dateFormat.format(now));
%>

tag fileJSP页面是很相似的。在firstTag.tag文件里包含了一个tag指令和一个脚本片段,其中tag指令里的两个import属性引入了脚本中需要使用的Java类。接下来,只需要将这个tag file放到WEB-INF/tags目录下就可以使用该tag file。注意**tag file名和标签的名字是一样的**,例如这个firstTag.tagtag file对应的标签名即为firstTag

JSP中使用tag file

firstTagTest.jsp:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用tag file</title>
</head>
<body>
<!-- tagdir属性表示该标签文件所在的目录,
prefix属性是该标签文件所在的目录的别名
后续将通过<前缀:文件名/>的方式引用标签文件
-->
<%@ taglib prefix="mytags" tagdir="/WEB-INF/tags"%>
Today is
<!-- 调用前缀mytags所表示的目录中的firstTag.tag这个文件
-->
<mytags:firstTag />
</body>
</html>

浏览器显示效果

可以用下面的链接访问firstTagTest.jsp来查看效果:http://localhost:8080/app07a/firstTagTest.jsp
内容如下所示:

1
Today is 2019年4月7日