jsp页面中插入jsp代码片段

最新推荐文章于 2024-11-11 13:58:48 发布

原创最新推荐文章于 2024-11-11 13:58:48 发布 · 7.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#jsp

JavaWeb 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在多个JSP页面中复用相同代码段的方法，通过将重复的代码如导航栏、CSS和JS引用封装到独立的JSP文件中，再利用静态引入的方式在各个页面中调用，以此提高开发效率并简化代码结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在实际应用中会遇到同一段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" %>