JWeb之FreeMaker模板渲染

最新推荐文章于 2020-11-21 08:37:31 发布
最新推荐文章于 2020-11-21 08:37:31 发布
阅读量399 收藏 2
点赞数
分类专栏： Java 文章标签： freemaker JWeb 模板渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FloatDreamed/article/details/100039400
版权

前面学习了Thymleaf和Velocity模板渲染,今天接触第三种模板渲染技术FreeMaker!

知识点预习:

  • 通过PrintWriter out = resp.getWriter();可以获取输出流
  • 依赖为freemarker
  • 使用前需要获取其下的配置对象Configuration cfg
  • 通过cfg.setDirectoryForTemplateLoading()读取模板文件目录
  • 通过cfg.getTemplate("test.html")加载模板目录下指定名称的模板
  • 渲染材料封装于Map中
  • 通过template.process(material,out)将渲染数据后的页面响应给前端
  • 通过FrameMaker渲染的模板不单单局限于html结构的文件,也可以是ftl后缀的文件

下面通过案例展示如何渲染两种格式模板的过程!

一.案例展示

1.测试准备

项目工程(maven下的webapp骨架)

2.代码展示

***pom.xml

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.freemarker</groupId>
      <artifactId>freemarker</artifactId>
      <version>2.3.28</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
    </dependency>
  </dependencies>

***test.ftl

我是${name},今年${age}岁,只有一个爱好就是${hobby}!

***test.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>FrameMaker</title>
</head>
<body>
	<#--注释的写法-->
	<h1>${title}</h1>
	<fieldset>
		<span>${existPreMap.attention}</span>
		<span>${existPreMap.message}</span>
	</fieldset>
	<fieldset>
		多级变量获取省->市->区<br>
		<span>${location.province.city.area}</span>
	</fieldset>
	<fieldset>
		if的用法<br>
		<span>
			<#if sex==1><div>我是男人</div>
			<#else><div>我是女人</div>
			</#if>
		</span>
	</fieldset>
	<fieldset>
		switch的用法<br>
		<span>
			<#switch sex>
				<#case 0>
				I am girl!
				<#break>
				<#case 1>
				I am boy!
				<#break>
				<#default>
				I am nothing!
			</#switch>
		</span>
	</fieldset>
	<fieldset>
		set集合<br>
		<span><#list cities as city>${city},</#list></span><br>
	</fieldset>
	<fieldset>
		list集合<br>
		<span><#list names as name>${name},</#list></span><br>
	</fieldset>
	<fieldset>
		数组<br>
		<span><#list stars as star>${star},</#list><br>
		数组加角标<br>
		<span>${stars[0]}</span>
	</fieldset>
	<fieldset>
		数值计算<br>
		<#--加减乘除运算-->
		<span>1+2/3=${1+2/3}</span>
		<#--取整-->
		<span>1+2/3=${(1+2/3)?int}</span>
	</fieldset>
	<fieldset>
		<#--遍历list-->
		<div>
			<label>list</label>
			<span>
				<#list ["a","f","b"]+["aa","rr","cc"] as temp>
				${temp},
				</#list>
			</span>
		</div>
		<#--加号连接两个哈希表，如果有重复的话，那么选择+号右侧的优先。注意<#assign只有头，没有结尾-->
		<div>
			<label>list</label>
			<span>
				<#assign ages={"Joe":21,"KK":33}+{"Joe":30,"BB":60}>
				Joe:${ages.Joe}
				BB:${ages.BB}
			</span>
		</div>
	</fieldset>
</body>
</html>

***FTLServlet.java

package com.howie;

import freemarker.template.Configuration;
import freemarker.template.Template;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.util.HashMap;
import java.util.Map;

/**
 * @Author weihuanwen
 * @Date 2019/8/23 13:49
 * @Version 1.0
 */
@WebServlet("/fs")
public class FTLServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        try {
            req.setCharacterEncoding("UTF-8");
            resp.setContentType("text/html;charset=UTF-8");
            //获取输出流
            PrintWriter out = resp.getWriter();
            //1.获取framemaker的配置对象
            Configuration cfg=new Configuration();
            cfg.setDefaultEncoding("UTF-8");
            //2.获取项目根路径->指向classes
            String path = FTLServlet.class.getResource("/").getPath();
            //3.配置中添加项目模板文件夹
            cfg.setDirectoryForTemplateLoading(new File(path+"template"));
            //4.加载模板
            Template template=cfg.getTemplate("test.ftl");
            //5.封装渲染材料
            Map map=new HashMap();
            map.put("name","堂吉诃德");
            map.put("age","99");
            map.put("hobby","躺着");
            //6.渲染模板并将渲染后的页面响应前端
            template.process(map,out);
            out.flush();
            out.close();

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

***HtmlServlet.java

package com.howie;

import freemarker.template.Configuration;
import freemarker.template.Template;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.*;

/**
 * @Author weihuanwen
 * @Date 2019/8/23 14:17
 * @Version 1.0
 */
@WebServlet("/hs")
public class HtmlServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        try {
            req.setCharacterEncoding("UTF-8");
            resp.setContentType("text/html;charset=UTF-8");
            //获取输出流
            PrintWriter out = resp.getWriter();
            //1.获取framemaker的配置对象
            Configuration cfg=new Configuration();
            cfg.setDefaultEncoding("UTF-8");
            //2.获取项目根路径->指向classes
            String path = FTLServlet.class.getResource("/").getPath();
            //3.配置中添加项目模板文件夹
            cfg.setDirectoryForTemplateLoading(new File(path+"template"));
            //4.加载模板
            Template template=cfg.getTemplate("test.html");
            //5.封装渲染材料
            Map material=new HashMap();
            material.put("title", "FreeMaker");

            Map existPreMap=new HashMap();
            material.put("existPreMap", existPreMap);
            existPreMap.put("attention", "请注意!");
            existPreMap.put("message", "有消息!");

            //设置所在地(多级变量)
            Map area=new HashMap();
            area.put("area", "西虹");
            Map city=new HashMap();
            city.put("city", area);
            Map province=new HashMap();
            province.put("province", city);
            material.put("location", province);

            //设置性别
            material.put("sex",1);

            //设置城市集合
            Set cities=new TreeSet();
            cities.add("河北");
            cities.add("河南");
            cities.add("河东");
            cities.add("河西");
            cities.add("南京");
            cities.add("北京");
            material.put("cities", cities);

            //List
            ArrayList names =new ArrayList();
            names.add("Jhon");
            names.add("Lily");
            names.add("Smith");
            names.add("Jack");
            material.put("names", names);

            //数组
            String[] stars=new String[]{"☆","☆☆","☆☆☆"};
            material.put("stars", stars);


            //6.渲染模板并将渲染后的页面响应前端
            template.process(material,out);
            out.flush();
            out.close();

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

3.测试

①启动项目后访问请求路径:http://localhost:8080/fs,页面展示如下:

②继续访问请求路径:http://localhost:8080/hs,页面展示如下:

 

Hwweic
关注
专栏目录
JWeb之Velocity模板渲染
FloatDreamed的博客
08-23 433
之前学习过一种模板渲染技术是Thymleaf,今天讲解下另一种模板渲染技术Velocity! 知识点预习: 使用Properties封装Velocity的各种属性 VelocityEngine根据Properties封装属性实例化模板引擎对象 实例化VelocityContext并在其中封装渲染数据 VelocityEngine将上下文中的数据渲染至指定的模板中并将渲染后的页面数据写入S...
JWeb之Request
FloatDreamed的博客
07-22 256
一.前端页面 <%-- Created by IntelliJ IDEA. User: WHW Date: 2019/7/21 Time: 10:30 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;char...
freemarker渲染模板
jay_888的博客
11-22 530
/** * 对模板进行渲染 * @param data 数据Map * @param tplStr 模板 * @return */ public static String execFreemarkerTemplate(String templateStr, Map params) { Configuration cfg = new Configuration(); StringTemplateL...
FreeMarker详细介绍
热门推荐
weixin_44454512的博客
11-21 6万+
FreeMarker概述 FreeMarker 是一款 模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本(HTML网页，电 子邮件，配置文件，源代码等)的通用工具。 是一个Java类库。 FreeMarker 被设计用来生成 HTML Web 页面，特别是基于 MVC 模式的应用程序，将视图从业务逻辑中 抽离处理，业务中不再包括视图的展示，而是将视图交给 FreeMarker 来输出。虽然 FreeMarker 具有一 些编程的能力，但通常由 Java 程序准备要显示的数据，由 FreeMar
freemaker
叶知秋
10-18 98
FreeMaker第一步 转载请注明:来自http://blog.csdn.net/M_ChangGong/ 作者:张燕广 FreeMarker是什么？ FreeMarker是一个”模板引擎”，是一个基于模板技术的生成文本输出的一个通用工具，是一个JAVA的包，是一个JAVA程序员可以使用的类库。 FreeMarker不是什么？ FreeMarker不是一个对最终用户的应用程序.，不是一个WEB...
FreeMaker
helloworld的专栏
08-17 385
FreeMarker 是一款 模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。 它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。模板编写为FreeMarker Template Language (FTL)。它是简单的，专用的语言， 不是 像PHP那样成熟的编程语言。 那就意味着要准备数据在
Freemarker
技术成就人生
09-09 4万+
1. 什么是Freemarker 在java领域，表现层技术主要有三种：jsp、freemarker、velocity。 jsp是大家最熟悉的技术 优点： 1、功能强大，可以写java代码 2、支持jsp标签（jsp tag） 3、支持表达式语言（el） 4、官方标准，用户群广，丰富的第三方jsp标签库 5、性能良好。jsp编译成class文件执行，有很好的性能表现 缺点： jsp没有明显缺点...
JWeb之HTTP状态码
FloatDreamed的博客
07-24 388
HTTP状态码 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码： 200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - ...
Jweb之Content-Length
FloatDreamed的博客
07-25 421
消息头的响应头中有字段Content-Length 作用是描述HTTP消息实体的传输长度 浏览器通过Content-Length可以得知本次传输何时结束 下面根据已知响应体长度设置不同的Content-Length来观察具体表现 一.前端代码展示: <%-- Created by IntelliJ IDEA. User: WHW Date: 2019/7/23 Ti...
jweb:一个 javascript 帮助库
07-12
网页版 一个 javascript 帮助程序库。 这是一个基于 Jquery 和 Backbone 的 javascript 库，旨在构建一个轻量级的辅助库，让您更高效地开发您的网站。 执照 MIT为此（Funcs目录中的文件除外）
FreeMarker
yongqi_wang的博客
06-18 2万+
1.什么是FreeMarker？ FreeMarker是一款模板引擎，一种开源的、基于模板的、用来生成/输出文本的通用工具。 它不是面向最终用户的，不是Web应用框架，它是Java的一个类库，是Web应用框架中的一个实用的组件，是一款可以嵌入开发产品的一款应用程序。 FreeMarker的设计是被用来生成HTML页面，尤其是通过基于实现了MVC模式的Servlet应用程序。 使用MVC模式的动态网...
maven配置jweb网页获取jar包
最新发布
05-16
要在Maven项目中获取JWeb网页所需的jar包，可以按照以下步骤进行配置： 1. 在项目的pom.xml文件中添加以下内容： ```xml <id>jweb-repo <url>http://maven.jweb.top/repository/maven-public/</url> ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值