Freemarker

最新推荐文章于 2024-05-17 23:56:31 发布

alodina

最新推荐文章于 2024-05-17 23:56:31 发布

阅读量439

点赞数

本文链接：https://blog.csdn.net/alodina/article/details/99481985

版权

Freemarker

网页静态化解决方案在实际开发中运用比较多，例如新闻网站，门户网站中的新闻频道或者是文章类的频道。

网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力，但是具体的应用场景不同，缓存比较适合小规模的数据，而网页静态化比较适合大规模且相对变化不太频繁的数据。另外网页静态化还有利于SEO。

如果将网页以纯静态化的形式展现，就可以使用Nginx这样的高性能的web服务器来部署。Nginx可以承载5万的并发，而Tomcat只有几百。

Freemarker简介：

FreeMarker 是一个用 Java 语言编写的模板引擎，它基于模板来生成文本输出。FreeMarker与 Web 容器无关，即在 Web 运行时，它并不知道 Servlet 或 HTTP。它不仅可以用作表现层的实现技术，而且还可以用于生成 XML，JSP 或 Java 等。

Freemarker使用：

1. 引入依赖

<groupId>org.freemarker</groupId>

<artifactId>freemarker</artifactId>

</dependency>

2.spring添加配置

</bean>

3.properties/page.properties(文件的生成地址)

pagedir=f:\\item\\

4.生成静态文件

@Value("${pagedir}")

private String pagedir;

@Autowired

private FreeMarkerConfig freeMarkerConfig;

@Autowired

private TbGoodsMapper goodsMapper;

@Override

publicboolean genItemHtml(Long goodsId){

try {

Template template = configuration.getTemplate("item.ftl");

//创建数据模型

Map dataModel=new HashMap<>();

//1.商品主表数据

TbGoods goods = goodsMapper.selectByPrimaryKey(goodsId);

dataModel.put("goods", goods);

//2.商品扩展表数据

TbGoodsDesc goodsDesc = goodsDescMapper.selectByPrimaryKey(goodsId);

dataModel.put("goodsDesc", goodsDesc);

//3.读取商品分类

String itemCat1 = itemCatMapper.selectByPrimaryKey(goods.getCategory1Id()).getName();

String itemCat2 = itemCatMapper.selectByPrimaryKey(goods.getCategory2Id()).getName();

String itemCat3 = itemCatMapper.selectByPrimaryKey(goods.getCategory3Id()).getName();

dataModel.put("itemCat1", itemCat1);

dataModel.put("itemCat2", itemCat2);

dataModel.put("itemCat3", itemCat3);

//4.读取SKU 列表

TbItemExample example =new TbItemExample();

Criteria criteria = example.createCriteria();

criteria.andGoodsIdEqualTo(goodsId);

criteria.andStatusEqualTo("1");

example.setOrderByClause("is_default desc");//按是否默认字段降序排序

List<TbItem> itemList = itemMapper.selectByExample(example);

dataModel.put("itemList", itemList);

Writer out =new FileWriter(pagedir+goodsId+".html");

template.process(dataModel, out);

out.close();

return true;

} catch (Exception e) {

e.printStackTrace();

return false;

}

5.创建模板xxx.ftl

例子：

<html>

<head>

<title>Freemarker入门小DEMO </title>

</head>

<body>

<#include "head.ftl">

<#--我是一个注释，不会输出。生成代码没有-->

${name},你还.${message}

<#assign linkman="周先生">

联系人：${linkman}

<#if success=true>

你已经通过认证

<#else>

你未通过人认证

</#if>

</br>

<#list goodsList as goods>

${goods_index+1} 商品名称： ${goods.name} 价格：${goods.price}<br>

</#list>

共 ${goodsList?size} 条记录

</br>

<#assign text="{'bank':'工商银行','account':'10101920201920212'}" />

<#assign data=text?eval />

开户行：${data.bank} 账号：${data.account}

</br>

当前日期：${today?date} <br>

当前时间：${today?time} <br>

当前日期+时间：${today?datetime} <br>

日期格式化： ${today?string("yyyy年MM月")}

</br>

累计积分：${point}

累计积分：${point?c}

</br>

<#if aaa??>

aaa变量存在

<#else>

aaa变量不存在

</#if>

${bbbb!'-'}

<#if (point>100)>

黄金会员

</#if>

</body>

</hrtml>

FTL指令

1 assign指令

此指令用于在页面上定义一个变量

（1）定义简单类型：

<#assign linkman="周先生">

联系人：${linkman}

（2）定义对象类型：

<#assign info={"mobile":"13301231212",'address':'北京市昌平区王府街'} >

电话：${info.mobile} 地址：${info.address}

2 include指令

此指令用于模板文件的嵌套

<#include "head.ftl">

3 if指令

在模板文件上添加

<#if success=true>

你已通过实名认证

<#else>

你未通过实名认证

</#if>

在代码中对str变量赋值

map.put("success", true);

在freemarker的判断中，可以使用= 也可以使用==

4 list指令

需求，实现商品价格表，如下图：

（1）代码中对变量goodsList赋值

List goodsList=new ArrayList();

Map goods1=new HashMap();

goods1.put("name", "苹果");

goods1.put("price", 5.8);

Map goods2=new HashMap();

goods2.put("name", "香蕉");

goods2.put("price", 2.5);

Mapgoods3=newHashMap();

goods3.put("name", "橘子");

goods3.put("price", 3.2);

goodsList.add(goods1);

goodsList.add(goods2);

goodsList.add(goods3);

map.put("goodsList", goodsList);

（2）在模板文件上添加

----商品价格表----<br>

<#list goodsList as goods>

${goods_index+1} 商品名称： ${goods.name} 价格：${goods.price}<br>

</#list>

如果想在循环中得到索引，使用循环变量+_index就可以得到。

5 内建函数

语法格式：变量+?+函数名称

5.1获取集合大小

我们通常要得到某个集合的大小，如下图：

我们使用size函数来实现，代码如下：

共 ${goodsList?size} 条记录

5.2转换JSON字符串为对象

我们通常需要将json字符串转换为对象，那如何处理呢？看代码

<#assign text="{'bank':'工商银行','account':'10101920201920212'}" />

<#assign data=text?eval />

开户行：${data.bank} 账号：${data.account}

5.3日期格式化

代码中对变量赋值：

dataModel.put("today", new Date());

在模板文件中加入

当前日期：${today?date} <br>

当前时间：${today?time} <br>

当前日期+时间：${today?datetime} <br>

日期格式化： ${today?string("yyyy年MM月")}

5.4数字转换为字符串

代码中对变量赋值：

map.put("point", 102920122);

修改模板：

累计积分：${point}

页面显示：

我们会发现数字会以每三位一个分隔符显示，有些时候我们不需要这个分隔符，就需要将数字转换为字符串,使用内建函数c

累计积分：${point?c}

页面显示效果如下：

6空值处理运算符

如果你在模板中使用了变量但是在代码中没有对变量赋值，那么运行生成时会抛出异常。但是有些时候，有的变量确实是null，怎么解决这个问题呢？

6.1判断某变量是否存在:“??”

用法为:variable??,如果该变量存在,返回true,否则返回false

<#if aaa??>

aaa变量存在

<#else>

aaa变量不存在

</#if>

6.2缺失变量默认值:“!”

我们除了可以判断是否为空值，也可以使用!对null值做转换处理

在模板文件中加入

${aaa!'-'}

在代码中不对aaa赋值，也不会报错了，当aaa为null则返回！后边的内容-

7运算符

7.1算数运算符

FreeMarker表达式中完全支持算术运算,FreeMarker支持的算术运算符包括:+, - , * , / , %

7.2逻辑运算符

逻辑运算符有如下几个:

逻辑与:&&

逻辑或:||

逻辑非:!

逻辑运算符只能作用于布尔值,否则将产生错误

7.3比较运算符

表达式中支持的比较运算符有如下几个:

1=或者==:判断两个值是否相等.

2!=:判断两个值是否不等.

3>或者gt:判断左边值是否大于右边值

4>=或者gte:判断左边值是否大于等于右边值

5<或者lt:判断左边值是否小于右边值

6<=或者lte:判断左边值是否小于等于右边值

注意:=和!=可以用于字符串,数值和日期来比较是否相等,但=和!=两边必须是相同类型的值,否则会产生错误,而且FreeMarker是精确比较,"x","x ","X"是不等的.其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:<#if (x>y)>

例子：

<!DOCTYPE html>

<html>

<head>

<title>产品详情页</title>

var skuList=[

<#list itemList as item>

{

id:${item.id?c},

title:'${item.title}',

price:${item.price?c},

spec:${item.spec}

</#list>

];

</script>

</head>

<#include "head.ftl">

<#--图片列表 -->

<#assign imageList=goodsDesc.itemImages?eval>

<#--扩展属性 -->

<#assign customAttributeList=goodsDesc.customAttributeItems?eval>

<#--规格列表 -->

<#assign specificationList=goodsDesc.specificationItems?eval>

<li>

<a href="#">${itemCat1}</a>

</li>

<li>

<a href="#">${itemCat2}</a>

</li>

<li>

<a href="#">${itemCat3}</a>

</li>

</ul>

</div>

<#if (imageList?size>0)>

</#if >

</div>

<ul>

<#list imageList as item>

</#list>

</ul>

</div>

</div>

<h4>{{sku.title}}</h4>

</div>

<div class="news"><span>${goods.caption}</span></div>

</div>

<em>{{sku.price}}</em>

</div>

</div>

</div>

<em class="t-gray">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换

购热销商品</em>

</div>

</div>

<em class="t-gray">以旧换新，闲置手机回收 4G套餐超值抢礼品购</em>

</div>

</div>

<em class="t-gray">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换购热销商品</em>

</div>

<#list specificationList as spec>

<dl >

<dt>

<i>${spec.attributeName}</i>

</div>

</dt>

<!--<dd><a href="javascript:;" class="selected">金色<span title="点击取消选择"> </span>

</a></dd>-->

<#list spec.attributeValue as item>

</#list>

</dl>

</#list>

</div>

</div>

<li>

<a class="sui-btn btn-danger addshopcar" ng-click="addToCart()">加入购物车</a>

</li>

</ul>

</div>

</a>

</li>

<li>

</a>

</li>

</ul>

<li>Iphone配件</li>

</ul>

<li>

</div>

<em>Apple苹果iPhone 6s (A1699)</em>

</div>

</strong>

</div>

<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>

</div>

</li>

<li>

</div>

<em>Apple苹果iPhone 6s (A1699)</em>

</div>

</strong>

</div>

<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>

</div>

</li>

<li>

</div>

<em>Apple苹果iPhone 6s (A1699)</em>

</div>

</strong>

</div>

<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>

</div>

</div>

<em>Apple苹果iPhone 6s (A1699)</em>

</div>

</strong>

</div>

<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>

</div>

</div>

<em>Apple苹果iPhone 6s (A1699)</em>

</div>

</strong>

</div>

<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>

</div>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

<i>Feless费勒斯VR</i>

</label>

</li>

<i>Feless费勒斯VR</i>

</label>

</li>

<i>Feless费勒斯VR</i>

</label>

</li>

<i>Feless费勒斯VR</i>

</label>

</li>

</ul>

</div>

<button class="sui-btn btn-danger addshopcar">加入购物车</button>

</div>

</a>

</li>

<li>

<span>规格与包装</span>

</a>

</li>

<li>

</a>

</li>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

<#list customAttributeList as item>

<#if item.value??>

<li>${item.text}:${item.value}</li>

</#if>

</#list>

</ul>

${goodsDesc.introduction}

</div>

<p>${goodsDesc.packageList}</p>

</div>

<p>${goodsDesc.saleService}</p>

</div>

</div>

</div>

</div>

<em>DELL戴尔Ins 15MR-7528SS 15英寸银色笔记本</em>

</div>

</strong>

</div>

</div>

</li>

</div>

<em>Apple苹果iPhone 6s/6s Plus 16G 64G 128G</em>

</div>

</strong>

</div>

</div>

</li>

</div>

<em>DELL戴尔Ins 15MR-7528SS 15英寸银色笔记本</em>

</div>

</strong>

</div>

</div>

</li>

</div>

<em>DELL戴尔Ins 15MR-7528SS 15英寸银色笔记本</em>

</div>

</strong>

</div>

</div>

</li>

</div>

<em>DELL戴尔Ins 15MR-7528SS 15英寸银色笔记本</em>

</div>

</strong>

</div>

</div>

</li>

</div>

<em>DELL戴尔Ins 15MR-7528SS 15英寸银色笔记本</em>

</div>

</strong>

</div>

</div>

</li>

</ul>

</div>

<#include "foot.ftl">

</body>

</html>

alodina

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Freemarker

Freemarker 网页静态化解决方案在实际开发中运用比较多，例如新闻网站，门户网站中的新闻频道或者是文章类的频道。网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力，但是具体的应用场景不同，缓存比较适合小规模的数据，而网页静态化比较适合大规模且相对变化不太频繁的数据。另外网页静态化还有利于SEO。如果将网页以纯静态化的形式展现，就可以使用Nginx这样...
复制链接

扫一扫