Java 我不能在jsp页面中包含css文件
我试过各种各样的教程,但根本不起作用 我正在用boostrap构建spring应用程序。我想在我的jsp页面中包括bootstrap.min.css 这是我的项目树: 这是我的spring配置文件:Java 我不能在jsp页面中包含css文件,java,spring,jsp,Java,Spring,Jsp,我试过各种各样的教程,但根本不起作用 我正在用boostrap构建spring应用程序。我想在我的jsp页面中包括bootstrap.min.css 这是我的项目树: 这是我的spring配置文件: 这条线很重要: <mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" /> 这是我的查看页面: 我特意上传了这张图片,以表明我甚至无法导入它,因为它无法识别路径。我尝试了其他配置,
这条线很重要:
<mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" />
这是我的查看页面:
我特意上传了这张图片,以表明我甚至无法导入它,因为它无法识别路径。我尝试了其他配置,但我无法找到正确的方法。您可以使用jstl:
<link href="<c:url value="/resources/css/main.css" />" rel="stylesheet">
<script src="<c:url value="/resources/js/jquery.1.10.2.min.js" />"></script>
或弹簧标签:
<spring:url value="/resources/js/jquery.1.10.2.min.js" var="jqueryJs" />
<spring:url value="/resources/js/main.js" var="bootstrap" />
<link href="${bootstrap}" rel="stylesheet" />
<script src="${jqueryJs}"></script>
或
您可以使用jstl:
<link href="<c:url value="/resources/css/main.css" />" rel="stylesheet">
<script src="<c:url value="/resources/js/jquery.1.10.2.min.js" />"></script>
或弹簧标签:
<spring:url value="/resources/js/jquery.1.10.2.min.js" var="jqueryJs" />
<spring:url value="/resources/js/main.js" var="bootstrap" />
<link href="${bootstrap}" rel="stylesheet" />
<script src="${jqueryJs}"></script>
或
不久前,我使用jsp和servlet创建了一个简单的web应用程序,我遇到了同样的问题。我通过在每个url的开头添加上下文名称来解决这个问题。以下是该url的示例:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/form-style.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/edit-contact-form-style.css" />
<script src="${pageContext.request.contextPath}/js/edit-contact-form-scripts.js"></script>
<script src="${pageContext.request.contextPath}/js/datetimepicker.js"></script>
试试看。我希望这能有所帮助。不久前,我使用jsp和servlet创建了一个简单的web应用程序,我遇到了同样的问题。我通过在每个url的开头添加上下文名称来解决这个问题。以下是该url的示例:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/form-style.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/edit-contact-form-style.css" />
<script src="${pageContext.request.contextPath}/js/edit-contact-form-scripts.js"></script>
<script src="${pageContext.request.contextPath}/js/datetimepicker.js"></script>
试试看。我希望这会有所帮助。配置视图解析器并将css文件移动到配置的位置下。
您可以参考这个已回答的问题:配置视图解析器并将css文件移动到配置的位置下。
您可以参考这个已经回答过的问题:如果您不想像那些xml失败者那样使用零xml开发应用程序,请不要忘记创建如下类:
public class DemoAppConfig implements WebMvcConfigurer {
@Bean
public ViewResolver viewResolver() {
final InternalResourceViewResolver bean = new InternalResourceViewResolver();
bean.setViewClass(JstlView.class);
bean.setPrefix("/WEB-INF/view/pages/");
bean.setSuffix(".jsp");
return bean;
}
public void addResourceHandlers(final ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
}
}
如果您不想像那些xml失败者那样使用零xml开发应用程序,请不要忘记创建如下类:
public class DemoAppConfig implements WebMvcConfigurer {
@Bean
public ViewResolver viewResolver() {
final InternalResourceViewResolver bean = new InternalResourceViewResolver();
bean.setViewClass(JstlView.class);
bean.setPrefix("/WEB-INF/view/pages/");
bean.setSuffix(".jsp");
return bean;
}
public void addResourceHandlers(final ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
}
}
可能的重复可能的重复