千锋教育-做有情怀、有良心、有品质的IT职业教育机构

400-811-9990
当前位置:千锋视频教程 > Java视频教程  >  Java开发之SSM项目使用FreeMarker模板展示数据的实现

Java开发之SSM项目使用FreeMarker模板展示数据的实现

时间:2018-04-10 10:55:49     来源:千锋视频教程 作者:教学部

1 FreeMarker介绍

1.1 FreeMarker简介

l         FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写

l         FreeMarker被设计用来生成HTML Web页面,特别是基于MVC模式的应用程序

l         虽然FreeMarker具有一些编程的能力,但通常由Java程序准备要显示的数据,由FreeMarker生成页面,通过模板显示准备的数据(如下图)
说明: image

l         FreeMarker不是一个Web应用框架,而适合作为Web应用框架一个组件

l         FreeMarker与容器无关,因为它并不知道HTTPServletFreeMarker同样可以应用于非Web应用程序环境

l         FreeMarker更适合作为Model2框架(如Struts)的视图组件,你也可以在模板中使用JSP标记库

l         FreeMarker是免费的

 

1.2 使用引入

         1.需要导入freemarkjar, freemarker-2.3.20.jar

         2.这里使用的是SSM框架,在SpringMVC的配置文件中配置freemark的模版路径和模版解析器,如下:

<!--  freemarker模版路径配置-->

<bean id="freemarkerConfigurer" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">

        <property name="templateLoaderPath" value="/xxx/xxx" />

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

        <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. Spring本身支持了对Freemarker的集成。只需要配置一个针对Freemarker的视图解析器即可。这里我们使用的是SpringFreemarker整合需要用到的FreeMarkerViewResolver解析器

    <!-- 配置FreeMark视图解析器 -->

    <bean id="freeMarkerViewResolver" class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">

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

        <property name="viewClass" value="org.springframework.web.servlet.view.freemarker.FreeMarkerView"/>

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

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

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

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

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

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

        <property name="order" value="1"/>

    </bean>

2 ftl基本语法

2.1 if else 语句

1if语句:<#if boolean表达式> </#if>

 1)判断后端返回的Java对象是否为空(null):<#if Java对象或者属性??> 执行代码 </#if>

    说明:Java对象可以是集合、普通Java类或者属性。

 2)判断集合size<#if 集合对象?size == 0>  执行代码  </#if>

 3)判断值相等:<#if 属性变量 == 2>  执行代码  </#if>

    2if else 语句:<#if orgList?size == 0>  执行代码    <#else>  执行代码   </#if>

 

2.2 list循环语句

1、遍历集合:

    <#list 后端返回的集合对象 as 自定义对象> 执行代码 </#list>

示例:<#list orgList as org执行代码 </#list>

   2、范围内遍历:

    示例:<#list startPage..endPage as index> </#list>

类似java代码:

int startPage =5;

int endPage =10;

for(int index=startPage;index<endPage ;index++{

   System.out.println(index)

}

2.2 输出展示

1、输出后台返回的普通字符串或者数值:

<#if 变量名??>${变量名}</#if>

示例:<#if total??>${total}</#if>

2、输出后台返回的对象属性:

<#if 对象名.对象属性??>${对象名.对象属性}</#if>

示例::<#if org.orgName??>${org.orgName}</#if>

   3、时间输出:

示例:<#if org.createdDate??>${org.createdDate?string("yyyy-MM-dd HH:mm:ss")}</#if>

 

3示例

以下是使用freemark语法来展示数据,如下图:

2.jpg

 

视图解析器的工作流程大致是这样的:

1.Controller的某个方法执行完成以后,返回一个视图(比如:listUser

2.视图解析器要做的工作就是找到某个对象来完成视图的渲染,或者跳转到其他的逻辑视图。这里的渲染对象通常就是我们的jsp文件或者我们下面用的Freemarker(例如listUser.jsp或者listUser.ftl)

3渲染完成以后,将解析结果发送到客户端浏览器       

  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2层、南区服务楼2层
    咨询电话:400-186-9990 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、大数据开发培训、VR/AR混合
    现实培训、Python培训、Linux云计算培训、软件测试培训、Android培训、iOS培训、好程序员
  • 深圳西部硅谷校区地址:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619
    深圳大学城校区地址:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    咨询电话:0755-33582485-801(硅谷校区)0755-86660670-801(大学城校区)
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android培训、iOS培训
  • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-56166283/56166279
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE+云数据培训、Android课程培训、iOS课程培训、好程序员
  • 郑州校区地址:郑州市金水区纬五路21号河南教育学院综合楼(经纬中学楼)7/8层
    咨询电话:0371-55191750 400-186-9990
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 广州校区地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-186-9990
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 大连校区地址:辽宁省大连市甘井子区软件园路2号东软信息学院B5座一楼
    咨询电话:0411-39026086 400-186-9990
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、UI交互设计培训、Android课程培训、iOS课程培训
  • 武汉校区地址:武汉市光谷大道61号智慧园21号楼2层
    咨询电话:027-65523826
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 成都校区地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    咨询电话:028-83178771
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85260160
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训
  • 杭州校区地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226-801
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术学院南校区实训楼A4层
    咨询电话:0532-80910752/3 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 重庆校区地址:重庆市高新区科园一路2号大西洋国际12-1
    咨询电话:023-68883009
    面授课程:JavaEE+云数据课程培训
  • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
    咨询电话:0731-85513010/85513210
    面授课程:JavaEE+云数据课程培训
  • 哈尔滨校区地址:哈尔滨市松北区创新一路699号科技创新城19号楼五楼
    咨询电话:15663846969
    面授课程:全栈HTML5+培训
  • 千锋教育服务号

    了解千锋动态
    关注千锋教育服务号

  • 千锋互联服务号

    扫码匿名提建议
    直达CEO信箱