- freemaker完整使用教程可以参考官方中文文档或其他文档。
- 这里只讲SpringBoot框架下如何快速搭建。
第一步: 在pom.xml里面配置freemakerjar包
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
第二步: 在application.properties 配置freemaker引用文件路径,格式等
# freemaker
spring.freemarker.allow-request-override=false
spring.freemarker.cache=true
spring.freemarker.check-template-location=true
spring.freemarker.charset=UTF-8
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=false
spring.freemarker.expose-session-attributes=false
spring.freemarker.suffix=.ftl
spring.freemarker.templateEncoding=UTF-8
spring.freemarker.templateLoaderPath=/WEB-INF/
spring.freemarker.expose-spring-macro-helpers=false
spring.freemarker.request-context-attribute=rq
第三步: 在windows>Proferences >Content-types>下面, 找到text>jsp,添加一个新的规则 *.ftl, 这样当eclipse编译器检测到有.ftl格式,即freemaker格式的文件时,就会使用jsp的格式校验。 同理, 在html的格式校验规则里面加 *.ftl也可以。
第四步: 当我们在ftl文件中引用js/css或者调用方法的时候,项目根目录地址就是${rq.contextPath}, 其中 “rq” 使我们在application.properties里面配置的
spring.freemarker.request-context-attribute=rq
controller(后台写法不受影响):
package com.exp.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/test")
public class TestController {
@RequestMapping("/list")
public String test(){
return "test/list";
}
}
ftl:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="${rq.contextPath}/bootstrap/css/bootstrap.css" >
<!-- jQuery -->
<script src="${rq.contextPath}/jquery/jquery.js" ></script>
<!-- bootstrap -->
<script src="${rq.contextPath}/bootstrap/js/bootstrap.js" ></script>
<script>
$(function(){
$("#test").click(function(){
alert("你好");
})
})
</script>
</head>
<body>
<div class="container">
你好,我是flt
<button id="test" class="btn btn-primary">点击</button>
</div>
</body>
</html>
运行结果:
=======================================
- 例子
- 数据类型基本操作:
java:
- 数据类型基本操作:
// 列表
List<Student> lst=studentService.list();
model.addAttribute("resultList",lst);
// 布尔
boolean booleantest=false;
model.addAttribute("booleantest",booleantest);
// java date 需要前台判断转换日期类型
Date javaDate=new Date();
model.addAttribute("javaDate",javaDate);
// sql date 可以显示
Date sqlDate=new java.sql.Date(new Date().getTime());
model.addAttribute("sqlDate",sqlDate);
// 空数据
String nullDate = null;
model.addAttribute("nullDate",nullDate);
//list对象
Student st=new Student();
st.setSname(&