jsp頁面中插入jsp代碼片段

在實際應用中會遇到同一段jsp代碼在多個jsp頁面中重複使用,這樣本着省事和簡化的思想就可以把相同的代碼單獨放在一個jsp中,並在使用到這段代碼的jsp頁面中引用即可。例如:導航欄、css的引用、js的引用…

下面是我的工程下jsp的目錄結構
這裏寫圖片描述

nav.jsp存放導航欄的信息,通過測試發現如果值引用一個

的話,裏邊的中文會出現亂碼,於是就新建了一個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" %>
發佈了26 篇原創文章 · 獲贊 24 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章