Java 我不能在jsp页面中包含css文件

Java 我不能在jsp页面中包含css文件,java,spring,jsp,Java,Spring,Jsp,我试过各种各样的教程,但根本不起作用 我正在用boostrap构建spring应用程序。我想在我的jsp页面中包括bootstrap.min.css 这是我的项目树: 这是我的spring配置文件: 这条线很重要: <mvc:resources mapping="/resources/**" location="/WEB-INF/resources/" /> 这是我的查看页面: 我特意上传了这张图片,以表明我甚至无法导入它,因为它无法识别路径。我尝试了其他配置,

我试过各种各样的教程,但根本不起作用

我正在用boostrap构建spring应用程序。我想在我的jsp页面中包括bootstrap.min.css

这是我的项目树:

这是我的spring配置文件:


这条线很重要:

    <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/");
    }
}
可能的重复可能的重复