SpringBoot整合Freemarker的基本步骤

添加pom依赖

    org.springframework.boot
    spring-boot-starter-freemarker

在application.yml中添加相关配置

# 配置freemarker
spring:
  freemarker:
    # 设置模板后缀名
    suffix: .ftl
    # 设置文档类型
    content-type: text/html
    # 设置页面编码格式
    charset: UTF-8
    # 设置页面缓存
    cache: false
    # 设置ftl文件路径
    template-loader-path:
      - classpath:/templates
  # 设置静态文件路径，js,css等
  mvc:
    static-path-pattern: /static/**

创建freemarker模板

目录：src/main/resources 创建templates文件夹，文件夹里新建freemarker.ftl文件

    
        
    
    
        
Hello ${name} from resource freemark!
    

创建控制层

package com.ahut.action;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
/**
 * 
 * @ClassName: FreemarkerAction
 * @Description: freemarker控制层
 * @author cheng
 * @date 2018年1月22日 下午8:19:39
 */
@Controller
@RequestMapping(value = "/freemarker")
public class FreemarkerAction {
    /**
     * 日志管理
     */
    private static Logger log = LoggerFactory.getLogger(FreemarkerAction.class);
     * 
     * @Title: toDemo
     * @Description: 跳转freemarker页面
     * @param mv
     * @return
    @RequestMapping(value = "/toDemo")
    public ModelAndView toDemo(ModelAndView mv) {
        log.info("====>>跳转freemarker页面");
        mv.addObject("name", "jack");
        mv.setViewName("freemarker");
        return mv;
    }
}

测试访问

启动项目，输入http://localhost:8080/freemarker/toDemo，看到以下界面

Freemarker获取项目根路经

application.properties

spring.freemarker.request-context-attribute=request

ftl

<#assign base=request.contextPath />



    
    
    
    
    

js

var base = document.getElementById("base").href;
// 与后台交互
_send = function(async, url, value, success, error) {
    $.ajax({
        async : async,
        url : base + '/' + url,
        contentType : "application/x-www-form-urlencoded; charset=utf-8",
        data : value,
        dataType : 'json',
        type : 'post',
        success : function(data) {
            success(data);
        },
        error : function(data) {
            error(data);
        }
    });
};

Springboot配置静态资源

package com.ahut.config;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
/**
 * @author cheng
 * @className: WebConfig
 * @description: 静态资源配置类
 * @dateTime 2018/4/19 17:59
 */
@Configuration
@EnableWebMvc
public class WebConfig extends WebMvcConfigurerAdapter {
    /**
     * 日志管理
     */
    private Logger log = LoggerFactory.getLogger(WebConfig.class);
     * @description:
     * @author cheng
     * @dateTime 2018/4/19 17:59
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        log.info("配置静态资源所在目录");
        // 和页面有关的静态目录都放在项目的static目录下
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

Freemarker页面引用静态资源（CSS、JS）

    
    
    
    
    
    
    
    
    
    
    
    
    
    



    

        

            
Spring
        
        
欢迎使用 SpringBoot
        

            
            
        登 录
        

            忘记密码了？
         | 注册一个新账号
        
    

到此这篇关于SpringBoot整合Freemarker的基本步骤的文章就介绍到这了,更多相关SpringBoot整合Freemarker内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！