JSTL的标签---实现分页

一、JSTL表达式介绍

JSTL是Java中的一个定制标记库集。(这个标记库集不需要自己编写,可以直接使用)
实现了JSP页面中的代码复用(基于标签库原理,重复率较高的代码块支持复用,提高效率)
书写JSP页面时可读性更强(长得很像xml,方便前端查看和参与开发)

二、JSTL表达式的下载使用

从maven仓库找到jstl放进pom
         https://mvnrepository.com/artifact/javax.servlet/jstl
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

三、JSTL的标签库

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
JSTL一共包含四大标签库:
core:核心标签库
fmt:格式化标签库
sql:数据库标签库
xml:xml标签库

四、测试翻页功能

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="card">
    <div class="card-header">
        <h3 class="card-title">客房信息列表</h3>
    </div>
    <c:out value="${json}" default="hello" escapeXml="false"></c:out>
    <!-- /.card-header -->
    <div class="card-body">
        <table id="example1" class="table table-bordered table-striped">
            <thead>
            <tr>
                <th>姓名</th>
                <th>证件号码</th>
                <th>性别</th>
                <th>房型</th>
                <th>消费</th>
                <th>备注</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>Trident</td>
                <td>Internet
                    Explorer 4.0
                </td>
                <td>Win 95+</td>
                <td> 4</td>
                <td>X</td>
                <td>X</td>
            </tr>


            <tr>
                <td>Other browsers</td>
                <td>All others</td>
                <td>-</td>
                <td>-</td>
                <td>U</td>
                <td>U</td>
            </tr>
            </tbody>
            <c:if test="${data.pages gt 1}">
                <tfoot>
                <tr>
                    <td colspan="2">
                        <c:if test="${data.first}">首页</c:if>
                        <c:if test="${!data.first}"><a href="">首页</a></c:if>
                        <a href="${data.prev}">上一页</a>
                        <c:forEach begin="1" end="${data.pages}" var="i" step="1">
                            <a href="${i}">${i}</a> &nbsp;
                        </c:forEach>

                        <a href="${data.next}">下一页</a>
                        <c:if test="${data.page eq data.pages}">尾页</c:if>
                        <c:if test="${not (data.page lt data.pages)}"> <a href="">尾页</a></c:if>

                    </td>
                </tr>

                </tfoot>
            </c:if>
        </table>
    </div>
    <!-- /.card-body -->
</div>;

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值