freemarker 宏嵌套nested 的使用

最新推荐文章于 2023-02-03 11:12:19 发布

weixin_30826095

最新推荐文章于 2023-02-03 11:12:19 发布

阅读量708

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xx0405/p/6646213.html

本文展示了一个使用FreeMarker模板引擎进行页面布局的实例。该示例通过宏定义实现了HTML头部和主体部分的标准化，利用jQuery获取输入框的值并通过弹窗显示。此测试涵盖了基本的前端技术和框架。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载来源：http://blog.sina.com.cn/s/blog_7e5699790100z59g.html

模板页:

<#assign basePath = request.contextPath />
<#macro htmlHead title charset="utf-8" lang="zh-CN">
<html>
<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=${charset}" />
　　<meta http-equiv="Content-Language" content="${lang}"/>
　　<title>${title}</title>
　　<#nested>
</head>
</#macro>

<#macro htmlBody>
<body>
　　<#nested>
</body>
</html>
</#macro>

--------------------------------------------------------------------------------------------------
调用模板的页:

<#include "/ftl/layout/layout1.ftl"/>
<@htmlHead title="FreeMarker宏测试 ">
　　<script src="${basePath}/js/jquery1.2.6.pack.js" type="text/javascript"></script>
　　<script type="text/javascript">
　　　　function test(){
　　　　　　var va = $("#test1").val();
　　　　　　alert(va);
　　　　} 
　　</script>
</@htmlHead>

<@htmlBody>
　　哈哈哈<br>
　　<input id="test1" type="text" name="name1" value="我的祖国"><br>
　　<a href="#" onclick="test()">测试jquery</a>
</@htmlBody>