篇十七：tag文件的使用

一、tag概述

　　JSP标签有两种实现方法，一种是使用tag 文件，一种是使用tld文件。

　　tag文件的使用：标签名和tag文件名一致， tag文件为JSP文件，可以有属性

二、tag使用

　　1、tag文件的定义 pager_backstage.tag

　　知识点解析：

　　　　a、定义属性--属性attribute，有变量名(name)，是否必需（required），属性类型（type），相当于定义一个JavaBean的属性。在使用属性的值时，可通过get方法来访问或通过变量名的方式来访问；

　　　　　 属性设为必需后，在引用的地方，设置参数一样使用　　

<%@ tag pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/jsp/common/global.jsp" %>

<%@ attribute name="id" required="true" type="java.lang.String" %>
<%@ attribute name="pager" required="true" type="com.guduo.common.page.PageBean" %>

<c:set var="currentPage" value="${pager.currentPage}"/>
<c:set var="numPerPage" value="${pager.numPerPage}"/>
<c:set var="totalRecord" value="${pager.totalCount}"/>
<c:set var="totalPage" value="${pager.pageCount}"/>

<div class="pager-css-row">
    <div class="css-right">
        <div id="${id}">
            <span>页面编号:</span>
            <span class="ext-pager-pn">${currentPage}</span>
            <span>/</span>
            <span class="ext-pager-tp">${totalPage}</span>
            <span class="css-blank-10"></span>
            <span>每页条数:</span>
            <select class="ext-pager-ps" style="width:45px; height:30px; font-size: 14px; font-weight: normal; color: #333333; background-color: #ffffff; border: 1px solid #e5e5e5;">
                <option value="10" <c:if test="${numPerPage=='10'}">selected="selected" </c:if>>10</option>
                <option value="15" <c:if test="${numPerPage=='15'}">selected="selected" </c:if>>15</option>
                <option value="20" <c:if test="${numPerPage=='20'}">selected="selected" </c:if>>20</option>
            </select>
            <span class="css-blank-10"></span>
            <span>总记录数:</span>
            <span>${totalRecord}</span>
            <span class="css-blank-10"></span>
            <div class="css-button-group ext-pager-button">
                <c:choose>
                    <c:when test="${currentPage > 1 && currentPage <= totalPage}">
                        <button type="button" title="第一页" class="btnEnabled" data-pn="1">|&lt;</button>
                        <button type="button" title="上页" class="btnEnabled" data-pn="${currentPage - 1}">&lt;</button>
                    </c:when>
                    <c:otherwise>
                        <button type="button" title="第一页" class="btnDisabled" disabled>|&lt;</button>
                        <button type="button" title="上页" class="btnDisabled" disabled>&lt;</button>
                    </c:otherwise>
                </c:choose>
                <c:choose>
                    <c:when test="${currentPage < totalPage}">
                        <button type="button" title="下页" class="btnEnabled" data-pn="${currentPage + 1}">&gt;</button>
                        <button type="button" title="最后一页" class="btnEnabled" data-pn="${totalPage}">&gt;|</button>
                    </c:when>
                    <c:otherwise>
                        <button type="button" title="下页" class="btnDisabled" disabled>&gt;</button>
                        <button type="button" title="最后一页" class="btnDisabled" disabled>&gt;|</button>
                    </c:otherwise>
                </c:choose>
            </div>
        </div>
    </div>
</div>

　　2、使用tag

//1、在界面引入 tag文件
<%@ taglib prefix="tag" tagdir="/WEB-INF/tags" %>

//2、使用
<tag:pager_backstage id="list_page" pager="${page}"/>