Tag: 帕格

Jade：模板文件是每npm启动的吗？: 正如在标题中所说的，当我启动我的应用程序服务器（例如通过terminalnpm start ）时，是否加载了模板文件？如果是这样的话，我认为使用更深的模板层次结构会消耗更多的CPU资源。

在我的玉模板中添加一个导航栏: 我正在使用nodejs，express和bootstrap。所以这似乎是一个很普遍的问题，但我无法find我正在寻找什么地方。我有一个layout.jade文件和一个index.jade文件，我在我的index.jade文件中使用我的布局。问题是，我不能让我的导航栏显示…这是我的代码： layout.jade doctype html html head title= title block styles link(rel='stylesheet', href='/stylesheets/static/bootstrap.css') body block navBar div.container ul.col-md-12.row a(href="#") li.col-md-3.col-md-offset-1 Register a(href="#") li.col-md-3 Login a(href="#") li.col-md-3 About Chatbox block content index.jade extends layout block append styles link(rel='stylesheet', href='/stylesheets/homePage/style.css') block navBar block content div.box h1.col-md-4.col-md-offset-4 Chatbox 我在这里不了解模板？我认为无论是在块部分只是插入到页面中，并且由于块内容不在navBar内，我可以添加到像navBar下的内容。唯一显示的是我放在我的index.jade文件块内容的东西。我如何解决它？

dynamic创build帕格（翡翠）内的元素: 我正在尝试dynamic创build帕格模板中的元素。我使用基本命令从数据库中检索信息 db.component.findAll().then(function(component){ res.render('stock' ,{ table:component}) }) 内容应该被创build的模板是 .tbl-content table(cellpadding='0', cellspacing='0', border='0') tbody – row in table tr td= "#{row.name}" td= "#{row.storage}" 我已经检查了语法，它应该是正确的，但结果是完全错误的。它将row in table作为string，例如内容显示在页面上，与"#{row.name}"和"#{row.storage}" 我是用一些过时的语法还是我的方法完全错误？谢谢！

状态码304（Jade，Node，Express）: 我在我的翡翠文件中链接bootstrap和jquery， link(rel='stylesheet', href='/stylesheets/bootstrap.css') 和 script(src='/javascripts/jquery-3.1.1.js') script(src='/javascripts/bootstrap.js') 这个Jade文件在我的视图文件夹中。 boostrap css是在我的公共/ stylesheets文件夹和JavaScript是在公共/ javascripts文件夹。当我使用nodemon运行我的应用程序时，它说 GET / 200 80ms – 1.65kb GET /stylesheets/bootstrap.css 304 1ms GET /javascripts/jquery-3.1.1.js 304 3 GET /javascripts/bootstrap.js 304 2ms javascript和css文件不会加载。 build议？

Node.js中Express 4.0的res.rendercallback参数的目的是什么？: res.rendercallback参数的目的是什么？在这种情况下，我们想使用这样一个callback参数，因为模板已经被指定为第一个参数？以下是文档中的代码： // send the rendered view to the client res.render('index'); // if a callback is specified, the rendered HTML string has to be sent explicitly res.render('index', function(err, html) { res.send(html); }); // pass a local variable to the view res.render('user', { name: 'Tobi' }, function(err, html) { // … }); 我理解前两个论点的目的，但不是最后一个。

使用帕格与NodeJS和Webpack: 我正在尝试使用Webpack与Pugbuild立一个基本的Express应用程序。这是我的文件树： build |-views |-index.pug |-app.js |-app.js.map server |-app.js package.json webpack.config.js app.js： const express = require('express'); const app = express(); const path = require('path'); app.set('port', process.env.PORT || 3000); app.set('view engine','pug'); app.set('views', path.join(__dirname + 'views')); app.get('/',(req,res) => { res.render('index'); }); var server = app.listen(app.get('port'), () => { console.log('Express server is listening on port ' + server.address().port); […]

创build一个具有用户信息的玉石默认布局: 我正在创build一个使用express.js和jade的node.js项目。我试图创build一个默认的布局，当用户login将显示他们的头像，新消息，和这样的东西。这可能吗？我已经尝试search谷歌，没有得到任何回报，甚至用django，rails等replace玉。谢谢你的考虑。

在node.js中运用jade模板expression网站: 给了一个玉器模板如何应用它？翡翠网站上的模板引擎示例只是显示了从模板内容到html的转换。它没有显示创build这个转换的步骤。该文件需要保存一个特定的扩展名，然后以某种方式运行？请澄清步骤谢谢。更新：基本上我只是问我把它保存为mytemplate.jade，然后运行这个文件不知何故？它是如何工作的

玉中元素的dynamic宽度: 我试图devise一个进度条，我想尝试根据一些math计算来设置栏的宽度。下面工作正常，因为我把宽度硬编码到60％ .pledged(style="width:60%") 我想要做这样的事情： .pledged(style="width:((totalVotes – votesRemaining)*100)%") 我想达到什么目的？

块不能和nodejs和jade一起工作: 阅读了几个小时，我很确定我明白了Jade中的块是如何工作的。这是我的layout.jade文件： !!! 5 html(lang="en") head title= title link(rel= 'stylesheet', href= '/style.css') body h1 Placeholder Title block content 和我的index.jade文件 extends layout block content p Hello World 但是，当我访问index.jade ，唯一显示的是 “占位符标题” layout.jade的“内容”块永远不会被layout.jade的内容块index.jade