freemarker自定义指令

基于SSM3框架FreeMarker自定义指令（标签）实现

通过之前的Spring MVC 3.0.5+Spring 3.0.5+MyBatis3.0.4全注解实例详解系列文章,我们已经成功的整合到了一起,这次大象将在此基础上对框架中的FreeMarker模板做一个扩展,详细说明如何实现自定义指令(标签)功能. 我们在开发的时候,往往对一些数据字典形式的数据,想将它封装成通用的模块以便于使用,如果使用JSP做展示层,可以创建自定义标签来实现,现在换成FreeMarker视图,我们一样可以达到想要的目的. 实现FreeMarker指令其实很简单…

freemarker自定义指令

最近项目中使用了spring boot搭建项目,使用spring security管理项目中的权限,使用freemarker作为视图层.为了将权限控制到按钮上,因此考虑直接使用spring security的标签实现,但是在整合的过程中,没有整合出来,突然想到freemarker可以自定义指令实现一些功能,因此记录一下,在freemarker中如何实现一个自定义指令,来达到实现部分内容的显示和隐藏. 需求:自定义一个freemarker标签,当满足某些条件的时候显示标签体中的内容,否则不进行显示…

freemarker自定义标签（三）-nested指令

freemarker自定义标签 1.nested指令是可选的,可以在<#macro>和</#macro>之间使用在任何位置和任意次数 2.示例说明 <#macro tag> <#nested/> </#macro> <@tag> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li>…

[freemarker篇]06.超级强大的自定义指令

Freemarker的自定义指令是很强大的,非常强大,在之后的教程中我会简单的做一个示例,让大家对其有所了解!如果做Freemarker编程,请好好看看API手册,可以说里面的内容很多!也是一门独立的语言! 开发Freemarker语言的作者,应该是不喜欢JSP吧! 直接上代码吧! /** * 测试研究题目为: * 测试自定义指令 */ @Test public void 自定义指令() { Map<String, Object> root = new HashMap<String, O…

freemarker实现自定义指令和自定义函数

自定义指令: 1.指令在前台实现 <#macro name param1,param2,param3...paramN> </#macro> 2.指令在后台实现 1.实现TemplateDirectiveModel接口参数说明: environment : 是环境变量,在这里我们可以拿到通过 environment.getOut 拿到 Write . map :这里我们可以等到参数,这里的参数是以键值对的形式存在的. templateModel : 是所以数据类型的顶级接…

freemarker自定义标签（一）

freemarker自定义标签 1.自定义标签说明宏变量存储模板片段可以被用作自定义指令macro 2.示例说明 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>freemarker自定义标签</title> </head> <body> <#--…

freemarker自定义标签报错（七）

1.错误描述六月 09, 2014 11:11:09 下午 freemarker.log.JDK14LoggerFactory$JDK14Logger error 严重: Template processing error: "Expression a is undefined on line 27, column 23 in tag.ftl." Expression a is undefined on line 27, column 23 in tag.ftl. The probl…

freemarker自定义标签（二十一）

一,讲解一 1.自定义标签说明宏变量存储模板片段可以被用作自定义指令macro 2.示例说明 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>freemarker自定义标签</title> </head> <body> <#--freemarker…

Freemaker 自定义指令和函数

自定义函数和指令都可以在前台或者后台进行指定. 个人理解:指令的作用,主要是进行页面调整之后进行输出:函数的作用,主要是为了进行运算,返回运算结果供前台展示. (一) 自定义指令使用以下格式调用自定义指令: <@user_def_dir_exp param1=val1 param2=val2 ... paramN=valN/> 定义在前台: <#macro name param1 param2 ... paramN> ... <#nested loopvar1, loopv…

FreeMarker 自定义 TemplateDirectiveModel(一)

FreeMarker 是一个用 Java 语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker 与 Web 容器无关,即在 Web 运行时,它并不知道 Servlet 或 HTTP.它不仅可以用作表现层的实现技术,而且还可以用于生成 XML,JSP 或 Java 等. 一.Freemarker 的介绍 Freemarker 是一款模板引擎,是一种基于模版生成静态文件的通用工具,它是为 java 程序员提供的一个开发包,或者说是一个类库,它不是面向最终用户的,而是为程序员提供了…

freemarker自定义标签（与java合用）

自定义类继承FreemarkerManager类,重写protected Configuration createConfiguration(ServletContext servletContext)throws TemplateException方法定义有哪些TemplateDirectiveModel类与它的别名[自定义标签名称],通过Spring来取: import java.util.Map; import javax.servlet.ServletContext; import or…

OneBlog开源博客-详细介绍如何实现freemarker自定义标签

前言 OneBlog中使用到了springboot + freemarker的技术,同时项目里多个controller中都需要查询一个公有的数据集合,一般做法是直接在每个controller的方法中通过 model.addAttribute("xx",xx);的方式手动设置,但这样就有个明显的问题:重复代码.同一个实现需要在不同的controller方法中设置,除了重复代码外,还会给后期维护造成不必要的麻烦.在以往的jsp项目中,可以通过taglib实现自定义标签,那么,在freema…

Angular的自定义指令以及实例

本文章已收录于: AngularJS知识库分类: javascript(55) http://www.cnblogs.com/xiaoxie53/p/5058198.html 前面的文章介绍了很多angular自带的指令,下面我们看看如何使用directive自定义指令. 先看一个例子: <body> <div my-hello></div> </body> <script type="text/javascript"&…

vue自定义指令

Vue自定义指令: Vue.directive('myDr', function (el, binding) { el.onclick =function(){ binding.value(); } }) <button v-myDr="ceshi">测试</button> 此时绑定事件的binding.value是一个表达式,此处为方法ceshi, 若要传递字符串,则需要写"'ceshi'",这样传入的binding.value就是字符串…

ng-repeat里创建的自定义指令

在ng里,所有的指令在按照意愿正常工作之前的都需要编译一下,包含angularJS的自定义指令. ng模板里的所有指令都会在angularJS加载完毕之后编译一下,所以那些自定义指令和事件才能工作. 但如果是新增DOM的里如果包含自定义指令,那么就需要在angularJS的编译器下重新跑一下. 编译指令有两种办法 1,使用$compile() 2,使用ng-repeat指令 NOTE,自定义指令的模板必须包含在一个root element根节点里,如果是两个相邻的兄弟节点会报错. return{…

angular 自定义指令 directive transclude 理解

项目中断断续续的用了下angular,也没狠下心认真的学习.angular 特别是自定义指令这块空白. transclude 定义是否将当前元素的内容转移到模板中.看解释有点抽象. 看解释有点抽象Demo: <!DOCTYPE html> <html lang="en" ng-app='myApp'> <head> <meta charset="UTF-8"> <title>Angularjs</…

Vue - 自定义指令

1.Vue.directive(id,definition)注册一个全局自定义指令,接收两个参数,指令ID以及定义对象 2.钩子函数:将作用域与DOM进行链接,链接函数用来创建可以操作DOM的指令 bind - 只调用一次,在指令第一次绑定到元素上时候调用 update - 在bind之后立即以初始值为参数第一次调用,之后绑定值变化的时候,参数为新值与旧值 unbind - 只调用一次,在指令从元素上解绑的时候调用 ----------------------------------------…

AngularJS笔记--自定义指令

在前端开发中, 我们会遇到很多地方都会用到同一种类型的控件.AngularJS提供了自定义指令功能,我们可以在指令里面定义特定的html模板.提供给前台html调用. 一. 指令的简单定义. 下面定义了一个简单的控件,点击后调转到博客园. Note: 1.命名方式:directive必须以小写字母开头,其中如果后面由大写字母,html调用的时候就要用 - 将单词分开. <html> <script src='angular.js'></script> <scri…

Angular自定义指令（directive）

angular自定义指令,意我们可以通过angula自己定义指令,来实现我们的特殊要求,为所欲为,一支穿云箭,千军万马来相见多少年的老规矩了,先看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&…

angularjs自定义指令

my-directive为指令名称,thisdata为绑定的数据 <span ng-repeat="act in move.casts" style="position:relative"> <my-directive thisdata="act"> </my-directive> <img src="" alt="" class="pic" &…

Angular自定义指令directive:scope属性

在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令.自定义指令,是为了扩展DOM元素的功能.代码中,通过指定directive中的restrict属性,来决定这个指令是作为标签(E).属性(A).属性值(C).还是注释(M). 二.scope属性的3种取值: 说明:为了探究scope取值对指令的影响,这里举的例子中,自定义指令都是作为DOM的tag使用的,即restrict属性为"E".指令的名称为"my-directive(myDirective…

自定义指令directive

1.自定义指令在angular中,module下面的directive方法用于创建自定义指令,用法: m1.directive('myTab',function(){ return { restrict : 'AE', replace : true, templateUrl : '', }; }); 大致用法如上,在directive的第二个参数里面return出一个对象,对象里面有各种属性. restrict----指定创建的指令是什么类型,A--attr属性指令,E--element标签指…

AngularJs自定义指令详解（6） - controller、require

在前面文章中提到一旦声明了require,则链接函数具有第四个参数:controller. 可见require和controller是配合使用的. 在自定义指令中使用controller,目的往往是要封装一些行为,给其他指令使用.下面是一个简单的例子: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="…

走进AngularJs(五)自定义指令----（下）

自定义指令学习有段时间了,学了些纸上谈兵的东西,还没有真正的写个指令出来呢...所以,随着学习的接近尾声,本篇除了介绍剩余的几个参数外,还将动手结合使用各参数,写个真正能用的指令出来玩玩. 我们在自定义指令(上)中,写了一个简单的<say-hello></say-hello>,能够跟美女打招呼.但是看看人家ng内置的指令,都是这么用的:ng-model=”m”,ng-repeat=”a in array”,不单单是作为属性,还可以赋值给它,与作用域中的一个变量绑定好,内容就可以动态…

走进AngularJs(四)自定义指令----（中）

上一篇简单介绍了自定义一个指令的几个简单参数,restrict.template.templateUrl.replace.transclude,这几个理解起来相对容易很多,因为它们只涉及到了表现,而没有涉及行为.这一篇将继续学习ng自定义指令的几个重量级参数,了解了它们之后我们的custom directive将不光能“看”,还要能“动”.开始~ 理解compile和link 不知大家有没有这样的感觉,自己定义指令的时候跟写jQuery插件有几分相似之处,都是先预先定义好页面结构及监听函数,然后…