美文网首页
在jade中包含 其他前端模板(underscore)

在jade中包含 其他前端模板(underscore)

作者: 袁波_爱谁谁 | 来源:发表于2016-10-11 13:57 被阅读0次

最近项目中需要在后端使用的jade模板里包含前端用的underscore模板,最终写成下边这样:

script(type="text/template")#template
table.table
| <%var keys=Object.keys(item);_.forEach(keys,function(name,index){%>
tr
td <%=name%>
td <%=item[name]%>
| <%})%>


所有涉及underscore模板的地方,比如`<%`,`%>`包裹的内容(js代码),都需要作为字符串直接输出
而其他的内容,如果是标签,还是可以利用jade来编译的,主要注意缩进级别。

这样的混合,最开始很难理解。

这其是一个关于字符串拼接的事。

通常写nodejs做web服务器时,会选择一种模板语言,而前端在需要动态生成内容时,也会选择一种模板。

这时如何让后端模板与前端模板同时存在,输出时,如何只编译后端模板就是个问题了。

如果后端模板与前端模板相同,这种事情更难处理。因为后端在渲染时,需要知道哪些是需要后端处理哪些是前端处理是很难分清的。

用过Php smarty模板的同学都遇到过`{}`大括号的问题,可以通过转义,或者设置另一种不常用的开始结束标记来解决。这需要模板支持设置标记才可以。

相关文章

  • 在jade中包含 其他前端模板(underscore)

    最近项目中需要在后端使用的jade模板里包含前端用的underscore模板,最终写成下边这样: script(t...

  • nodejs前端模板引擎swig入门

    相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是 他没有一...

  • 前端模板引擎JADE

    首先是什么是jade呢,jade是node超高性能的前端模板,有着很强大的API和大量杰出的特性。特性:客户端的支...

  • Jade入门,jade基础语法

    jade模板语法 jade写的网页的demo jade的特点 p 不像HTML一样,有<>包围标签,jade中的标...

  • Node端 模板尤物——swig

    前端日益繁荣,模板也如雨后春笋多了起来 个人了解的模板有,ejs swig jade...(主要我知道的就这几个^...

  • 移动web开发(六)--模板引擎underscore.md

    1.underscore(js模板引擎) 1.1中文网站 www.css88.com/doc/underscore...

  • Jade 前端模板学习总结

    第一章 Jade模板引擎课程简介 1-1模板引擎: 将动静部分糅合的一种机制或者技术 1-2流行的模板 PHP:S...

  • 2018-12-05 jade

    1jade(模板引擎)使用jade解析字符串下载jade(命令:cnpm install jade/npm ins...

  • node知识点

    如何在jade中解析变量 在jade中做运算 jade解析style class 在jade中解析js 在jade...

  • Jade

    Jade - 模板引擎 Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实...

网友评论

      本文标题:在jade中包含 其他前端模板(underscore)

      本文链接:https://www.haomeiwen.com/subject/vccbyttx.html