在實際應用中會遇到同一段jsp代碼在多個jsp頁面中重複使用,這樣本着省事和簡化的思想就可以把相同的代碼單獨放在一個jsp中,並在使用到這段代碼的jsp頁面中引用即可。例如:導航欄、css的引用、js的引用…
下面是我的工程下jsp的目錄結構
nav.jsp存放導航欄的信息,通過測試發現如果值引用一個
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<div>
<a href="${pageContext.request.contextPath}/basic/index.action">首頁</a>
<a href="${pageContext.request.contextPath}/student/addStudent_Jsp.action">添加學生信息</a>
<a href="${pageContext.request.contextPath}/student/listStudent.action">學生信息列表</a>
<a href="${pageContext.request.contextPath}/student/srearchStu_Jsp.action">查詢學生信息</a>
<a href="${pageContext.request.contextPath}/student/stuGradeList.action">學生成績列表</a>
<a href="${pageContext.request.contextPath}/student/personGrade.action">查詢學生成績</a>
<a href="${pageContext.request.contextPath}/basic/test3.action">分頁數據測試</a>
</div>
</html>
jsp頁面的引用,這裏用的是靜態引入,如果想試試其他的方式,可以參考下面這個鏈接:
在一個JSP頁面中包含另一個JSP頁面的三種方式。
<!-- 導航欄 -->
<%@include file="/WEB-INF/jsp/nav.jsp" %>
通過引入一個jsp把想要的css、js全部引入,下面是public.jsp代碼,主要用於引入css、js
<!-- 引用css -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap-responsiv.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/dataTables.bootstra.css">
<!-- 引用js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dataTables.bootstrap.js"></script>
jsp引入public.jsp片段,需要注意的是確定文件的位置
<!-- 引入外部css、js -->
<%@include file="/WEB-INF/jsp/public.jsp" %>