用模板引擎Art知识分享

1、用模板引擎art知识分享命案首页张三性别：男；联系方式：123；地址：广州；李四性别：女；联系方式：321；地址：深圳；王五性别：男；联系方式：213；地址：佛山；这个看起来用art_template模板引擎很简单就能实现。命案首页each page value indexvalue"name"性别：value"sex"；联系方式：value"tel"；地址：value"address"；/eachvar data=page:name:&quo

2、t;张三",sex:"男",tel:"123",address:"广州",name:"李四",sex:"女",tel:"321",address:"深圳",name:"王五",sex:"男",tel:"213",addre

3、ss:"佛山"var html = template（&39;tem&39;, data）;$（&39;content-area&39;）。html（html）;用模板引擎渲染效果千篇一律。当我兴致勃勃地把这段代码交给后台开发a的时候，a说，出于种种缘由你把数据格式改成下面这样吧，我才比较益处理接下来的工作。var data=page:"张三","男","123","广州",&

4、quot;李四","女","321","深圳","王五","男","213","佛山"好吧，反正原理都一样，修改之后代码如下命案首页each page value indexvalue0性别：value1；联系方式：value2；地址：value3；/eachvar data=page:"张三&quot

5、;,"男","123","广州","李四","女","321","深圳","王五","男","213","佛山"var html = template（&39;tem&39;, data）

6、;$（&39;content-area&39;）。html（html）;问题来了，现在的需求是，如果地址太长了，需要换行。这还不容易，在需要换行的地方加入不就行了嘛。var data=page:"张三","男","123","广州","李四","女","321","深圳","王

7、五","男","213","佛山"但是最后发觉还是我太天真了，无论是还是n甚至是&在模板引擎渲染出来之后都是类似这样的压根就是当做字符串了，而且临时来说我还找不到办法可以解决这个问题，命案由此发生。探寻之路用新的模板引擎handlebars来解决。上面所示的案例，表达式中的任何html代码将会被自动忽视，但是有时候我们需要解析html标签，那么就要用三个花括号 来解决这个问题。命案首页each pagekey0性别：key1；联系方式：key2；地址：k

8、ey3；/each$（function （） / 抓取模板数据var thetemplatescript = $（"address-template"）。html（）;/ 编译模板var thetemplate = hpile（thetemplatescript）;/ 定义数据var data=page:"张三","男","123","广州","李四","女&am

9、p;quot;,"321","深圳","王五","男","213","佛山"/ 把数据传送到模板var thecompiledhtml = thetemplate（data）;/ 更新到模板$（&39;content-area&39;）。html（thecompiledhtml）;）;刚运行就出错了。由于这个模板刚上手，所以其实在官网里面，我找不到有在符号里面举行运

10、算的写法最后发觉有helper这个东西，其实就是类似写一个过滤器，你想把数据过滤成什么样子都可以通过编辑这个helper命案首页each pagekey0性别：key1；联系方式：key2；地址：key3；/each$（function （） / 抓取模板数据var thetemplatescript = $（"address-template"）。html（）;handlebars.registerhelper（&39;formatnumber&39;, function（num, options）num = num + 2;return

11、num;）;/ 编译模板var thetemplate = hpile（thetemplatescript）;/ 定义数据var data=page:"张三","男","123","广州","李四","女","321","深圳","王五","男&qu

12、ot;,"213","佛山"/ 把数据传送到模板var thecompiledhtml = thetemplate（data）;/ 更新到模板$（&39;content-area&39;）。html（thecompiledhtml）;）;helper的位置必需在编译模板之前，否则是无效的！用法helper之后，现在又报其他的错误竟然连数组的写法都不支持，但是猎取属性的写法却可以，比如key"name"。不得不吐槽这个模板引擎用起来真不便利。但是最后还是找到解决的思路首页each pagewith key0/with性别：with key1/with；联系方式：wi