Tag: 模板引擎

Node JS中的简单路由和不显眼的模板引擎

这是一个多部分的问题,我是一个完整的新手节点,所以请温柔:) 我有一个非常简单的节点/快速应用程序设置返回一个index.html而不使用路由… var app = express(); var port = process.env.PORT || 1337; app.use('/i', express.static(__dirname + '/i')); app.use('/Stylesheets', express.static(__dirname + '/Stylesheets')); app.use(express.static(__dirname)); app.listen(port); console.log('listening on port ' + port); index.html作为静态文件提供。 我的下一个工作是开始返回几个页面的正确的路由,我已经得到了尽可能远的工作,我需要把我的路由在routes.js文件和“要求”该文件在我的server.js文件,但我可以不要在设置路线的时候让我头脑发热,而且我在网上看到的每个示例/演示似乎都以不同的方式进行。 任何明确的例子,如何做到这一点真的不胜感激。 接下来的问题是,我想包括dynamic页面,但不知道模板引擎到哪里去。 我想使用“不显眼”的东西,这样我的原始HTML文件在浏览器中查看时仍然有意义。 在前端,我只是简单地将HTML注入到页面中,首先使用select器,然后使用.html()方法来更改html,我可以将JSON数据绑定到模板,然后将其注入到正确的位置一个类名等。这将是完全不引人注目,不会需要任何丑陋的{}括号,内嵌的JavaScript或指令。 伪代码… var data = {"name":"John"}; var result = templateEngine.bind("/template.html", data) $('.person').html(result); 这样,我可以保持我原来的HTML清洁和可见,像这样… <div class="person"> My Name is FirstName </div> 我能find的最接近的东西是PURE – […]

迭代在Jade中添加类

这是我到目前为止在我的hello.jade文件中,我知道它没有完成,但我不知道如何进行。 for challenge in ["talks", "books", "blog"] 这是我想在输出中 <div class="talks"></div> <div class="books"></div> <div class="blog"></div> 到目前为止,我无法find一种方法来使用迭代操作Jade中的类。 这甚至有可能吗? 提前致谢。

Express.js&Node.js | 呈现模板

1)我可以使用Express渲染视图而不使用任何模板文件如玉? 我正在用Node,Express&Socket.io为Mobile Devs(跨平台,所以它是一个web应用程序)build立一个实时聊天系统,服务器代码核心将build立调度消息,用户请求等,因为视图已经在设备上运行,所以我不需要查看视图,而是查看函数的结果。

在Express中没有模板引擎的情况下将值添加到HTML中?

我已经接pipe了在Express上运行Node的网站的开发。 我应该注意到,这是我第一次使用Node或Express。 由于某种原因,原来的开发人员必须完全没有喜欢的模板引擎。 我们在前端使用的是Angular和Firebase,基本上都是这样,所以我明白为什么我们不会往服务器端的页面注入数据。 尽pipe如此,这仍然是件好事。 原来从未安装过模板引擎。 相反,他指示Node将views文件夹视为静态目录。 然后,他将这些文件呈现为纯静态文件。 例如: 摘录自App.js文件: app.use(express.static(path.join(__dirname, 'views'))); 摘录自路由文件: router.get("/", function(request, response) { response.render("index.html"); }); 我真的不想添加一个模板引擎,并在这一点上混乱的路线。 虽然我认真地怀疑我需要经常从服务器端注入数据,但是如果有的话,我想知道我该怎么做。 我能想到的唯一的东西就是这样的… router.get("/", function(request, response) { var data = request.query.someVariable; var fileContents = fs.readFileSync('../views/index.html', 'utf8') fileContents = fileContents.replace("$SomeDelim", data); response.send(fileContents); }); 那真的不是那么漂亮 有没有更好的方式做到这一点,而不使用模板引擎?

Jade模板 – 在升级到pug之后,不会在大括号中处理json?

为什么在升级到帕格后,玉不再正确地处理json? 例如: a.btn.btn-link(href="/datasets/#{dataset.index}") Show 结果: <a class="btn btn-link" href="/datasets/#{dataset.index}">Show</a> 它应该是: <a class="btn btn-link" href="/datasets/ISIUSXSXX">Show</a> 任何想法为什么? 编辑: 我觉得这就是: a(href=`before${link}after`) 我真的不明白为什么开发人员会selectpug / jade – “代码”看起来非常丑陋,难以理解! 语法令人困惑。 规则不一致! 只是一个咆哮!

如何更改node.js项目的模板引擎?

我有这个 node.js项目,它使用了jade模板。 但我需要使用简单的HTML页面。 安全转型所需的准则。 我需要使用完整的.html页面,如index.html,login.html。 没有任何模板引擎可以显示像localhost:3000和localhost:3000 / login.html这样的路由。 哪些应该与全function。

Nunjucks:“如果”有多个“和”或“或”的条件

今天,我的队友在如何在nunjucks模板的if语句中添加'and'或'or'多个条件,正在苦苦挣扎。 经过大量的search,他find了答案,但不是在Stackoverflow。 我不确定这个答案是否已经发布在SO的某个地方,但是现在想把它发布到缩小未来的search范围。 以下是答案:

使用类似php的语法为node.js模板化库

是否有一个node.js库来“parsing”文件内容的特定语法? 在例子中,我有一个文件,我想在我的node.js服务器上: <!DOCTYPE html> <html> <head>…</head> <body> <?node echo Date.getTime(); ?> <!– or something like this, I hope you have got the idea –> </body> </html> 然后它返回一个HTML文件: <!DOCTYPE html> <html> <head>…</head> <body> 08.08.2013 <!– or something like this, I hope you have got the idea –> </body> </html> 我不知道如何更精确地描述它,例如Apache服务器的PHP,而是node.js服务器。

NodeJS和BackboneJS中的模板引擎

目前我正在玩NodeJS (+ ExpressJS )和BackboneJS 。 Backbone页面告诉我(包括Todo示例 ),最好使用EJS或MustacheJS等模板引擎。 但是我已经在使用ExpressJS自带的Jade了。 前端 (例如胡须)和后端 (例如Jade)模板引擎是完全不同的,还是有可能使用两者? 还是我不明白什么是正确的?

Express.js模板引擎,可以呈现JSON和未转义的string

我正在寻找符合特定标准的模板引擎: 它可以直接渲染JSON。 例如: 这个: template.render("This is a json object: {{jsonObject}}", {jsonObject : {property: "string"}}) 会输出这个: “这是一个json对象:{jsonObject:{property:”string“}}” 而不是这个: “这是一个json对象:[Object object]” 不过,我仍然可以这样做: template.render("This is a property: {{jsonObject.property}}", {jsonObject : {property: "string"}}) 得到这个: “这是一个属性:string” 它与express.js一起工作 它使用正常的HTML。 没有什么像haml /玉。 它可以提供未转义的值,越less的样板越好。 原因是:我正在创build一个项目,我希望有人能够创build一个html文档,在其脚本标记中使用传入的JSON对象。 有更简单的方法来实现这个目标,我意识到,例如对象可以被串化,但我认为能够使用模板引擎来操作该对象也会有一些好处。