- 创建标签文件
首先创建一个Web项目,在webapp/WEB-INF目录下创建一个tags文件夹
在tags文件夹中创建一个oddNumberSum.tag文件,Tag文件时扩展名为.tag的文本文件,其结构和JSP文件非常相似,该文件的目录结构如图所示
创建Tag文件的步骤:右键tags文件夹→New→File
然后在弹出框中输入tag文件的完整名字
2.开发自定义标签
oddNumberSum.tag文件的内容,这里实现一个简单的tag文件,实现计算100以内奇数的和
<%@ tag pageEncoding="utf-8" %>
<p style="font-family:宋体;font-size:36">
1~100内的奇数之和:
<% int sum=0,i=1; //java程序片
for(i=1;i<=100;i++){
if(i%2==1)
sum=sum+i;
}
out.println(sum);
%>
</p>
Tag文件可以实现代码的复用,即Tag文件可以被多个页面使用
3.自定义标签的使用
一个JSP页面通过使用tag标记来使用一个tag文件。JSP页面使用tag标记前,必须使用tablib指令引入该web目录下的标记库,然后JSP才能调用响应的tag文件。
taglib指令的格式为:<%@taglib tagdir='标签库的位置' prefix='前缀'%>
其中prefix指定的前缀由用户自定义,同一个标签库中的标签在界面上使用时具有统一的前缀。
实际的使用:<%@taglib tagdir='/WEB-INF/tags' prefix='computer'%>
在webapp目录下创建一个tag.jsp页面
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2024/4/9
Time: 15:41
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib tagdir='/WEB-INF/tags' prefix='computer'%>
<html>
<head>
<title>JSP Taglib</title>
</head>
<body>
<computer:oddNumberSum></computer:oddNumberSum>
</body>
</html>
JSP页面在使用Tag标记时,冒号的左右都不要出现空格。
4.结果验证
启动项目,展现的界面如下图所示