文章目錄
- jsp代碼重用
- 分頁顯示company資訊
- 1. 分頁代碼重用
- 2. 通過在頁面中引入分頁
jsp代碼重用
1）通過<jsp:include>來包含頁面實作重用
比如在當前頁面A中重用B.jsp頁面
<!-- 頁面重用 -->
<jsp:include page="B.jsp" />
2）當前頁面A通過<jsp:param>來傳遞引數給B.jsp頁面，B通過${param.xxx}來獲取
<!-- 頁面A傳遞引數 -->
<jsp:include page="B.jsp">
<jsp:param name="username" value="strive_day"/>
</<jsp:include>
<!-- 頁面B獲取引數username的值 -->
${param.username}
案例：
jspinclude_A.jsp
<%-- 子標簽param，將k-v鍵值對的值傳給被include重用的頁面 --%>
<h3>jsp:include呼叫B并且傳遞引數</h3>
<%-- 傳遞鍵值對，分頁可以通過傳地址實作 --%>
<jsp:include page="/testjsp/jspinclude_B.jsp">
<jsp:param name="username" value="strive_day" ></jsp:param>
<jsp:param name="url" value="http://www.baiud.com" ></jsp:param>
</jsp:include>
<h3>jsp:include呼叫B并不進行引數傳遞</h3>
<jsp:include page="/testjsp/jspinclude_B.jsp"></jsp:include>
jspinclude_B.jsp
<h3>我是可以重用的jsp代碼部分(jspinclude_B)</h3>
username : ${param.username}
<br/>
url : ${param.url}<%--分頁需要使用地址引數，可以通過該方法實作--%>
運行結果：
分頁顯示company資訊
1. 分頁代碼重用
common/page.jsp分頁資訊，以后使用分頁就重用就行，
<%-- 分頁 公共部分 --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<body>
<div class="pull-left">
<div class="form-group form-inline">
<%-- pi --%>
總共${pi.pages} 頁，共${pi.total} 條資料，
</div>
</div>
<div class="box-tools pull-right">
<ul class="pagination" style="margin: 0px;">
<li >
<%-- goPage(1)去第一頁 --%>
<a href="javascript:goPage(1)" aria-label="Previous">首頁</a>
</li>
<%-- c:if判斷，如果是第一頁，就不顯示上一頁按鈕 --%>
<c:if test="${pi.pageNum != 1 }">
<li><a href="javascript:goPage(${pi.prePage})">上一頁</a></li>
</c:if>
<c:forEach begin="1" end="${pi.pages}" var="i">
<%-- 回圈顯示頁數，如果頁數是當前頁，就active的css效果，高亮，點擊頁數就跳轉goPage(i)指定頁面 --%>
<li class="paginate_button ${pi.pageNum==i ? 'active':''}"><a href="javascript:goPage(${i})">${i}</a></li>
</c:forEach>
<c:if test="${pi.pageNum != pi.pages }">
<li><a href="javascript:goPage(${pi.nextPage})">下一頁</a></li>
</c:if>
<li>
<a href="javascript:goPage(${pi.pages})" aria-label="Next">尾頁</a>
</li>
</ul>
</div>
<form id="pageForm" action="${param.pageUrl}" method="post">
<input type="hidden" name="curr" id="curr">
<input type="hidden" name="pageSize" id="pageSize">
</form>
<script>
//goPage重新發送請求，請求page頁
function goPage(page) {
//跳轉到page頁顯示為當前頁
document.getElementById("curr").value = page
//每頁多少資料
document.getElementById("pageSize").value = ${pi.pageSize}
document.getElementById("pageForm").submit()
}
</script>
</body>
</html>
2. 通過在頁面中引入分頁
<div class="box-footer">
<%-- 分頁頁面重用，將url引數傳給分頁頁面，分頁頁面通過表單提交${param.pageUrl}獲取地址來實作分頁 --%>
<jsp:include page="../common/page.jsp">
<jsp:param value="${path}/company/toList" name="pageUrl"/>
</jsp:include>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/198280.html
標籤：AI
上一篇：CSS簡單練習02