Freemaker 静态化模板技术
模板的作用
模板技术在现代的软件开发中有着重要的地位,而目前最流行的两种模板技术恐怕要算freemarker和velocity了,webwork2.2对两者都有不错的支持,也就是说在webwork2中你可以随意选择使用freemarker或velocity作为view,模板技术作为view的好处是很多,尤其和jsp比较起来优点更大,众所周知jsp需要在第一次被执行的时候编译成servlet,那么这个过程是很慢的,当然很多应用服务器都提供预编译的功能,但是在开发的时候仍然给我们程序员带来了很多痛苦,每次修改都要多几秒钟,那在一天的开发中就有很多时间浪费在jsp的编译上了。用webwork in action的作者的话来说:“每次修改之后重新运行都要等等几秒是令人失望的,而频繁地修改jsp更是会令你的失望情绪变本加厉“。我们把模板技术引入到view中去可以带来更好的开发效率,而且模板的速度要比jsp快 当然模板技术可以用在很多领域,可不只在view那里。我们可以通过模板技术来生成xml,生成jsp,生成java文件等等,说到这里,大家通常会使用模板技术用在公司的框架里,这样就可以很快速的生成添删改查的代码,需要的只是模板,其他比如还有邮件模板等等。
一.Freemaker是什么?
1.是一个模板引擎 , 基于模板 生成html静态页面
2.多个数据类型
a.基本类型
b.对象类型
c.List map
d.If else
二.Freemaker解决了什么问题?
解决的是根据数据生成对应html静态页面
三.freemarker与velocity功能的比较
1.在view层的时候,它提供了format日期和数字的功能,我想大家都有在页面上format日期或数字的经验,用jsp的同学可能对jstl的fmt标签很有感情,使用了freemarker之后也可以使用freemarker提供的功能来formmat日期和数据
2.通过我的使用我发现freemaker的eclipseplugin要比velocity的eclipseplugin好,好在很多地方呢,freemarker的插件除了支持freemarker语法也支持html语句,而velocity的插件貌似只支持velocity的语法,html就只是用普通的文本来显示了,在这一点上freemarker占上风了
3.freemarker对jsptag的支持很好
Freemaker实战
一、FreeMarker模板文件主要有4个部分组成
1、文本,直接输出的部分
2、注释,即<#--...-->格式不会输出
3、插值(Interpolation):即${..}或者#{..}格式的部分,将使用数据模型中的部分替代输出
4、FTL指令:FreeMarker指令,和HTML标记类似,名字前加#予以区分,不会输出。
FTL指令规则
FreeMarker有三种FTL标签,这和HTML的标签是完全类似的
开始标签:<#directivename parameters>
结束标签:</#directivename>
空标签: <#directivename parameters />
实际上,使用标签时前面的#符号也可能变成@,如果该指令是一个用户指令而不是系统内建指令时,应将#符号改为@符号
插值规则
FreeMarker的插值有如下两种类型
1、通用插值:${expr}
2、数字格式化插值:#{expr}或者#{expr;format}
通用插值,有可以分为四种情况
a、插值结果为字符串值:直接输出表达式结果
b、插值结果为数字值:根据默认格式(#setting 指令设置)将表达式结果转换成文本输出。可以使用内建的字符串函数格式单个插值,例如
<#setting number_format = "currency" />
<#assign price = 42 />
${price}
${price?string}
${price?string.number}
${price?string.currency}
${price?string.percent}
c、输出值为日期值:根据默认格式(由 #setting 指令设置)将表达式结果转换成文本输出,可以使用内建的字符串函数格式化单个插值,例如
<#assign lastUpdated = "2009-01-07 15:05"?datetime("yyyy-MM-dd HH:mm") />
${lastUpdated?string("yyyy-MM-dd HH:mm:ss zzzz")};
${lastUpdated?string("EEE,MMM d,yy")};
${lastUpdated?string("EEEE,MMMM dd,yyyy,hh:mm:ss a ‘(‘zzz‘)‘")};
${lastUpdated?string.short};
${lastUpdated?string.long};
${lastUpdated?String.full};
d、插值结果为布尔值
<#assign foo=true />
${foo?string("是foo","非foo")}
数字格式化插值
数字格式化插值可采用#{expr;format}的形式来格式化数字,其中format可以是:
mX:小数部分最小X位
MX:小数部分最大X位
例如:
<#assign x = 2.582 />
<#assign y =4 />
#{x;M2};
#{y;M2};
#{x;m1};
#{y;m1};
#{x;m1M2};
#{y:m1M2};
二、表达式
表达式是FreeMarker的核心功能。表达式放置在插值语法(${...})之中时,表面需要输出表达式的值,表达式语法也可以与FreeMarker标签结合,用于控制输出
1、直接指定值
例如:
a、字符串
${‘我的名字是\"yeek\"‘};
${"我的文件保存在d:\\盘"};
b、数值
c、布尔值
d、日期型
FreeMarker支持date、time、datetime三种类型,这三种类型的值无法直接指定,通常需要借助字符串的date、time、datetime三个内建函数进行转换才可以
<#assign test1 = "2009-01-22"?date("yyyy-MM-dd") />;
<#assign test2 ="16:34:43"?time("HH:mm:ss") />
<#assign test2 = "2009-01-22 17:23:45"?datetime("yyyy-MM-dd HH:mm:ss") />
${test1?string.full}
e、集合
集合以方括号包括,各集合元素之间以英文逗号(,)分隔,看如下的示例:
<#list["星期一",,["星期二",["星期三",["星期四",["星期五"] as x>
${s};
</#list>
f、Map集合
Map对象使用花括号包括,Map中的key-value对之间以英文冒号(:)隔开,多组key-value对之间以英文逗号(,) 隔开
例如
<#assign score = {"语文":78,"数学":83,"Java":89} >
<#list score?key as x>
${x}--->${score[x]};
</#list>
2、输出变量值
FreeMarker的表达式输出变量时,这些变量可以是顶层变量,也可以是Map对象中的变量,还可以是集合中的变量,并可以使用点(.)语法来访问Java对象的属性
a、顶层变量
Map root = new HashMap();
root.put("name","wenchao");
对应顶层变量,直接使用${variableName}来输出变量值,变量名只能是数字、字母、下划线、$、@和#的组合,并不能以数字开头
b、输出集合元素
如果需要输出集合元素,则可以根据集合元素的索引来输出元素。集合元素的索引以方括号指定。
假设有集合对象为:["星期一","星期二","星期三","星期四","星期五","星期六"],该集合对象名为week, 如果需要输出星期三,则可以使用如下语法:
${week[2]}
集合里的第一个元素的索引是0
c、输出Map元素
这里的Map对象可以是直接HashMap的实例,甚至包括 JavaBean实例,对应JavaBean实例,我们一样可以把其当成属性为key,属性为value的Map实例
3、字符串操作
a、字符串链接
字符串连接有两种语法
A、使用${..}(或#{..})在字符串常量部分插入表达式的值,从而完成字符串连接
B、直接使用连接运算符(+)来连接字符串
使用第一种语法来连接字符串
${"Hello,${user}!"}
第二种使用连接符号来连接字符串
${"Hello,"+user+"!"};
值的注意的是,${..}只能用于文本部分,因此,下面的代码是错误的:
<#if ${isBig}>Wow!</#if>
<#if "${isBig}">Wow!</#if>
应该写成:
<#if isBig>Wow!</#if>
b、截取字符串
Map root = new HashMap();
root.put("book","疯狂Ajax讲义");
${book[0]}
${book[4]}
${book[1..4]}
4、集合连接运算符
这里所说的集合连接运算时将两个集合连接成一个新的集合,连接集合的运算符是+,例如
<#list ["星期一"," 星期二","星期三"]+["星期四","星期五"] as x>
${x}
</#list>
5、Map连接运算符
Map对象的连接运算也是将两个Map对象连接成一个新的Map对象,Map对象的连接运算符是+。如果两个Map对象具有相同的 key,则后加入Map里的key所
对应的value替代原来key所对应的value
6、算术运算符
FreeMarker表达式中完全支持算术运算,FreeMarker支持的算术运算符包括: +,-,*,/,%
看如下代码示范
<#assign x = 5 />
${x* -100}
${x/2}
${12%10}
在表达式中使用算术运算时要注意以下几点。
A、运算符两边的运算数必须是数字,因此下面的代码是错误的:
${3*"5"}
B、使用+(既可以作为加号,也可以作为字符串连接运算符)运算时,如果一边是数字,一边是字符串,就会自动将数字转化为字符串。例如
${3+"5"}
输出结果:35
C、使用内建的int函数可对数值取整。例如
<#assign x = 5>
${(x/2)?int}
${1.1?int}
${1.999?int}
${-1.9999?int}
${-1.1?int}
7、比较运算符
表达式中支持的比较运算符有如下几个
a、=(或者==):判断两个值是否相等.
b、!=:判断两个值是否不相等
c、 >(或者gt):判断坐标值是否大于右边值
d、 >=(或者gte):判断坐标值是否大于等于右边值
e、 <(或者lt):判断左边值是否小于右边值
f、 <=(或者lte):判断左边值是否小于等于右边值
8、逻辑运算符
逻辑运算符有如下几个
a、逻辑与:&&
b、逻辑或:||
c、逻辑非:!
逻辑运算符只能作用于布尔值,否则将产生错误。
9、内建函数
FreeMarker还提供了一些内建函数来转换输出,可以在任何变量后紧跟?,?后紧跟内建函数,就可通过内建函数来转换输出变量
下面是常用的内建的字符串函数
a、html:对字符串进行HTML编码
b、cap_first:将字符串第一个字母成大写
c、lower_case:将字符串转换成小写
d、upper_case:将字符串转换成大写
e、trim: 去掉字符串前后的空白字符
下面是集合的常用的内建函数
a、size: 获得序列中元素的数目
下面是数字值的常用的内建函数
a、int 取得数字的整数部分
例如
<#assign test="Tom & Jerry" />
${test?html}
${test?upper_case?html}
10、空值处理运算符
FreeMarker对空值的处理非常严格,FreeMarker的变量必须有值,没有被赋值的变量就会抛出异常。
11、运算符优先级
三、FreeMarker 的常用指令
1、if指令
分支控制语句
语法格式如下
<#if condition>
....
<#elseif condition2>
...
<#elseif condition3>
...
<#else>
...
</#if>
2、switch、case、default、break指令
<#switch value>
<#case refValue>
...
<#bread>
<#case refValue>
...
<#bread>
<#default>
...
</#switch>
虽然FreeMarker提供了switch指令,但它并不推荐使用switch指令来控制也输出,而是推荐使用FreeMarker的if..elseif..else 指令来替代它。
3、list、break指令
list指令时一个典型的迭代输出指令,用于迭代输出数据模型中的集合。list指令的语法格式如下:
<#list sequence as item>
...
</#list>
除此之外,迭代集合对象时,还包括两个特殊的循环变量:
a、item_index:当前变量的索引值。
b、item_has_next:是否存在下一个对象
也可以使用<#break>指令跳出迭代
<#list ["星期一","星期二","星期三","星期四","星期五"] as x>
${x_index +1}.${x} <#if x_has_next>,</#if>
<#if x = "星期四"><#break></#if>
</#list>
4、include 指令
include指令的作用类似于JSP的包含指令,用于包含指定页,include指令的语法格式如下
<#include filename [options]
在上面的语法格式中,两个参数的解释如下
a、filename:该参数指定被包含的模板文件
b、options:该参数可以省略,指定包含时的选项,包含encoding和parse两个选项,encoding指定包含页面时所使用的解码集,而parse指定被
包含是否作为FTL文件来解析。如果省略了parse选项值,则该选项值默认是true
5、 import指令
该指令用于导入FreeMarker模板中的所有变量,并将该变量放置在指定的Map对象中,import 指令的语法格式如下
<#import path as mapObject>
在上面的语法格式中,path指定要被导入的模板文件,而mapObject是一个Map对象名,通过这行代码,将导致path模板中的所有变量都被放置
在mapObject中
<#import "/lib/common.ftl" as com>
6、noparse指令
noparse指令指定FreeMarker不处理该指令里包含的内容,该指令的语法格式如下:
<#noparse>
...
</#noparse>
7、escape、noescape指令
8、assign指令
它用于为该模板页面创建或替换一个顶层变量
9、setting指令
该指令用于设置FreeMarker的运行环境,该指令的语法格式如下:
<#setting name = value>
name 的取值范围包括如下几个
locale :该选项指定该模板所用的国家/语言选项
number_format:该选项指定格式化输出数字的格式
boolean_format:该选项指定两个布尔值的语法格式,默认值是"true、false"
date_format,time_format,datetime_format:该选项指定格式化输出日期的格式
time_zone: 设置格式化输出日期时所使用的时区
10、macro、nested、return指令
简单的freemarker例子
1 public class Hello { 2 ?3 ????public static void main(String[] args) throws IOException, TemplateException { 4 ????????//1.创建Configuration实例 -- 配置 5 ????????Configuration conf=new Configuration(Configuration.VERSION_2_3_23); 6 ????????conf.setNumberFormat("##,###"); 7 ????????conf.setBooleanFormat("男孩,女孩"); 8 ????????conf.setDateFormat("yyyy年MM月dd日"); 9 ????????//2.设置模板加载路径10 ????????File dir=new File("F:\\idea_workspase\\freemarker\\src\\main\\resources");11 ????????conf.setDirectoryForTemplateLoading(dir);12 ????????//conf.setClassForTemplateLoading(FreemarkerDemo.class,"");13 14 ????????//3.准备数据模型15 ????????Map<String,Object> dataModel=new HashMap<String, Object>();16 ????????dataModel.put("name","李四");17 ????????Boolean b = true;18 ????????dataModel.put("sex",b);19 20 ????????//4.获取模板对象21 ????????Template template = conf.getTemplate("Hello.ftl", "utf-8");22 23 ????????//5.将数据+模板= 输出24 ????????template.process(dataModel,new PrintWriter(System.out));25 26 ????}27 }
模板文件:Hello.ftl
1 hello world!!2 ${name}3 ${sex}
pom文件
1 <?xml version="1.0" encoding="UTF-8"?> 2 <project xmlns="http://maven.apache.org/POM/4.0.0" 3 ?????????xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 4 ?????????xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> 5 ????<modelVersion>4.0.0</modelVersion> 6 ?7 ????<groupId>com.baizhi</groupId> 8 ????<artifactId>freemarker</artifactId> 9 ????<version>1.0-SNAPSHOT</version>10 11 ????<dependencies>12 ????????<!-- https://mvnrepository.com/artifact/org.freemarker/freemarker -->13 ????????<dependency>14 ????????????<groupId>org.freemarker</groupId>15 ????????????<artifactId>freemarker</artifactId>16 ????????????<version>2.3.23</version>17 ????????</dependency>18 ????</dependencies>19 20 21 </project>
网站伪静态(UrlRewriteFilter)
真静态|伪静态 :服务器端的实现和用户无关,为了很好隐藏后台实现,一般在暴露给用户 的URL属于伪静态。
例子
?1 ===============ProductController=============== ?2 @Controller ?3 @RequestMapping(value = "/product") ?4 public class ProductController { ?5 ????@RequestMapping(value = "/showProduct") ?6 ????public String showProduct(Integer id, String path, ModelMap modelMap, HttpServletRequest request) throws IOException, TemplateException { ?7 ????????modelMap.put("id",id); ?8 ????????modelMap.put("name","测试商品"); ?9 ????????modelMap.put("createTime",new Date()); 10 ????????//考虑将该方法设置为异步 11 ????????String templateDir=request.getSession().getServletContext().getRealPath("/views"); 12 ????????String templateName="product.ftl"; 13 ?14 ????????String dist=request.getSession().getServletContext().getRealPath(path); 15 ????????System.out.println(dist); 16 ????????HtmlGenerateUtil.genHTML(templateDir,templateName,modelMap,dist); 17 ?18 ????????return "product"; 19 ????} 20 ?21 ????/*@RequestMapping(value = "/show_{id}.html") 22 ????public String showProduct2(@PathVariable(value = "id") Integer id, String path, ModelMap modelMap, HttpServletRequest request){ 23 ????????modelMap.put("id",id); 24 ????????modelMap.put("name","测试商品"); 25 ????????modelMap.put("createTime",new Date()); 26 ?27 ????????return "product"; 28 ????}*/ 29 } 30 ===============CondationFilter================ 31 public class CondationFilter extends UrlRewriteFilter { 32 ?33 ????@Override 34 ????public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { 35 ????????HttpServletRequest req= (HttpServletRequest) request; 36 ???????if(req.getRequestURI().endsWith("html")){ 37 ???????????//先判断请求资源是否存在,如果不存在走重写逻辑 38 ???????????boolean isExists = isStaticResourceExits((HttpServletRequest) request); 39 ???????????System.out.println(isExists); 40 ???????????if(!isExists){ 41 ???????????????super.doFilter(request, response, chain); 42 ???????????}else{ 43 ???????????????chain.doFilter(request,response); 44 ???????????} 45 ???????}else{ 46 ???????????chain.doFilter(request,response); 47 ???????} 48 ?49 ????} 50 ?51 ????/** 52 ?????* 判断静态资源是否纯在 53 ?????* @param request 54 ?????* @return 55 ?????*/ 56 ????public static boolean isStaticResourceExits(HttpServletRequest request){ 57 ????????String requestURI = request.getRequestURI(); 58 ?????????//System.out.println("requestURI:"+requestURI);// ??/SpringMVCDemo/products/product_1.html 59 ????????int indexOf = requestURI.indexOf("/", 1); 60 ????????String requestFileURI =requestURI.substring(indexOf);// ??/products/product_1.html 61 ????????//System.out.println("requestURI:"+requestFileURI); 62 ????????// ?System.out.println("requestFileURI(转换):"+requestFileURI); 63 ????????//将网络路劲转换为 物理路径 64 ????????String realPath = request.getSession().getServletContext().getRealPath(requestFileURI); 65 ????????//System.out.println(realPath+"---"); 66 ????????File file=new File(realPath); 67 ????????//System.out.println(file.getAbsolutePath()); 68 ???????if(file.exists()){ 69 ???????????//判断文件生成时间 5s 内 文件 隐藏 70 ???????????if((System.currentTimeMillis()-file.lastModified())<5000){ 71 ???????????????return false; 72 ???????????} 73 ???????????//文件 最多存活 15秒 74 ???????????System.out.println(System.currentTimeMillis()+" ?"+file.lastModified()+" "+(System.currentTimeMillis()-file.lastModified())); 75 ???????????if((System.currentTimeMillis()-file.lastModified())>15000){ 76 ???????????????return false; 77 ???????????} 78 ???????????return true; 79 ???????} 80 ???????return false; 81 ????} 82 } 83 ============== HtmlGenerateUtil =============== 84 public class HtmlGenerateUtil { 85 ????public static void genHTML(String templateDir, String templateName, ModelMap modelMap, String dist) throws IOException, TemplateException { 86 ????????Configuration conf=new Configuration(Configuration.VERSION_2_3_23); 87 ????????File dir = new File(templateDir); 88 ????????conf.setDirectoryForTemplateLoading(dir); 89 ?90 ????????Template template=conf.getTemplate(templateName,"utf-8"); 91 ????????File file=new File(dist); 92 ????????if(file.exists()&&(System.currentTimeMillis()-file.lastModified())<15000){ 93 ????????????return; 94 ????????} 95 ????????FileOutputStream fos=new FileOutputStream(dist); 96 ?97 ????????OutputStreamWriter osw=new OutputStreamWriter(fos,"utf-8"); 98 ????????template.process(modelMap,osw); 99 ????????osw.close();100 ????????fos.close();101 ????}102 }103 ============product.ftl模板文件=================104 105 <html>106 <head>107 108 ????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">109 ????110 ????<title>product 商品static</title>111 </head>112 <body>113 <h2>商品【${id}】详情</h2>114 <h3>名字:${name}</h3>115 <h3>创建时间:${createTime?date}</h3>116 117 </body>118 </html>119 ============mvc-servlet.xml==================120 <?xml version="1.0" encoding="UTF-8"?>121 <beans xmlns="http://www.springframework.org/schema/beans"122 ???????xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"123 ???????xmlns:mvc="http://www.springframework.org/schema/mvc"124 ???????xmlns:context="http://www.springframework.org/schema/context"125 ???????xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">126 127 ????<!--视图解析-->128 ????<bean >129 ????????<property name="prefix" value="/"></property>130 ????????<property name="suffix" value=".jsp"></property>131 ????</bean>132 ????<!--开启SpingMVC注解驱动-->133 ????<mvc:annotation-driven />134 ????<!--静态资源-->135 ????<mvc:resources mapping="/**" location="/"/>136 ????<!--文件上传-->137 ????<bean >138 ????????<property name="maxUploadSize" value="10240000"></property>139 ????</bean>140 ????<!--扫描controller组件-->141 ????<context:component-scan base-package="com.baizhi.controller"/>142 </beans>143 ===============urlrewrite.xml=================144 <?xml version="1.0" encoding="utf-8"?>145 <!DOCTYPE urlrewrite PUBLIC "-//tuckey.org//DTD UrlRewrite 4.0//EN"146 ????????"http://www.tuckey.org/res/dtds/urlrewrite4.0.dtd">147 <urlrewrite>148 149 ????<rule >150 ????????<from>/test/status/</from>151 ????????<to type="redirect">%{context-path}/rewrite-status</to>152 ????</rule>153 154 ????<rule match-type="regex">155 ????????<from>/product/product_([0-9]+).html</from>156 ????????<to type="forward">/product/showProduct?id=$1&path=$0</to>157 ????</rule>158 159 </urlrewrite>160 =================web.xml==================161 <?xml version="1.0" encoding="UTF-8"?>162 <web-app version="2.5"163 ?????????xmlns="http://java.sun.com/xml/ns/javaee"164 ?????????xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"165 ?????????xsi:schemaLocation="http://java.sun.com/xml/ns/javaee166 ????http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">167 168 ??<display-name>Archetype Created Web Application</display-name>169 ??<!--初始化参数-->170 ??<context-param>171 ????<param-name>contextConfigLocation</param-name>172 ????<param-value>classpath*:applicationContext.xml</param-value>173 ??</context-param>174 ??<!--配置字符乱码filter-->175 ??<filter>176 ????<filter-name>encode</filter-name>177 ????<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>178 ????<init-param>179 ??????<param-name>encoding</param-name>180 ??????<param-value>utf-8</param-value>181 ????</init-param>182 ??</filter>183 ??<filter-mapping>184 ????<filter-name>encode</filter-name>185 ????<url-pattern>/*</url-pattern>186 ??</filter-mapping>187 ??<filter>188 ????<filter-name>UrlRewriteFilter</filter-name>189 ????<filter-class>com.baizhi.filter.CondationFilter</filter-class>190 ??</filter>191 ??<filter-mapping>192 ????<filter-name>UrlRewriteFilter</filter-name>193 ????<url-pattern>/*</url-pattern>194 ????<dispatcher>REQUEST</dispatcher>195 ????<dispatcher>FORWARD</dispatcher>196 ??</filter-mapping>197 ??<!--配置监听器-->198 ??<listener>199 ????<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>200 ??</listener>201 ??<!--配置servlet-->202 ??<servlet>203 ????<servlet-name>mvc</servlet-name>204 ????<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>205 ????<load-on-startup>0</load-on-startup>206 ??</servlet>207 ??<servlet-mapping>208 ????<servlet-name>mvc</servlet-name>209 ????<url-pattern>/</url-pattern>210 ??</servlet-mapping>211 </web-app>212 =================product.jsp================213 <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>214 <html>215 <head>216 ????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">217 ????<title>product 商品详情页</title>218 </head>219 <body>220 <h2>商品【${id}】详情</h2>221 <h3>名字:${name}</h3>222 <h3>创建时间:${createTime}</h3>223 224 </body>225 </html>226 ===================pom.xml=================227 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns: