SpringBoot项目中的视图解析器问题

刺骨的言语ヽ痛彻心扉 2023-06-11 15:26 6阅读 0赞

**前言：SpringBoot官网推荐使用HTML视图解析器,但是根据个人的具体业务也有可能使用到JSP视图解析器，所以这里我给大家简单介绍一下这两种视图解析器的具体使用**

**一、解析成JSP页面**

**1.在pom.xml文件中添加相关依赖**

<dependency>
                  <groupId>javax.servlet</groupId>
                  <artifactId>javax.servlet-api</artifactId>    
            </dependency>
            
            <dependency>
                  <groupId>javax.servlet</groupId>
                  <artifactId>jstl</artifactId>
            </dependency>
            
            
            <dependency>
                   <groupId>org.apache.tomcat.embed</groupId>
                   <artifactId>tomcat-embed-jasper</artifactId>
            </dependency>

**2.在application.properties配置文件中配置前缀与后缀**

spring.mvc.view.prefix=/jsp/  
    spring.mvc.view.suffix=.jsp

注：如果是使用官网的SpringBoot项目，这里可能出现一个小问题,如果不借助任何模板引擎（ thymeleaf ）的话，JSP页面放在resources目录下（包括缺省的几个子目录）是访问不到的！，那么这时候就得自己配置一个目录去存放JSP页面

**解决方案：**  
（1）可以在resources目录下新建一个 META-INF 目录，然后在 META-INF 目录下创建一个resources目录，然后把需要的jsp页面放在这个目录下面，接着在application.properties 配置文件中配置一下访问路径，就可以访问到jsp文件了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20191031103139223.png]  
（2）在 resources 目录同级别的目录下面创建 webapp 目录，然后把需要的jsp页面放在webapp目录下面，也是可以访问的：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][20191031103029617.png]  
3.经过测试发现，如果以上两个目录都存在，优先访问的是与resources目录同级别的webapp目录下的jsp页面：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][20191031103014892.png]  
（4）使用模板引擎 thymeleaf 来测试一下直接放在 resources 目录下的templates 目录下的jsp页面：  
1）在pom.xml中配置模板引擎thymeleaf 依赖

<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-thymeleaf</artifactId>
    		</dependency>

2）在 application.properties 文件中配置 thymeleaf 相关属性值，最后在 templates 目录下创建 jsp文件就可以了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][20191031105152841.png]  
**二、解析成HTML页面**

1.在pom.xml中引入模板引擎 thymeleaf依赖

<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-thymeleaf</artifactId>
    		</dependency>

2.在 application.properties 文件中配置 thymeleaf 相关属性值，最后在 templates 目录下创建html文件就可以了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][20191031110039885.png]  
**三、总结**  
        当JSP视图解析器与模板引擎thymeleaf共存的时候，SpringBoot会默认解析模板引擎thymeleaf的配置。在模板引擎thymeleaf的配置中，如果都不配置的话，会默认解析templates目录下的HTML文件，即默认前缀为"/templates/"，默认后缀为".html"，最后强调一点，在SpringBoot中，根据官网推荐，我们最好使用模板引擎和HTML页面来编写代码！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70]: /images/20230531/ed2a627e87744527b1f55402fb2c5bd1.png
[20191031103139223.png]: /images/20230531/cdaa4bd3cfa2485396952adc22cc8976.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 1]: /images/20230531/a405ad9190a841eca286d1afebd23721.png
[20191031103029617.png]: /images/20230531/62626a22472e460dae79e36ca3fd82eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 2]: /images/20230531/efab819ec86a4deda0fc336373b4366f.png
[20191031103014892.png]: /images/20230531/d61605d11a2745d9b51fea9f2a635792.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 3]: /images/20230531/b0a0e464f1b64022bed777fadbaaa8c2.png
[20191031105152841.png]: /images/20230531/8a1ac738233c45e1bf0f45b52fc6f414.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMzMzMzMzNjY3Nw_size_16_color_FFFFFF_t_70 4]: /images/20230531/7d0569473a2a4c1d87aca8a427bb38a1.png
[20191031110039885.png]: /images/20230531/3b64d5daf4374dcaab5f24b6d07f39f1.png