第三章 ---Tag文件与Tag标记

目录

系列文章目录

文章目录

前言

3.1 Tag文件

   3.1.1 Tag文件的结构:

   3.1.2 Tag文件的保存

3.2 Tag标记

   3.2.1 Tag标记与Tag文件

   3.2.2 Tag标记的使用

   3.2.3 Tag标记的运行原理

3.3 Tag文件中的常用指令

3.3.1 tag指令

3.2.2 include指令

3.2.3  attribute指令

 3.3.4 variable指令

3.3.5  taglib 指令

总结




前言

提示:这里可以添加本文要记录的大概内容:

Tag 文件的结构

Tag 标记

Tag 文件中的常用指令

难点:

Tag文件中的attribute指令

Tag文件中的variable指令

3.1 Tag文件

   3.1.1 Tag文件的结构:

Tag文件是扩展名为.tag的文本文件,其结构与JSP文件类似。

一个Tag文件中可以有普通的HTML标记符,某些特殊的指令标记,成员变量声明和方法的定义,java程序片和java表达式。一下是一个简单的tag文件.负责计算100以内的全部奇数的代数和。

<%@ tag pageEncoding="utf-8" %>
<p style="font-family:宋体;font-size:36">
1~100内的奇数之和:
  <%  int sum=0,i=1;
         for(i=1;i<=100;i++){
            if(i%2==1)
               sum=sum+i;
        }
        out.println(sum);
  %> 
</p>

   3.1.2 Tag文件的保存

①Tag文件的所在目录

Tag文件可以实现代码的复用,也就是说可以被多个JSP页面适用。

需要把Tag文件存放到Tomcat服务器指定的目录中,也就是说,如果某个Web服务目录的JSP页面准备调用一个Tag文件,那么必须在该Web服务目录下,建立如下的目录结构:

Web服务目录\WEB - INF\ tags

例如:

ch3\WEB - INF\ tags

②Tag文件的编码:

值得注意的是保存文件时按照Tag文件指定的编码保存,例如Tag文件使用tag指令

<%@ tag pageEncoding="utf-8">

3.2 Tag标记

   3.2.1 Tag标记与Tag文件

某个Web服务目录下的Tag文件只能由该Web服务目录中的JSP页面调用,JSP页面必须通过Tag标记来调用一个Tag文件。

Tag标记的名字和Tag文件的名字一致,也就是说,当我们编写了一个Tag文件并保存到特定的目录中后,也就给出了一个Tag标记,该标记的格式为:

<Tag文件的名字/>

<Tag文件的名字>其他内容(称为标记内容)</Tag文件的名字>

※ 一个Tag文件对应着一个Tag标记,把全体Tag标记称之为一个自定义标记库或简称为标记库。

   3.2.2 Tag标记的使用

一个JSP页面通过使用Tag标记来调用一个Tag文件。Web服务目录下的一个JSP页面在使用Tag标记来调用一个Tag文件之前,必须先使用taglib指令标记引入该Web服务目录下的标记库。

taglib指令的格式如下:

<%@taglib tagdir ="标记库的位置"  prefix = “前缀”>

例如

<%@ taglib tagdir="/WEB-INF/tags" prefix = "computer"%>

 注:JSP页面使用Tag标记时,冒号:的左右不要有空格。

下面将给出一个例子调用前面编写的Tag文件oddNumberSum.tag

<%@ page contentType = "text/html" %>  
<%@ page pageEncoding = "utf-8" %> 
<%@ taglib tagdir = "/WEB-INF/tags" prefix = "computer"%>
<HTML><body bgcolor = cyan>
<h1>调用Tag文件计算100内奇数和:</h1>
<computer:oddNumberSum /> <%-- 使用Tag标记 --%>
</body></HTML>  

   3.2.3 Tag标记的运行原理

Tomcat 服务器处理JSP页面中的Tag标记的原理如下:

※ 如果该Tag标记对应的Tag文件是首次被JSP页面调用,那么Tomcat服务器会将Tag文件转译成一个java文件,并编译这个java文件生成字节码文件,然后执行这个字节码文件(这和执行JSP页面的原理类似)

※ 如果该Tag文件已经被编译为字节码文件,Tomcat服务器将直接执行这个字节码文件。

※ 如果对Tag文件进行了修改,那么Tomcat服务器将会重新将Tag文件转译成一个java文件,并编译这个java文件生成字节码文件,然后执行这个字节码文件。

3.3 Tag文件中的常用指令

      与JSP文件类似,Tag文件中也有一些常用指令,这些指令将影响Tag文件的行为。Tag文件中经常使用的指令有tag、taglib、include、attribute、variable。

3.3.1 tag指令

  Tag文件中的tag指令类似于JSP文件中的page指令。Tag文件通过使用tag指令可以指定某些属性的值,以便从总体上影响Tag文件的处理和表示。 tag指令的语法如下:

<%@ tag属性1=“属性值”  属性2=“属性值” ...... 属性n=“属性值”%>

  在一个Tag文件中可以使用多个tag指令,因此我们经常使用多个tag指令为属性指定需要的值:

<%@ tag属性1=“属性值” %>

<%@ tag属性2=“属性值” %>

...

<%@ tag属性n=“属性值” %>

①language属性

  language属性指定Tag文件使用的脚本语言,目前只能取值Java,其默认值就是Java,因此在编写Tag文件时,没有必要使用tag指令指定language属性的值。

②import属性

  import属性的作用是为Tag文件引入包中的类。

③pageEncoding属性

  该属性指定Tag文件的字符编码,其默认值是ISO-8859-1。为了避免乱码现象,需要将Tag文件属性值设置为UTF-8。

3.2.2 include指令

  在tag文件中也有和JSP文件类似的include标记,方法和作用于JSP文件中的指令标记类似。

3.2.3  attribute指令

在Tag文件中使用attribute指令使用它的jsp页面向该Tag文件传递需要的数据。格式如下

<% @ attribute name = "对象名字"  required= ""丨"false" type="对象的类型"%>

以下举一个例子,使用Tag标记调用triangle.tag文件,并向triangle.tag传递三角形三边的长度。

example3_2.jsp

<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %> 
<%@ taglib tagdir="/WEB-INF/tags/example2" prefix="getTriangleArea"%>
<HTML><body bgcolor = yellow >
<p style="font-family:宋体;font-size:36;color:blue">
<%-- 使用Tag标记: --%>
<getTriangleArea:triangle sideA="15" sideB="16" sideC="20"/>
</p>
</body></HTML>

triangle.tag

<%@ tag pageEncoding="utf-8" %>
<%@ attribute name="sideA" required="true" %>
<%@ attribute name="sideB" required="true" %>
<%@ attribute name="sideC" required="true" %>
<%! public String getArea(double a,double b,double c) {
       if(a+b>c&&a+c>b&&c+b>a) {
           double p=(a+b+c)/2.0;
           double area=Math.sqrt(p*(p-a)*(p-b)*(p-c)) ;
           String result = String.format("%.2f",area);
           return "<br>三角形面积(小数点保留2位):"+result;
        }
        else
           return("<br>"+a+","+b+","+c+"不能构成一个三角形,无法计算面积");
        }
%>
<%  out.println("<BR>三边:"+sideA+","+sideB+","+sideC);
    double a=Double.parseDouble(sideA);
    double b=Double.parseDouble(sideB);
    double c=Double.parseDouble(sideC);
    out.println(getArea(a,b,c));
%>

 3.3.4 variable指令

在是能够使Tag文件返回数据给jsp页面的指令,格式如下:

<%@ variable name - given ="对象名" variable-class="对象类型 " scope="有效范围" %>

example3_4.jsp

<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %> 
<%@ taglib tagdir="/WEB-INF/tags/example4" prefix="getPrice" %>
<HTML><body bgcolor = #FFCCFF>
<% String str = "麻辣豆腐:20.6元,红烧肉:68.9元,烤鸭:199元";
%>
<getPrice:handleData mess="<%= str %>"/>  <%-- 使用Tag标记 --%>
<p style="font-family:宋体;font-size:36">
 菜单:<br>"<%= str %>"<br>价格总和:
<%= price %>         <%-- 使用Tag标记返回的Double对象price --%>
</p>
<% str = "毛巾:2.6元,香皂:6.9元,牙刷:12.3元";
%>
<getPrice:handleData mess="<%= str %>"/>  
<p style="font-family:黑体;font-size:36;color:blue">
购物小票:<br>"<%= str %>"<br>价格总和:
<%= price %>              
</p>
</body></HTML>

handleData.tag

   

<%@ attribute name="mess" required="true" type="java.lang.String" %>
<%@ tag import="java.util.regex.Pattern" %>
<%@ tag import="java.util.regex.Matcher" %>
<%@ variable name-given="price" variable-class="java.lang.Double"
    scope="AT_BEGIN" %>
<%!  
public Double getPriceSum(String input){  // 定义方法
    Pattern pattern;          //模式对象
    Matcher matcher;          //匹配对象
    String regex="-?[0-9][0-9]*[.]?[0-9]*" ;//匹配数字,整数或浮点数的正则表达式
    pattern = Pattern.compile(regex);       //初试化模式对象
    matcher = pattern.matcher(input);       //初始化匹配对象,用于检索input
    double sum = 0;
    while(matcher.find()) {
       String str = matcher.group(); 
       sum += Double.parseDouble(str);
    } 
    return new Double(sum);
}
%>
<% //将返回的Double对象放在jspContext中:
   jspContext.setAttribute("price",getPriceSum(mess));
%>

注意:在JSP页面中不可以再定义与Tag文件返回的对象具有想同名字的变量。

3.3.5  taglib 指令

JSP页面或Tag文件都可以使用taglib指令引入标记库。taglib指令格式如下

<@% taglib tagdir = "自定义标记库的位置" prefix="前缀">

一个Tag文件也可以使用几个taglib指令标记引入若干个标记库。


总结

要学习好以下的内容

Tag 文件的结构

Tag 标记

Tag 文件中的常用指令

难点:

Tag文件中的attribute指令

Tag文件中的variable指令

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值