Tag: 模板

从现有的JS节点上下文中编译Jade

我有兴趣使用Jade创builddynamic生成数据的静态HTML文件。 我已经有一组JS脚本在Node中运行时创build我的数据。 我想能够做的就是计算我的数据,然后使用我创build的JS对象编译我的HTML页面。 例如 var myArry = MyLib.calculateSomeArray(); var myObj = MyLib.createSomeObj(); jade.compile(myTemplate); 玉模板: each item in myArry li= item each val, key in myObj li #{key}: #{val} 我假设这是其中很明显,我错过了它在文档中的情况之一,但我没有看到它,我看到的最接近的答案似乎涉及Express,这似乎应该是不必要的。

在Jade中调用mixin时,“+”和mixin关键字有什么区别?

文档告诉我们通过在实际的mixin中join关键字mixin来调用一个mixin。 .bar mixin foo(arguments) 但在不同的地方,我看到人们通过加一个加号(+)来调用一个mixin,比如: .bar +foo(arguments) 有人可以解释一下,因为文档似乎没有显示它的差异。 我试了两个例子,似乎都工作。 是+只是一个速记?

node.js + express.js + dust.js问题

简单的问题是:为什么不用express.js运行dust.js? 我知道这不是正式支持,但dust.js甚至有我的node.js版本的问题。 由于require.path问题,节点甚至不会启动。 server:testapp treejanitor$ node –version v0.6.12 将应用程序引擎设置为灰尘时出现问题。 ( app.js在快递中) var dust = require('dust'); … app.set('view engine', 'dust'); 我在这里展示控制台给你我简单的模块列表。 也有人search相同的问题可能会剪切/粘贴错误。 server:hummr treejanitor$ npm list application-name@0.0.1 /Users/treejanitor/git/testapp/testapp ├── consolidate@0.3.0 extraneous ├── dust@0.3.0 ├─┬ express@2.5.8 │ ├─┬ connect@1.8.7 │ │ └── formidable@1.0.9 │ ├── mime@1.2.4 │ ├── mkdirp@0.3.0 │ └── qs@0.4.2 └─┬ jade@0.25.0 ├── commander@0.5.2 └── […]

将内容分配给一个mixin中的多个块,它在Jade中dynamic生成一个嵌套的HTML结构?

我想创build下面的HTML结构 <div class="outerspace"> <div class="inner1"><p>Inner1 content</p></div> <div class="inner2"><p>Inner2 content</p></div> <div class="inner3"><p>Inner3 content</p></div> (…) </div> 而内部divs的数量可能会有所不同。 例1: 我可以创build两个mixin(一个òuterspace和一个“mixin”),使用block关键字嵌套它们,并为每个div元素放置不同的内容: mixin outerspace() div.outerspace block mixin inner($number) div(class="inner" + $number) block //- call the mixins +outerspace() +inner(1) p Inner1 content +inner(2) p Inner3 content +inner(3) p Inner3 content … 例2: 这个例子试图用一个单一的mixin来做同样的事情: mixin nested_structure($number) div.outerspace each item in $number div(class="inner" […]

用玉来渲染单块

我正在与Node.js和expression。 假设我有一对玉文件: template.jade html body block page-content example.jade extends template block page-content p | Lorem ipsum yadda yadda 如果我渲染example.jade,我会得到将该段落标记插入到template.jade的body标记中的结果,这通常是我想要的。 我的问题是,我试图使用pushState和历史API来加载这些文件(以及明显不是这些文件),当这样做,我想要一个请求,只是返回页面内容块的内容本身,没有完整的HTML文件的其余部分。 有没有简单的方法告诉Jade只渲染块本身,而不是embedded到模板中? 我能想到的最好的办法是将其改为: example.jade extends template block page-content import example-content 例如-content.jade p | Lorem ipsum yadda yadda 但是创build这样的额外文件似乎令人费解。

Node / Express中的JSON模板

Node / Express是否有像RABL( https://github.com/nesquena/rabl )或JBuilder这样的JSON模板引擎? ( http://railscasts.com/episodes/320-jbuilder?view=asciicast )。 我不是指像Handlebars,Jade或Underscore.js这样的HTML模板引擎。 我的意思是一个JSON模板引擎。 这些库简化了select和selectJSON的元素和关联。

用于node.js中的Jade模板的全局variables

我用Jade模板系统使用node.js 假设,我有这些路由规则: // ./routes/first.js exports.first = function(req, res) { res.render('first', { author: 'Edward', title: 'First page' }); }; // ./routes/second.js exports.second = function(req, res) { res.render('second', { author: 'Edward', title: 'Second page' }); }; 而这些虚拟的观点: // ./views/first.jade html head title #{author} &ndash; #{title} body span First page content // ./views/second.jade html head title #{author} &ndash; […]

客户端模板和部分视图和expression

最近我们有大量的客户端模板解决scheme,包括: jQuery模板 John resig微模板 处理酒吧 EJS 和更多 据我所见,只有jQuery模板支持partials模板(在这种情况下是{{tmpl}} )的概念。 还有哪些模板引擎允许部分或嵌套模板? 我不是快递专家,我不知道这些部分是如何工作的。 你如何将一个非标准的模板引擎整合到express中? (标准是Jade或EJS)。

node.js jade模板 – 自定义语法和replace?

我试图让玉为我自动生成url: 所以如果我有像这样的用户链接: .userLink a(href="/#{user}") #{user} 我希望能够用(假设的语法)来代替它: .userLink userLink(#{user}) 无论如何要做到这一点? 谢谢 编辑:OKAY我明白了: mixin userLink(user) a(href="/" + user)= user mixin userLink("Bob") 看起来像这样会工作。

如何摆脱玉的pipe道符号?

在玉中,pipe道符号( | )用于纯文本输出。 如果我想写在页面中呢? 我怎么能逃脱它?