SpringBoot---FreeMarker模板引擎

一． spring boot的web应用开发，是基于spring mvc

二．   Spring boot 在spring默认基础上，自动配置添加了以下特性：
   1.   包含了ContentNegotiatingViewResolver和BeanNameViewResolver beans。
   2.   对静态资源的支持，包括对WebJars的支持。
   3.   自动注册Converter，GenericConverter，Formatter beans。
   4.   对HttpMessageConverters的支持。
   5.   自动注册MessageCodeResolver。
   6.   对静态index.html的支持。
   7.   对自定义Favicon的支持。
   8. 主动使用ConfigurableWebBindingInitializer bean

三、使用freemarker 模板引擎,直接在templates下创建xxx.ftl文件即可使用css、js、image静态资源文件

1.引入freemarker引擎依赖在pom文件中:

<!--freemaker 模板引擎-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

2.在SpringBoot项目下，创建controllerwen文件夹，创建webController.class文件

package com.nyist.demo.controller;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/web")
public class webController {

    private static final Logger logger = LoggerFactory.getLogger("webController.class");

    @RequestMapping(value="/index")
    public String index(ModelMap map) {
        logger.info("这里是controller");
        map.put("title", "hello world");
        //不能再index 前面加上 /  再Linux  平台下  不支持 /
        System.out.println("这是测试============================================");
        return "index";
    }
}

3.在templates下创建css js images 文件夹，在css文件夹下下写入index.csswe文件，在images文件夹下导入logo.png

index.css如下：

h1{
    color: blue;
}

4.我们使用webjar 验证freemarker模板是否支持，需要在pom.xml中导入webjar依赖

<!--org.webjars 引入jquery库-->
<dependency>
   <groupId>org.webjars</groupId>
   <artifactId>jquery</artifactId>
   <version>2.1.4</version>
</dependency>

5.在templates文件夹下bi'a编写index.ftl文件，index.ftl如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <title>Spring Boot Demo - FreeMarker</title>
    <link href="/css/index.css"/>
    <#--<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>-->
    <script type="text/javascript" src="/webjars/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
   <center>
       <h1>首页</h1>
       <img src="/images/logo.png" />
       <h1 id="title">${title}</h1>
   </center>

   <script>
       $(function(){
           $('#title').click(function(){
               alert('点击了');
           });
       })
   </script>
</body>
</html>

6.在web界面访问http://localhost:8888/web/index,即可看到templates/index.ftl文件页面(freemarker模板自行资源请求查找到该文件，使用者无需担心）

7.pom.xml文件如下：

扫描二维码关注公众号，回复： 3746537 查看本文章

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.nyist</groupId>
    <artifactId>demo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>spring-demo-6-1</name>
    <description>Demo project for Spring Boot</description>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.6.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
    </properties>

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

        <!--热部署依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
        </dependency>

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

        <!--freemaker 模板引擎-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>

        <!--org.webjars 引入jquery库-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>2.1.4</version>
        </dependency>

        <!--web依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>


</project>

8.访问页面如下：

看到该页面即可证明SpringBoot 引入freemarker模板引擎成功！

SpringBoot---FreeMarker模板引擎

猜你喜欢