Tag: 帕格

如何安装和使用Jade

最近我在YouTube上看了一些video教程,碰到这个JADE的东西,我怎么安装和使用它来进行我的网页开发? 我search了一下,但没有find一个适当的网站,教一步一步继续。 而网站jade-lang.com不可用。 我从网站做到这一点,但node.js抛出一些错误。 下面的截图:

在帕格(翡翠)和Node.js中迭代两个数组

我有一个简单的哈巴狗布局,需要一个图像源url的数组和一个相应的网页url的数组,我想同时迭代两个。 基本上我想这样做: for ( i = 0; i < array.length; i++ ) { // display photos[i] // display webLinks[i] } 我正在尝试各种各样的东西,比如说 block content h1= title ul each val, link in photos, webLinks a(href=link) img(src=val width=200 height=150) 但是这似乎只能遍历照片数组。 我试过其他的东西 each val in photos each link in webLinks // rest of code 这给出了一个错误,说它不希望换行符。 我可以通过帕格一个单一的对象组成的这些数组,如果这会更容易。 我没有看到解决这个问题的帕格迭代文档中的任何东西。

全局设置dynamic帕格variables

我正在使用express和pug,有一些值我想传递给每个请求哈巴狗,例如: req.session和req.path 。 每次render()这些值传递给render()方法似乎太多了。 所以不要这样做: app.get('/', (req, res) => { res.render('home', {session: req.session}) }) app.get('/profile', (req, res) => { res.render('profile', {session: req.session}) }) 添加的路线越多,需要pipe理的项目就越多。 有没有一种全球性的方式,我可以设置他们一次比app.locals所以他们是唯一的每个请求?

Node.js不能正确parsing外部的javascript

所以问题是,node.js不会正确地发送我的JavaScript文件。 我可以在html代码中find它们,但是它们不会被浏览器执行。 当我重新加载页面时,这些js文件甚至不出现在萤火虫的NET面板中。 我正在使用Express与翡翠。 任何想法如何解决这个问题? 或者是什么造成的?

使用Express和Jade在Node.js中进行recursion页面组装

我一直在使用Node.js中的一个API,当然我需要一个testing页面,所以我决定在Node里鞭打一个API。 在想了想加载头文件,体文件和页脚文件(Jade语法文件)并且让它们成为朋友并一起渲染之后,我想出了一个recursion的解决scheme。 function assemblePage(name,markup) { markup = markup || ''; if (markup=='') fs.readFile('header.jade', function(err,data){assemblePage(name,markup+data)}); else if (name != 'footer') fs.readFile(name+'.jade', function(err,data){assemblePage('footer',markup+data)}); else fs.readFile('footer.jade', function(err,data){console.log(markup+data);__res.send(jade.render(markup+data))}); } 所以我只需要打电话 assemblePage('home'); 这是去做事情的最好方法吗?

玉 – 意外标识符

我使用下面的NodeJS路由: server.get('/', function(req, res) { res.render('index'); }); 看来我的index.jade文件中有一个错误,因为它告诉我: SyntaxError:在Object.compile(/media/Data/development/private/PicoBudget/node_modules/jade/lib/jade.js:160:8)上的Object.Function(未知源)的意外标识符在Function.compile(/ media / (/media/Data/development/private/PicoBudget/node_modules/express/lib/view.js:417:Data / development / private / PicoBudget / node_modules / express / lib / view.js:68:33) 18)在ServerResponse.render(/media/Data/development/private/PicoBudget/node_modules/express/lib/view.js:318:17)at /media/Data/development/private/PicoBudget/app.js:51: 7在callback(/media/Data/development/private/PicoBudget/node_modules/express/lib/router/index.js:272:11)param(/ media / Data / development / private / PicoBudget / node_modules / express / lib /router/index.js:246:11)at pass(/media/Data/development/private/PicoBudget/node_modules/express/lib/router/index.js:253:5)at Router._dispatch(/ media / Data /development/private/PicoBudget/node_modules/express/lib/router/index.js:280:5) 这是我的index.jade: doctype 5 html(lang="en") […]

Express.js呈现简单的HTML

我正在制作一个显示HTML表格的networking应用程序。 该应用程序是用Express写的,由mongo支持。 我需要根据数据比较,数据types等诸多不同因素dynamic设置表格中不同的框/单元格。 现在,我正尝试使用jade从Mongo中获取json。 但是我需要做的是读取mongo中的行,将表标记应用到字段中,基本上构build一个HTML表并在AS-IT-IS页上回显。 这意味着,我将使用代码构buildhtml,然后将其显示为html,就像rails html_safe方法一样。 我怎么用express.js做到这一点?

列出Jade模板中的目录中的文件

我目前使用Jade HMTL模板语言(与CodeKit结合使用)来生成我的网站。 我网站的其中一页需要成为特定目录中所有页面的索引。 而不是手动保持这个更新,我很想自动生成。 在我的Jade模板中有没有办法在geven目录下创build所有文件的列表? 是否可以embedded一些可以做到这一点的脚本?

如何添加一个用户栏在玉模板

我想了解如何设置为例在我的玉布局实际的用户栏我有我的layout.jade: doctype 5 html head title= title link(rel='stylesheet', href='/stylesheets/style.css') body include userbar block content 在我的包括我只有当前页面上的可变环境。 不要咬我,我将以Symfony2为例说明一个例子:D例如,如果你在你的布局中有这个代码 {% render "AcmeBundle:Acme:menu" %} 它会调用AcmeController和menuAction()方法,而不pipe当前页面 我想要有相同的系统:在我的玉页的渲染将要求例如requestHandler exports.userbar = function(req, res){ var user = 'ant'; res.render('userbar', { user: user }) }; 现在,这将呈现我的用户栏:)但我不知道如何与玉做 如果我不清楚的问我问题 谢谢 :)

玉石中的迭代循环不能正确渲染数据

我有一个玉表,将通过快速dynamic生成( res.render('index', {classes: results}) ): table tr th Title th School th Description – if (classes.length) { – classes.forEach(function(aClass) { tr td= aClass.title td= aClass.school td= aClass.desc – });} 但是,当我渲染的时候,数据就像一个乱七八糟的乱七八糟的东西。 查看HTML源代码显示</table>标签位于classes的内容之前 。 我该如何解决这个问题?