目录
一、Freemark介绍
1、freemark介绍
2、freemark构建
1、首先要构建一个freemark工程
2、导入pom依赖,更改资源文件
3、新建index界面
4、测试:
二、Freemark中booean、date类型
一、boolean类型:
1、c用法:
3、then用法:
二、date类型:
三、空值处理:
1、第一种处理:默认值操作符
2、第二种处理:不存在值检测操作符
3、但是当有四个问号时:就会为true
三、Freemark指令
1、List指令
2、sep指令:
3、if指令:
4、switch指令:
5、assign指令:
6、global指令:
一、Freemark介绍
1、freemark介绍
FreeMarker的指令的文件就称为模板(Template)。
模板设计者不关心数据从那儿来,只知道使用已经建立的数据模型。
数据模型由程序员编程来创建,向模板提供变化的信息,这些信息来自于数据库、文件,甚至于在程序中直接生成。
2、freemark构建
1、首先要构建一个freemark工程
步骤和之前构建springBoot项目大致相同,但是多了一步就是要勾选模板引擎中的apache freemark
2、导入pom依赖,更改资源文件
pom依赖:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
资源文件:
server:
port: 8080
spring:
datasource:
#数据库名称与密码
username: *****
password: *****
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/crm?useSSL=false&serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&allowPublicKeyRetrieval=true
freemarker:
#指定HttpServletRequest的属性是否可以覆盖controller的model的同名项
allow-request-override: false
#req访问request
request-context-attribute: req
#后缀名freemarker默认后缀为.ftl,当然你也可以改成自己习惯的.html
suffix: .html
#设置响应的内容类型
content-type: text/html;charset=utf-8
#是否允许mvc使用freemarker
enabled: true
#是否开启template caching
cache: false
#设定模板的加载路径,多个以逗号分隔,默认: [“classpath:/templates/”]
template-loader-path: classpath:/templates/
#设定Template的编码
charset: UTF-8
#显示日志
logging:
level:
com.zxy.code.mapper: debug
注意:
模板加载路径:要放在该路径下
#设定模板的加载路径,多个以逗号分隔,默认: [“classpath:/templates/”] template-loader-path: classpath:/templates/
3、新建index界面
如果没有模板的话,到设置里面进行新建一个freemark模板
然后就到resource下的templates文件生成模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>hello,家人们</h1>
<h1>msg:${msg}</h1>
</body>
</html>
注: <h1>msg:${msg}</h1>会出现波浪线,无法解析变量{msg}
到controller层中写好请求代码
@GetMapping
public String index(Model model){
// 1、model
// 2、 moelAndview
model.addAttribute("msg","你好,老铁");
return "index";
}
4、测试:
新建freemark模板成功
二、Freemark中booean、date类型
在index.html文件中测试boolean、date类型
一、boolean类型:
1、c用法:
studentController:
@GetMapping
public String index(Model model){
model.addAttribute("msg","nihao");
model.addAttribute("f1",true);
model.addAttribute("d1",new Date());
model.addAttribute("aa",null);
return "index";
}
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>hello,家人们</h1>
<h1>msg:${msg}</h1>
<!--表达式,此时变成字符创类型-->
<h1>f1:${f1?c}</h1>
<!--相当于三元运算符,针对类型转换-->
<h1>f1:${f1?then('yes','no')}</h1>
<!--时间类型-->
<h1>d1:${d1?datetime}</h1>
</body>
</html>
测试:
报错原因是无法将boolean转换成string类型
打开官方文档:
布尔类型:布尔值内建函数 - FreeMarker 中文官方参考手册
Page Contents
- c (当用于布尔值时)
- string (当用于布尔值时)
- then
参照官方文档,必须在输出语句后面加个c或者string
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>hello,家人们</h1>
<h1>msg:${msg}</h1>
<!--表达式,此时变成字符创类型-->
<h1>f1:${f1?c}</h1>
<!--相当于三元运算符,针对类型转换-->
<h1>f1:${f1?then('yes','no')}</h1>
</body>
</html>
测试:
2、string用法:
?string用法和?c的用法是一样的
3、then用法:
<h1>f1:${f1?then("yes","no")}</h1>
注意以上三种写法都是和?连在一起的
二、date类型:
date类型官方文档:
日期内建函数 - FreeMarker 中文官方参考手册
这些内建函数用来指定日期变量中的哪些部分被使用:
date
:仅日期部分,没有一天当中的时间部分。
time
:仅一天当中的时间部分,没有日期部分。
datetime
:日期和时间都在
用法:
<h1>d1:${d1?date}</h1>
<h1>d1:${d1?datetime}</h1>
<h1>aa:${aa?c}</h1>
测试:
三、空值处理:
当给一个变量赋值一个空值时,就会报错,freemark不支持空值。
错误:
1、第一种处理:默认值操作符
<h1>aa:${aa!"hello word"}</h1>
2、第二种处理:不存在值检测操作符
<h1>aa:${aa???c}</h1>
效果出来为false
3、但是当有四个问号时:就会为true
<h1>bb:${bb?????c}</h1>
三、Freemark指令
1、List指令
List指令官方文档:list, else, items, sep, break - FreeMarker 中文官方参考手册
List指令是用于便利数组用的
studentController:
@GetMapping
public String index(Model model,HttpServletRequest request){
PageBean pageBean=new PageBean();
pageBean.setRequest(request);
model.addAttribute("msg","您好,老铁");
model.addAttribute("f1",true);
model.addAttribute("d1",new Date());
model.addAttribute("aa",null);
model.addAttribute("stu",service.findPager(pageBean));
return "index";
}
index.html:
<#list stu as s>
<h3>${s.stuName}</h3>
<#else>
<h1>当前没有数据</h1>
</#list>
测试:
2、sep指令:
sep指令官方文档:list, else, items, sep, break - FreeMarker 中文官方参考手册
简述sep指令就是在遍历后的数据之间加符号
<#list users as user>
<div> ${user}<#sep>, </#sep> </div>
</#list>
3、if指令:
If指令官方文档:if, else, elseif - FreeMarker 中文官方参考手册
<#if f1> 我是真的 <#else> 我是假的 </#if>
4、switch指令:
switch指令官方文档:switch, case, default, break - FreeMarker 中文官方参考手册
<#switch 1>
<#case 1>
当前数字为1
<#break>
<#case 2>
当前数字为2
<#break>
<#case 3>
当前数字为3
<#break>
<#default>
你全部没中
</#switch>
5、assign指令:
assign指令官方文档:assign - FreeMarker 中文官方参考手册
<#assign num=10>
6、global指令:
global指令官方文档:global - FreeMarker 中文官方参考手册
<#global name="nihao1">
最终案列:一个表格
controller:定义一个pagebean
@GetMapping
public String index(Model model,HttpServletRequest request ){
PageBean pageBean=new PageBean();
pageBean.setRequest(request);
// 1、model
// 2、 moelAndview
model.addAttribute("msg","你好,老铁");
model.addAttribute("f1",true);
model.addAttribute("d1",new Date());
model.addAttribute("stu",service.findPager(pageBean));
model.addAttribute("pb",pageBean);
return "index";
}
index.html:
<#list stu>
<table border>
<#items as s>
<tr>
<td>${s.stuId}</td>
<td>${s.stuName}</td>
<td>${s.stuAddress}</td>
<td>${s.stuClass}</td>
<td>${s.stuPhone}</td>
</tr>
</#items>
</table>
<ul>
<li><a href="/?page=${pb.prevPage()}">上一页</a></li>
<li><a href="/?page=${pb.nextPage()}">上一页</a></li>
</ul>
<#else >
<h3>没有数据</h3>
项目地址:${springMacroRequestContext}
</#list>
注意写法:
<#list stu>
<table border>
<#items as s>
<tr>
<td>${s.stuId}</td>
<td>${s.stuName}</td>
<td>${s.stuAddress}</td>
<td>${s.stuClass}</td>
<td>${s.stuPhone}</td>
</tr>
</#items>
</table>
本期内容结束啦啦啦啦~~~~~~~~~~~~