简介

FreeMarker是一款模板引擎：即一种基于模板和要改变的数据，并用来生成输出文本（HTML网页、电子邮件、配置文件、源代码等）的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件

官网手册

JavaEE中的两种开发方式

前后端不分离

要求程序员要掌握js，为了简化页面开发，引入页面模板，页面模板整体上来说又可以分为两大类

前端模板

前端模板就是后缀为html的模板，代表就是Thymeleaf，这种模板有一个好处就是不需要服务端解析就能直接在浏览器中打开。

后端模板

必须经过服务端解析才能被浏览器展示出来的模板

JSP
Freemarker
velocity

前后端分离

前后端分离的时候，后端纯粹只是接口，没有任何页面。所有的页面由前端完成，前端会使用相关的模板。

Vue
AngularJS
React

HelloWorld案例

创建一个maven项目

整合spring和SpringMVC

spring整合SpringMVC

引入freemarker

1.引入freemarker依赖

<dependency>

	<groupId>org.freemarker</groupId>

	<artifactId>freemarker</artifactId>

	<version>2.3.28</version>

</dependency>

2.创建freemarker变量文件

freemarker-var.properties

3.配置视图解析器

<beans xmlns="http://www.springframework.org/schema/beans"

	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"

	xmlns:mvc="http://www.springframework.org/schema/mvc"

	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd

		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd

		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">

	<!-- 开启注解 -->

	<mvc:annotation-driven></mvc:annotation-driven>

	<!-- 开启扫描 -->

	<context:component-scan base-package="com.dpb.controller">

		<!-- 只扫描指定路径下的controller注解 -->

		<context:include-filter type="annotation"

			expression="org.springframework.stereotype.Controller" />

	</context:component-scan>

	<!-- 配置freemarker -->

	<!-- 1.引入freemarker属性文件 -->

	<bean

		class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">

		<property name="locations">

			<list>

				<value>classpath:freemarker-var.properties</value>

			</list>

		</property>

	</bean>

	<!-- 2.定义模板属性 -->

	<bean

		class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">

		<!-- 定义模板位置 -->

		<property name="templateLoaderPath" value="/WEB-INF/ftl/" />

		<!-- 编码方式 -->

		<property name="defaultEncoding" value="utf-8" />

		<!-- 设置键值对 -->

		<property name="freemarkerVariables">

			<map>

				<entry key="root" value="${root}"></entry>

			</map>

		</property>

		<!--设置属性值 -->

		<property name="freemarkerSettings">

			<props>

				<prop key="template_update_delay">10</prop>

				<prop key="locale">zh_CN</prop>

				<prop key="datetime_format">yyyy-MM-dd HH:mm:ss</prop>

				<prop key="date_format">yyyy-MM-dd</prop>

				<prop key="time_format">HH:mm:ss</prop>

				<prop key="number_format">#.####</prop>

			</props>

		</property>

	</bean>

	<!-- 3.配置视图解析器 -->

	<bean

		class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">

		<!-- 生成view的类 -->

		<property name="viewClass"

			value="org.springframework.web.servlet.view.freemarker.FreeMarkerView" />

		<!-- 配置后缀 -->

		<property name="suffix" value=".ftl" />

		<!-- 支持request覆盖model -->

		<property name="allowRequestOverride" value="true" />

		<property name="allowSessionOverride" value="true" />

		<property name="exposeRequestAttributes" value="true" />

		<property name="exposeSessionAttributes" value="true" />

		<property name="contentType" value="text/html;charset=utf-8" />

	</bean>

</beans>

4.测试

在WEB-INF下创建 index.ftl

controller跳转到index.ftl页面

@Controller

public class UserController {

	@RequestMapping("/hello")

	public String hello(){

		return "index";

	}

}

http://localhost:8082/freemarker01/hello

插值规则

通用插值

字符串，数字，Boolean型，Date类型

@RequestMapping("/hello")

public String hello(Model m){

	m.addAttribute("name", "张三");

	m.addAttribute("age", 18);

	m.addAttribute("enable", true);

	m.addAttribute("birth",new Date());

	return "index";

}

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

	<h1>Hello Freemarker</h1>

	${root}<br>

	<hr>

	${name}<br>

	${age}<br>

	<#-- 转换规则  -->

	${enable?string("true","false")}<br>

	${birth?string("yyyy-MM-dd")}<br>

</body>

</html>

数字格式化插入

数字格式化插值可采用#{expr;format}形式来格式化数字,其中format可以是:

mX:小数部分最小X位

MX:小数部分最大X位

<#--定义变量-->

<#assign x=3.9876543>

<#assign y=6>

#{x;M2}<#--显示3.99--><br>

#{y;M2}<#--显示6--><br>

#{x;m3}<#--显示3.988--><br>

#{y;m3}<#--显示6.000--><br>

eclipse安装Freemarker插件

重启即可

Freemarker教程1(基本使用)的更多相关文章

FreeMarker 教程整理
Freemarker新手教程 http://blog.csdn.net/qq_23994787/article/details/77506980 FreeMarker教程整理 http://blo ...
转：一篇很全面的freemarker教程
最近在使用freemarker,于是在网上找了一些教程学习,如下: 以下内容全部是网上收集: FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组 ...
[转]一篇很全面的freemarker教程
copy自http://demojava.iteye.com/blog/800204 以下内容全部是网上收集: FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主 ...
一篇很全面的freemarker教程
以下内容全部是网上收集: FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成:1,文本:直接输出的部分2,注释:<#-- ... --& ...
FreeMarker教程
一.什么是模板引擎,为什么要用模板引擎在B/S程式设计中,常常有美工和程序员二个角色,他们具有不同专业技能:美工专注于表现——创建页面.风格.布局.效果等等可视元素:而程序员则忙于创建程式的商业流程 ...
【转】一篇很全面的freemarker教程---有空慢慢实践
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输 ...
一篇非常全面的freemarker教程
copy自http://demojava.iteye.com/blog/800204 下面内容所有是网上收集: FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主 ...
一篇很全面的freemarker教程前端工程师必备
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输 ...
[转载] FreeMarker教程
转载自http://www.blogjava.net/freeman1984/archive/2010/11/04/337239.html FreeMarker是一个模板引擎,一个基于模板生成文本输出 ...

随机推荐

深拷贝 deepAssign
实现代码: <script type="text/javascript"> Object.deepAssign = function() { var args = Ar ...
font-smoothing使用后字体看起来会更清晰舒服
CSS3里面加入了一个“-webkit-font-smoothing”属性. 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服. 加上之后就顿时感觉页面小清晰了. 淘宝也在用哦! 它有三 ...
P3379 【模板】最近公共祖先（LCA）(树链剖分)版
#include <bits/stdc++.h> #define read read() #define up(i,l,r) for(register int i = (l);i < ...
UVaLive 5760 Alice and Bob (博弈 + 记忆化搜索)
题意:有 n 堆石子,有两种操作,一种是从一堆中拿走一个,另一种是把两堆合并起来,Alice 先拿,谁不能拿了谁输,问谁胜. 析:某些堆石子数量为 1 是特殊,石子数量大于 1 个的都合并起来,再拿, ...
分享Azure DevOps技术，来微信群吧！
现在QQ用户越来越少,基本上都转移到微信上了. 讨论问题,动不动就来一个微信群.下面这样几百人的微信群,专门讨论Azure DevOps (TFS)技术,你加入了么? 还等什么,扫描吧!
利用ADO打开Access数据(64位系统)
64位的access一定要用64的程序才能正确打开,仍然用"Provider=Microsoft.ACE.OLEDB.12.0;Data Source=Test.accdb;Persist ...
使用netstat命令查看端口的使用情况
Windows如何查看端口占用情况操作步骤如下: 开始--运行--cmd 进入命令提示符,输入netstat -ano 即可看到所有连接的PID 之后在任务管理器中找到这个PID所对应的程序如果任务管 ...
Android Studio 配置 androidAnnotations框架详细步骤
第一步:打开app的build.gradle文件第二步:添加下面红色的部分 apply plugin: 'com.android.application' android { compileSdkV ...
js中的行为委托和无类编程
概述 <你不知道的JavaScript>中有这么一段话:不幸的是,将类和继承的设计模式思维带入Javascript的想法是你所做的最坏的事情,因为语法可能会让你迷惑不已,让你以为真的有类这 ...
MySQL 线程池&连接池&长连接&短连接
线程池简介 1.mysql每连接每线程,mysql都分配一个单独的线程,该线程处理客户端发来的所有命令 2.每个线程会占用一定的系统资源,线程数越多消耗的系统资源也越多 3.线程的创建和销毁有一定的 ...

Freemarker教程1(基本使用)

简介