J2EE项目中,servlet跳转到相应的JSP页面后,JSP页面丢失了样式效果

时间:2021-12-22 15:23:52

J2EE项目中,servlet跳转到相应的JSP页面后,JSP页面丢失了样式效果

原因:

js和css的引用路径是相对路径。跳转后路径改变。

解决方法:

先在head标签中加入一下代码

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" +
request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">

再改变js和css的引用路径

<script src="<%=basePath%>/js/jquery/2.0.0/jquery.min.js"></script>
<link href="<%=basePath%>/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"/>
<script src="<%=basePath%>/js/bootstrap/3.3.6/bootstrap.min.js"></script>

改变后如下图:

J2EE项目中,servlet跳转到相应的JSP页面后,JSP页面丢失了样式效果