轻型的web模板语言,用来根据变量值动态生成html页面。(模板解析程序起初使用在python平台后,后来改写到java平台)
基本功能:
1.模板不依赖Servlet或者其他环境,标准jdk下即可运行。(python版本也是如此)
2.模板语句使用$开头,会自动过滤html中的javascript代码,和jquery的默认标记$。当前版本支持
3.赋值$var{};循环$for;条件 $if和$include(file)包含;和${xx}取值语句
4.支持自定义全局方法,调用对象自有方法(getXxx()方法可以使用xxx字段获取)
5.for循环支持迭代map,数组,集合。
6.if条件运算符支持&, | 逻辑运算 和 ==, <, >, <=, >=, !=
7.if条件可以有一个附加$else语句。当if条件为false时执行。
模板使用:
1.在if,for语句中的变量会自动解析,不用使用${}取对应变量值;
2.默认文件解析编码为utf-8,可以根据对应文件设置。
3.模板解析会根据html文件修改信息缓存html文件。
4.模板解析出的对象,对应java中的对象,可以直接使用其方法或属性。
jpc-template只是个简单的web模板解析软件,只有20多kb,源代码共享,欢迎分享经验并添加更多新功能。Mpx中的模板语法以小程序模板语法为基础,支持小程序的全部模板语法,同时提供了一系列增强的模板指令及语法。 小程序原生模板语法请参考这里 Mpx提供的增强指令语法如下: wx:style动态样式 wx:class动态类名 wx:model双向绑定 wx:model-prop双向绑定属性 wx:model-event双向绑定事件 wx:model-value-path双向绑定数据路径 wx:mode
1.变量 变量输出语法 { { var } } 当模版引擎遇到一个变量,将计算这个变量,然后将结果输出 变量名必须由字母、数字、下划线(不能以下划线开头)和点组成 当模版引擎遇到点("."),会按照下列顺序查询: 字典查询,例如:foo["bar"] 属性或方法查询,例如:foo.bar 数字索引查询,例如:foo[bar] 如果变量不存在, 模版系统将插入'' (空字符串) 在模板中调用方
Vdt中默认使用一对大括号{}作为分隔符,在{}中书写合法的js表达式,但这个表达式必须满足以下条件: 作为输出时:表达式的值必须是,Number, String, null, undefined或模板引用中的一种,或者是由上述类型组成的数组 作为属性值时:表达式可以为任意类型,具体取决于属性取值的类型 为了提高编译速度,Vdt不会分析{}中js表达式的合法性,也不会检测变量是否未定义 以下写法不
Section Contents 内建函数参考 字母顺序索引 字符串内建函数 数字内建函数 日期内建函数 布尔值内建函数 序列内建函数 哈希表内建函数 结点(对于XML)内建函数 循环变量内建函数 独立类型内建函数 很少使用的和专家级的内建函数 指令参考 Alphabetical index assign attempt, recover compress escape, noescape flu
对于概念,提供了很好的语法,如
主要内容:插值,文本插值,v-html 指令,v-bind 指令,JavaScript 表达式,指令,实例,实例,用户输入,双向数据绑定,字符串反转,过滤器,实例,缩写Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 插值 文本 数据绑定