在Express中呈现模板时，Pug可以访问任何服务器端函数/变量吗？
在Express中呈现模板时，Pug可以访问服务器端的函数和变量。
Pug是一种模板引擎，它允许开发人员使用简洁的语法来生成HTML。在Express中使用Pug作为模板引擎时，可以通过将数据传递给模板来访问服务器端的函数和变量。
要在Pug模板中访问服务器端的函数和变量，需要在渲染模板时将这些数据传递给模板引擎。可以通过在路由处理程序中使用res.render方法来实现这一点。res.render方法接受两个参数，第一个参数是模板的文件名，第二个参数是一个包含要传递给模板的数据的对象。
例如，假设有一个路由处理程序如下：
app.get('/', function(req, res) {
var username = 'John';
res.render('index', { username: username });
});在上面的例子中，我们定义了一个变量username并将其值设置为'John'。然后，我们使用res.render方法将index模板渲染为HTML，并将username作为数据传递给模板。
在Pug模板中，可以使用#{}语法来访问传递给模板的数据。例如，要访问username变量，可以在模板中使用以下代码：
h1 Hello, #{username}!上述代码将在渲染后生成一个<h1>标签，其中包含Hello, John!文本。
总结起来，Pug可以访问任何服务器端的函数和变量，只需将这些数据传递给模板引擎即可。这使得在Express中使用Pug作为模板引擎时，可以方便地将服务器端的数据动态地呈现到模板中。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
1回答
从PugJS调用节点js函数？
、、、、
我正在尝试在PugJS中创建一个可点击的按钮(执行节点JS中的js)。 视图/index.pug doctype html
html
head
title #{title}
link(rel='stylesheet', href='/css/style.css')
meta(name="viewport" content="width=device-width, initial-scale=1")
body
main
block header
header.he
浏览 29提问于2020-07-03得票数 0
有没有办法在Pug/Jade模板(NodeJs/Express)中读取window.navigator.language？我试过这样的方法：
-var lang = window.navigator.language
但不起作用。或者更一般地说，可以在pug模板中读取浏览器语言吗？
浏览 0提问于2018-05-21得票数 1
我正在处理node.js快递应用程序中的密码重置功能，因为我打算编译一个pug模板，它的输出会以邮件的形式发送给用户。
Pug已经实现，并在快速应用程序中作为视图引擎工作，但是我在一些端点中直接使用它的API。
pug版本: 2.0.3 (也尝试了2.0.0)
节点版本: 8.11.3
.js
var locals = {name: user.name, resetLink: link};
var template = pug.compileFile(path.join(__dirname, "../views/emails/reset.pug")),
浏览 0提问于2018-07-23得票数 0
回答已采纳
我是Node.JS堆栈的新手。我看到很多开发人员正在使用pug模板引擎(Express JS)，而不是常规的HTML。如果你们中的任何人使用过pug，你能告诉我使用pug相对于HTML视图技术的主要好处吗？
浏览 2提问于2019-09-18得票数 2
1回答
我刚刚开始使用Pug/Jade模板来迭代我从express应用程序发送的事件对象。它工作得很好，但现在我已经添加了一个带有下拉框的选择框( select )，该下拉框由event对象中的场所填充。我的问题看起来很简单，但我真的不确定它是否可能，以及如何去做。基本上，我想要更改选择项目，然后只显示该特定地点的事件。事件列表从所有地点开始，但我想更改选择框，然后只显示该地点的事件。这是我的一小段代码。
app.js
发送到路由并由index.pug呈现的newEventList & venueList数组
Index.pug(事件列表)
ul#grid
each event in ne
浏览 8提问于2017-12-25得票数 0
回答已采纳
1回答
我将NodeJs与车把一起使用，并考虑切换到PugJ，因为有些功能是本机的--使用工具栏需要一些助手函数/部分。
在车把中，我必须定义一个布局并传递模板。在PugJ中，我创建了两个示例路由
第一路由文件：
const express = require('express');
const router = express.Router();
router.get('/', (req, res) => {
res.render('index', {
title: 'Home',
tem
浏览 1提问于2018-09-25得票数 0
有没有可能在一个父模板中有两个独立的.pug文件作为ng-if语句的结果？就像这样
ng-if({booleanVar ? pugFile1.pug : pugFile2.pug})
或者有比在ngif语句中包含2个完整页面更干净的方式吗？谢谢大家
浏览 7提问于2018-01-06得票数 1
回答已采纳
3回答
我有一个简单的应用程序，应该输出一个小的内容。我使用NodeJs、Express和Pug。
const pug = require('pug');
const express = require('express');
const app = express();
const indexFile = 'index'; // the file to load
app.set('view engine', 'pug'); // use pug
app.get('/', function (req,
浏览 6提问于2017-11-21得票数 2
回答已采纳
1回答
我有一个使用Pug视图的Node Express web项目。
通过使用对象，我可以使Express Request对象(在我的代码中为req)可用于每个pug文件：
const app = require("express")();
app.use((req, res, next) => {
res.locals.req = req;
next();
});
使用这种方法有没有副作用?缺点是什么？
我得到的便利是，任何视图文件都可以访问Request对象的所有属性，例如查询字符串等，而不必使用教科书中的方法显式传递它们，例如：
app.get("
浏览 0提问于2020-08-30得票数 0
我需要访问我的客户端的变量user。
res.render('home.html', { user: req.user });
不使用像pug或ejs这样的模板引擎
这有可能吗？
浏览 4提问于2020-06-24得票数 1
回答已采纳
我刚刚开始使用jade和node。我将一个对象从节点传递到jade模板(parent.jade)，并将相同的jade文件(parent.jade)包含到另一个文件(child.jade)。它的描述如下：
节点部分：
res.render('parent.jade', {data: mydata});
然后在parent.jade中，我正确地接收到了数据：
doctype html
html
head
title parent
script(type="text/javascript" src="/resource
浏览 12提问于2017-08-01得票数 0
1回答
我已经使用下面的命令编译了一个pug模板temil1.js。
pug -客户端-非调试tem1.pug
编译后的文件包含一个名为template.I的函数，希望知道如何在我的服务工作人员中使用该文件。表示如何调用此函数。是否有任何方法来更改函数名。
tune1.js
function template(locals) {var pug_html = "", pug_mixins = {}, pug_interp;pug_html = pug_html + "\u003C!DOCTYPE html\u003E\u003Chtml\u003E\u003Chead\u003E
浏览 6提问于2016-11-26得票数 1
回答已采纳
我在js文件中有以下数据：
let data =[
{id:1,type:"action"},
{id:2,type:"comedy"}
];
并试图使用pug模板打印它。
doctype html
html
head
title= title
link(rel='stylesheet', href='stylesheets/style.css')
body
table
tr
th Id
th Type
浏览 0提问于2018-10-02得票数 3
回答已采纳
一般来说，我是Node.js/Express/前端开发的新手，我正在尝试理解如何更好地处理从控制器传递到pug视图的数据，然后pug视图将由一些JavaScript处理。 现在，我是如何处理数据的： objectController.js： exports.objectDetails = function (req, res) {
object.findById(req.params.id)
.then(results => {
res.render('layout', { data: results });
浏览 15提问于2019-06-20得票数 1
回答已采纳
我通常使用Express.JS (我的视图是PUG )。
现在我偶然发现了Ember.JS，我开始喜欢它了。
有什么好办法把它们连接起来吗？
我是说你需要用什么方法把它们混合起来？
谢谢各位。
浏览 5提问于2016-11-08得票数 0
回答已采纳
我试图将req.params发送到前端，并将其与各种js函数一起使用，但我不知道如何使用js在客户端访问它。
具体来说，我试图获取名为req.param的namespace，用户输入使用
app.get('/:namespace', function(req,res){
res.render('chatLayout', { title: 'Welcome to the ' +
req.params.namespace +" room!"}), {namespace: req.params.namespace };
})
浏览 0提问于2019-05-03得票数 1
我对Web开发和NodeJs服务器非常陌生，Pug这是我第一次使用它们。从本质上讲，我希望有一个盒子，它将是一个div，我想根据JSON文件中的列表动态地更改该盒子中的数据，最终，当我得到这个工作时，我将使用一个数据库来提供该列表。我已经设置了我的服务器，并使用一些在线教程设置了我的Pug代码的基本部分。我知道我必须使用一些javascript来完成这项工作，但是我甚至不能在我的pug代码的"script“部分访问我的列表，这让我更加困惑。以下是我到目前为止拥有的代码： server.js： const express = require('express');
co
浏览 26提问于2019-12-27得票数 0
回答已采纳
2回答
我刚接触过Pug和ExpressJS，不知道如何做一件简单的事情:将模板路径从Express传递给Pug。
下面是我所想到的一个例子，使用名为pageContent的变量：
./app.js
app.get('/', function (req, res) {
res.render('index', {title: 'Some Title', pageContent: 'includes/somePage.html'})
})
./views/index.pug
html
head
include include
浏览 2提问于2022-02-10得票数 0
回答已采纳
1回答
我有一个pug模板index.pug为我的项目。我还制作了navbar.pug，footer.pug，sidenav.pug。这些文件包含在index.pug中。在服务器端，我使用了node.js，express.js和socket.io。现在我只想根据服务器响应更新navbar.pug文件。但当我尝试这样做时，我找到了一些解决方案。但它们都会刷新整个索引页。有没有什么方法可以帮助在不刷新整个页面的情况下更新网页的特定部分( PUG)？先谢谢你...
浏览 29提问于2019-09-04得票数 1
回答已采纳
似乎是个重复的问题。但我不知道该怎么做。
我有如下所示的模板。
Index.pug
block head
title INCX - Exchange
block main
include templates/_header
dashboard.pug
block head
title INCX - Exchange
block main
include templates/_header
_header.pug
header.header
section.header-nav-section.full-width
现在，我希望将一个变量从dashboar
浏览 0提问于2018-12-05得票数 0
1回答
我将一个数组从node/express发送到我的前端。
如下所示：
res.render({product: req.product_data });
现在在前端，我纯粹是在测试它是否在那里，我这样做：
<script>
console.log(<%= product %>);
</script>
在浏览器的控制台中，它显示‘s Uncaught SyntaxError: Unexpected identifier
在源代码中看起来是这样的：
console.log([object Object]);
我试着JSON.stringify它，
&
浏览 2提问于2017-07-07得票数 0
我是pug新手，现在我正在尝试呈现一个html视图，其中包含一个表，该表的条目是从app.js解析的
这是我的index.pug
doctype html
html(lang='en')
head
title Pug
body
table
- var columns = ['apple', 'pine', 'peach'];
tr
each column in columns
浏览 2提问于2018-06-28得票数 0
1回答
下面的代码从数据库中产生一个地址列表，看起来像是"123好莱坞大道，洛杉矶，加利福尼亚“。然而，我只想展示123好莱坞大道。我尝试使用js中的split(',')方法来分割地址，但是它仍然没有做任何事情，也没有显示正常的地址细节。
address.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
console.log
浏览 0提问于2018-10-28得票数 0
我刚开始和帕格合作，并且正在用它做一个小的页面应用程序。我使用编译成javascript函数的模板，我将在SPA中使用这些函数来呈现HTML。使用pug，我能够生成多个.js文件，每个文件都包含所需的模板函数。但是，我不想编译多个javascript文件，而是将所有函数合并到一个简单的'template.js‘文件中，然后我可以从我的客户端应用程序中调用这个文件。下面是我目前使用的命令
pug -c --name-after-file -w .\views\ -o .\public\
我在googled上搜索过，在Stackoverflow上搜索过，还发现pug本身就有一个，它可能是为
浏览 1提问于2018-08-28得票数 1
回答已采纳
我正在编写一个小型NodeJS/Express应用程序。我将pug设置为其模板引擎：
const app = express();
app.set('view engine', 'pug');
app.set('views', __dirname + "/public/views");
app.use(express.static(__dirname + '/public/static'));
当调用res.render()以发送HTML时，这种方法工作得很好：
app.get('/', func
浏览 2提问于2017-10-19得票数 1
回答已采纳
1回答
如何在pug中console.log来自后台的数据？
例如，这是我在expressjs中的后端：
res.render("streams/show", {
stream: cleanStream
});
在show.pug中，我想检查来自steam的数据：
- var species = stream.species;
- var fields = [];
- for (var key in species) fields.push(key)
- console.log(fields)
我在Chrome上的开发者工具上看不到任何东西。
有什么想法
浏览 1提问于2016-10-26得票数 10
回答已采纳
我是node.js的新手。我收到了这个错误
/home/agile/projects/nodekb/views/index.pug:64| h1 #{title}5\ ul
每一篇文章，我在文章7\\ li= article.title中
无法读取未定义的属性的“长度”( Cannot (/home/agile/projects/nodekb/node_modules/pug-runtime/wrap.js:6:10)，:28:32)在#en2#(Cannot (/home/agile/projects/nodekb/node_modules/pug-runtime/wrap.js:6:1
浏览 1提问于2018-09-19得票数 0
回答已采纳
我经常使用MVC的javascript框架，比如Backbone或Angular，我想完全使用express，但有些事情我不知道该怎么做。
当我使用javascript客户端框架时，我使用res.send()从express中调用AJAX GET来获取实体，但只有使用express渲染引擎，如何在您的javascript代码中获取您在客户端使用res.render('index', { User: { name: 'bob' }})发送的实体？
我尝试在客户端直接调用：
<script>
console.log(JSON.stringify(User
浏览 3提问于2013-05-06得票数 1
1回答
我想用NodeJS、Express和Pug创建一个应用程序。应用程序应该像编辑器一样工作，并对不同的用户事件做出反应。
现在我有一个概念性的问题:使用NodeJS和模板引擎的方法对此合适吗？
我无意中发现了如何将事件放到模板引擎中。例如，在pug中，我可以嵌入Javascript，但是模板引擎似乎并不是用来实现用户事件的--因为在文档以及这里的堆栈溢出中，我找不到嵌入JS脚本的“标准解决方案”，充其量只能是在pug中嵌入JS (而不是对脚本的引用)。例如：
我也试图自己包括一个脚本：
Pug文件
doctype html
html
head
title= `${title}
浏览 0提问于2020-05-23得票数 0
Django会呈现网站并从视图文件夹中提供服务吗?类似于JavaScript中express框架的工作方式？或者，它在客户端呈现页面类似于在后端运行express的应用程序和在前端运行的一些前端框架，如Vue.js
浏览 16提问于2019-10-09得票数 4
回答已采纳
我有一个包含app.js文件、deviceController.js文件和cart.pug文件的node.js express应用程序。我需要访问deviceController.js和cart.pug中的两个常量，并希望在app.js中设置它们的值。 我尝试过app.set/app.get，但在deviceController.js中得到"app is undefined“，并且我不想用var创建一个全局变量。 做到这一点的最佳实践方法是什么？ app.js： const express = require('express');
const routes = re
浏览 14提问于2019-04-05得票数 0
回答已采纳
我能够登录用户到我的应用程序使用谷歌Auth从Firebase。但是，我似乎无法让用户对象的任何部分出现在我的应用程序的前端(我正在使用Pug模板)。我怎样才能做到这一点？
这是我使用Google将用户签名到我的web应用程序中的代码：
document.getElementById('LogInButton').addEventListener('click', (e) => {
signInWithPopup(auth, provider)
.then((result) => {
// This gives you a G
浏览 3提问于2021-10-15得票数 0
回答已采纳
1回答
这是我试过的代码
在我的.pug里
extends layout
block content
h1= title
p Welcome to #{title}
script(src='/javascripts/custom_vue.js')
div(id="app")
{{ message }}
custom_vue.js
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
错误：
D:\xampp\htdocs\tes
浏览 1提问于2018-10-11得票数 2
回答已采纳
我开始学习一些NodeJs，并想创建一个小的路由。因此，我在server.js中使用了下面的代码
var express = require('express');
var app = express();
app.get('/profile/:id', function (req, res) { // The URL for localhost:8888/profile/Peter
var user = null; // Read some data from the JSON file later on...
res.render('i
浏览 1提问于2017-11-20得票数 0
来自
视图引擎缓存不缓存模板输出的内容，只缓存底层模板本身。即使在缓存打开时，每个请求仍会重新呈现视图。
老实说，我不明白缓存是如何提高性能的。所以我会直接问我担心什么会影响性能。缓存是否有助于避免由于混合代码和/或JavaScript代码以下而对性能造成的影响？
mixin TestMixin(parameters)
-
const {
hasIcon = false,
contextClass
} = parameters;
// Some thousands lines of JavaScript code width pa
浏览 3提问于2020-09-14得票数 1
回答已采纳
我在这方面是个新手，所以我希望我问的是正确的问题，并以正确的方式解决这个问题。我正在尝试从服务器获取数据。我已经成功地通过路由将其传递到pug页面，但该页面上的javascript没有访问这些对象的权限。以下是服务器代码。还发布了客户端javascript，我无法访问传递到pug页面的对象。
router.get('/stockView', ensureAuthenticated, function(req, res, next){
var s = req.user.stocks;
var t = [];
// get array of stock symbol
浏览 3提问于2017-04-27得票数 0
这是服务器，我使用pug模板engine init
const express = require('express');
const app = express();
const path = require('path')
const port = 80;
//Express specific stuff
app.use('/static' , express.static('static')) //For serving static files
//Pug specific stuff
app.set('
浏览 1提问于2021-02-23得票数 0
在Express中，当我向客户端发送响应时，res.locals中的数据是否被发送回客户端？
我不希望出现这种情况，因为我在res.locals中存储敏感数据。
浏览 3提问于2021-06-05得票数 0
回答已采纳
所以我在从express后端向我的pug前端传递数据时遇到了问题。我想渲染从我的数据库中拉出的位置数据，将其传递到位置页面，并迭代位置数据。浏览器无法识别数据。我做错了什么？
app.js
app.get('/:store_id', async (req, res) => {
await db.stores.findById(req.params.store_id)
.then(locations => {
// example of locations
locations = [
浏览 0提问于2020-02-24得票数 0
我有一个使用Express和Jade的nodejs应用程序(现在是Pug)。我想预编译jade模板以获得更好的性能。我已经能够使用jade --client将jade转换为javascript，以便将所有的.jade文件编译为相应的.js。
如何在我的应用中使用这些js文件？我没有太多使用nodejs/express的经验，但我认为它一定需要更改渲染引擎？我已经阅读了官方文档，上面说要使用runtime.js，但我找不到任何关于如何使用它的文档。
浏览 0提问于2013-04-24得票数 7
是否可以访问内联脚本中传递给PUG的整个对象，而无需使用!{JSON.stringify(object)};进行转换？
// renderController.js
res.render('../events', {
events: {[ {...}, {...}, ... ]},
});
使用!{JSON.stringify(events)};将现有的日期对象转换为strings，而不需要将其转换回来。
通缉行为：
// events.pug
script.
console.log(events[0].date.toLocaleString())
浏览 5提问于2020-12-01得票数 0
回答已采纳
1回答
我正在尝试使用passport.js作为身份验证中间件来限制用户对express应用程序中的内容的访问。我想这样做的方式是使用pug.js模板继承将所有受限制的视图加载到基本模板中的块中：
// All views extend this base template
doctype html
html
head
body
h1 This is my base template
if(authenticated)
// Child templates overwrite this block with their content
浏览 3提问于2017-03-29得票数 2
1回答
我一直试图将express-toastr实现到我的速递js表单中，并使用它将快速验证器错误消息作为toast通知发送，但是当我将所需的div #{req.toastr.render()}放在我的index.pug文件中时，当我试图加载页面时，会收到错误Cannot read property 'toastr' of undefined。
完全错误：
TypeError: /home/bob/project/views/index.pug:34
32| h1(class="section__title") Title1
浏览 1提问于2018-04-16得票数 0
回答已采纳
我正在尝试从我的Webtask.io无服务器节点应用程序中的一个路由中呈现一个非常简单的Pug模板。以下是我的尝试：
'use latest';
import express from 'express';
import pug from 'pug'
const app = express();
app.set('view engine', 'pug');
...
app.get('/', (req, res) =>
{
var page = `
#mess
浏览 3提问于2018-10-04得票数 1
回答已采纳
因此，我目前正在研究在一个新的、相当大规模的项目中采用什么样的技术/库等。
考虑到我的团队对NodeJS、JavaScript、Express和Jade (现在是Pug)的了解，我/我们希望在新项目中采用这些技术。
然而，当前的症结在于使用路由中间件在Express下服务HTML的方式。
我们都知道Node/Express在提供静态文件方面做得非常糟糕，这正是Nginx的优势所在。我可以理解甚至实现一个Nginx配置，它处理img/js/css静态文件的服务，但我想了解的是.
能否将使用Express路由的HTML服务(由Jade/Pug生成)移交给Nginx以提高性能？或者，如果您使用的是E
浏览 4提问于2016-06-29得票数 0
回答已采纳
我正在使用带有Pug的Express作为视图引擎。 Pug在HTML中呈现注释。例如： div
// comment
p Hello 将呈现为： <div>
<!--comment-->
<p>Hello</p>
</div> 如何禁用此功能，并将它们从模板中剥离，使它们在呈现的HTML中不可见？ 我可以看到有这个pug-strip-comments包，但是没有任何关于Express的文档。 我想避免使用像中间件这样的东西来剥离评论。 谢谢。
浏览 21提问于2021-05-09得票数 0
我是express.js的新手。我使用pug作为模板。我需要通过res.render()传递一个函数，它可以从pug文件中访问。有可能吗？如果可能，那么如何实现呢？请帮帮我。
app.js
passingMethod= (info) => {
console.log(info);
}
app.get('/',(req, res)=>{
res.render('first.pug', {methods: {passingMethod: this.passingMethod}})
浏览 1提问于2021-05-27得票数 0
1回答
我正在用Nodejs和Express在帕格制作一个网站。我创建了一个名为index.pug的文件。在这个文件中，我包括了我所有的帕格文件。
index.pug:
extends ../views/layout
block content
include home/page-content/Intro/Intro
include home/page-content/About/About
include home/page-content/Specialism/Specialism
include home/page-content/Contact/Contac
浏览 0提问于2016-11-03得票数 1
回答已采纳
所以我正在使用Express并创建一个MVC应用程序。我有一个电子邮件列表，我想把它放在前端的javascript变量中，并创建一个自动完成，因此当前控制器如下所示：
controller.js
res.render('/page',{emails: emails})
emails是一个JSON结构，需要时可以进行字符串化。我的pug模板如下
div
input (type = "text" id="suggestion")
div (class = "custom-suggestion" id="sugg
浏览 0提问于2018-09-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
