- 1、本文档共16页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
开发者高级使用攻略:handlebars模板语言介绍——基于如意开发者后台
开发者高级使用攻略:handlebars模板语言介绍
——基于如意开发者后台
第一部分、入门知识
===================================
1.1 简介
Handlebars = JSON + 模版 + 函数
Handlebars是一个语义化的 web模板系统 ,最初由 Yehuda Katz 于 2010 年
编写。[1]它是 Mustache (模板系统)的一个超集 ,除渲染 Handlebars 模板之外 ,
也可以渲染 Mustache 模板。不像 Mustache, Handlebars 包括一些逻辑 ,
如 #if, #unless, #with 和 #list。
Handlebars.js是一个由Javascript 构建的编译器 ,它接收任意 HTML与
Handlebars.js表达式并将它们编译为Javascript函数。这个派生出来的Javascript
函数接着接收一个参数 ,一个对象 - 即你的数据 - 然后它返回一个包含 HTML以
及被插值在 HTML中的对象属性值的字符串。因此 ,你最终可以得到一个对象属
性值位于相应地方的字符串 (HTML),你可以将这个字符串插入到页面中。
1.2 基本概念实战
在线测试 (基于javascript) :http/// (注意 ,RUYI-API 使
用的是 JAVA 版实现 ,可能与 Javascript 有细微差异 )
Handlebars模板看起来就像是正常的文本 ,并使用了嵌入的 handlebars 表达式。
更多 handlebars表达式参见以下链接。
http/// (中文首页翻译 http///)
{{ }}
handlebars表达式 ,是以 开始 ,跟一些内容 ,然后以 结束。
姓名 :{{name}} 城市 :{{address.city}}
姓名 :张三 ,城市 :上海
变量 :
name :姓名—张三
age :城市—上海
JSON数据结构, JSON(JavaScript Object Notation) 是一种轻量级的数据交换格
式。 易于人阅读和编写。同时也易于机器解析和生
成。 http///json-zh.html
{
name 张三,
age 24,
address {
street 盛夏路,
city 上海
},
friends [李四, Joe]
}
对象(Object)是一个无序的 “‘名称/值’对”集合。一个对象以 “{” (左括号 )
开始 ,“}” (右括号 )结束。每个 “名称”后跟一个 “” (冒号 );“‘名称/值’
对”之间使用 “,” (逗号 )分隔。
数组(Array)是值 (value )的有序集合。一个数组以 “[” (左中括号 )开始 ,“]”
(右中括号 )结束。值之间使用 “,” (逗号 )分隔。
编译 /应用模板 ,JAVA(https///jknack/handlebars.java) ,
javascript(https///wycats/handlebars.js/) 采用不同技术实现
1.3 技术要点
基于模版的JSON数据渲染
支持自定义函数回调丰富渲染能力 --基本上支持编程
1.4 网上教程 :
中文资料 1 :Handlebars.js初级教程 :学习Javascript 模板
Handlebars.js http///article/1595
中文资料 2 :js模版引擎 handlebars.js 实用教程 -杨
元 http///iyangyuan/archive/2013/12/12/3471227.html
第二部分、实例分析
===================================
基于 ruyi开发者后台
注 :所有 handlebars 的表达式均填写在助理答中
“sys.template.mustache=” 为必要的前缀 ,所有的表达式都以
文档评论(0)