SpringBoot整合Freemarker的基本步骤

网友投稿 281 2022-08-29


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文件

创建控制层

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)

忘记密码了?

| 注册一个新账号


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:爬虫之bs4学习(bs4 爬虫)
下一篇:用wordcloud搞词云,大数据词云,自定义图像(wordcloud生成词云有两种方法)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~