【问题标题】:JSP page is not rendering properly in spring boot applicationJSP 页面在 Spring Boot 应用程序中未正确呈现
【发布时间】:2015-03-18 16:52:09
【问题描述】:

我正在为我的 UI 使用 twitter 引导程序,因此项目中需要 JSP 文件正确呈现资源文件,如 css、字体、图像、js、less、scss。所以我将它们添加到 src/main/webapp/resources 文件夹中。我在 src/main/webapp/WEB-INF/jsp 文件夹中有我的 JSP 页面。 在 application.properties 我指定如下:

spring.view.prefix: /WEB-INF/jsp/
spring.view.suffix: .jsp

在运行应用程序时,我能够查看 jsp 页面,但它没有像在一个地方的文本字段一样正确显示,在其他地方的按钮。 我认为原因是因为 JSP 没有获取我在资源文件夹中提供的文件。这就是我在 JSP 页面中引用资源的方式

<link rel="stylesheet"
    href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css">
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/resources/css/bootstrap-theme.min.css">
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/resources/css/bootstrapValidator.min.css">
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/resources/css/font-awesome.min.css">
<script
    src="${pageContext.request.contextPath}/resources/js/jquery-1.11.1.min.js"></script>
<script
    src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js"></script>
<script 
    src="${pageContext.request.contextPath}/resources/js/bootstrapValidator.min.js"></script>
<style type="text/css"> 
</style>
<script>

问题在于页面渲染不当。你能帮我解决这个问题吗?

【问题讨论】:

    标签: twitter-bootstrap jsp spring-mvc spring-boot


    【解决方案1】:

    如果你把它们放到:

    src/main/webapp/resources
    

    那么模板中指向它们的正确 URL 可能是:

    /resources/resources/css/bootstrap.min.css
    

    因此,要保留现有 URL,您需要将静态资源上移一级,以:

    src/main/webapp/
    

    ...一起摆脱 /resources 子目录。

    【讨论】:

      【解决方案2】:

      我们解决这个问题的方法相当简单。在您的配置中创建一个 addResourceHandlers。文件看起来像这样:

      @Configuration
      @EnableWebMvc
      public class WebMvcConfig extends WebMvcConfigurerAdapter {
      
          @Override
          public void addResourceHandlers(ResourceHandlerRegistry registry) {
      
            registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
      
          }
      
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-01-03
        • 1970-01-01
        • 1970-01-01
        • 2020-01-09
        • 1970-01-01
        • 2019-04-04
        • 1970-01-01
        相关资源
        最近更新 更多