使用idea spring boot整合freemarker实例

清疚 2021-12-10 00:39 588阅读 0赞

###  ###

*   *  step 1 新建web工程
     *  step 2 pom依赖
     *  step 3 application.yml配置文件
     *  step 4 新建HelloWorldController 类
     *  step 5 新建ftl文件
     *  step 6 启动工程 访问路径

由于spring 官方对于spring boot 不推荐使用jsp，本例实例演示spring boot 整合ftl，即freemarker

## step 1 新建web工程 ##

工程新建过程中 记得勾选下面选项，不然后面还需手动创建templates目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70]

## step 2 pom依赖 ##

<dependencies>
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-freemarker</artifactId>
    		</dependency>
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-web</artifactId>
    		</dependency>
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-test</artifactId>
    			<scope>test</scope>
    		</dependency>
    		
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-devtools</artifactId>
    			<optional>true</optional> 
    			
    		</dependency>
    	</dependencies>

注意引入依赖时一定要引入devtools，不然后面访问返回404.

## step 3 application.yml配置文件 ##

spring:
      freemarker:
        template-loader-path: classpath:/templates/
        cache: false
        charset: utf-8
        check-template-location: true
        content-type: text/html
        expose-request-attributes: false
        expose-session-attributes: false
        request-context-attribute: request
        suffix: .ftl

## step 4 新建HelloWorldController 类 ##

@Controller
    public class HelloWorldController {
         @RequestMapping("/index")
        public String index(Map<String,String>map){
             map.put("name","hello freemarker!");
             return "index";
        }
        @RequestMapping("/welcome")
        public String welcome(Map<String,String>map){
            map.put("name","welcom to freemarker!");
            return "welcome";
        }
    }

## step 5 新建ftl文件 ##

index.ftl

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8"/>
        <title>Insert title here</title>
    </head>
    <body>
    ${name}
    </body>
    </html>

welcome.ftl

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8"/>
        <title>Insert title here</title>
    </head>
    <body>
    ${name}
    </body>
    </html>

工程目录结构如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70 1]

## step 6 启动工程 访问路径 ##

[http://127.0.0.1:8080/index][http_127.0.0.1_8080_index]  
![在这里插入图片描述][20190715001550823.png]  
[http://127.0.0.1:8080/welcome][http_127.0.0.1_8080_welcome]  
![在这里插入图片描述][20190715001604720.png]

通过spring boot 整合freemarker其实，不要求文件后缀名，我们也可以把ftl改为jsp  
但是配置文件 application.yml中 suffix: .ftl 也要改为 suffix: .jsp  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][20190715001941578.png]

重启工程后，重新访问 [http://127.0.0.1:8080/index。][http_127.0.0.1_8080_index 1]  
看到同样能得到一样结果  
![在这里插入图片描述][20190715002008435.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70]: /images/20211209/e7e11eb414a64d9489485484f8dcd602.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70 1]: /images/20211209/ff548277bcbf4c3f850a0136baf99a85.png
[http_127.0.0.1_8080_index]: http://127.0.0.1:8080/index
[20190715001550823.png]: /images/20211209/f49a66b6ad614aacb0ce837388540d48.png
[http_127.0.0.1_8080_welcome]: http://127.0.0.1:8080/welcome
[20190715001604720.png]: /images/20211209/4465ce2c6a4547f690e4631a1eaacb06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doYW5kZ2Ro_size_16_color_FFFFFF_t_70 2]: /images/20211209/8b66c932173042379cb195c7aba56df8.png
[20190715001941578.png]: /images/20211209/c6fc8f38ae7644d6a2738ac8286f4798.png
[http_127.0.0.1_8080_index 1]: http://127.0.0.1:8080/index%E3%80%82
[20190715002008435.png]: /images/20211209/424081131397440c9b3c62c8c153dfb9.png