gpt4 book ai didi

html - 使用 Node.js 提供动态网页

转载 作者:太空狗 更新时间:2023-10-29 13:42:38 24 4
gpt4 key购买 nike

我很难理解 node.js 究竟是如何提供动态内容的。假设我们有以下呈现主页的代码:

var express = require('express'),
app = express();

app.get('/', function(req,res){
res.render('home.html');
});

但是,假设这个主页应该是一个用户配置文件,您可以在其中从数据库中提取用户信息,从而生成代码:

var express = require('express'),
mongoose = require('mongoose'),
app = express();

mongoose.connect('mongodb://localhost/ExampleDB');

app.get('/:id', function(req,res){
User.findOne({_id: req.id}, function (err, user){
var name = user.name;
var profilePic_uri = user.profilePic_uri;
res.render('home.html');
});

因此,理想情况下,home.html 只是一个模板页面,您可以在其中在路由处理程序中设置用户的个人资料图片、他们的姓名等。是的,因为 Node 背后的想法是这个 app.js 应该能够在运行时处理从数据库中提取动态内容。我遇到麻烦的地方是理解渲染动态页面如何与 Node 一起工作。 html页面是静态页面。您不能真正呈现 php 或 asp 页面,因为,那真的没有意义,对吗?

这给我留下了一个问题,它是如何完成的?

最佳答案

如果你添加...

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

...在 app=express() 完成后,如果您不使用扩展,它现在将默认使用 Jade 渲染引擎。然后在你的路由器中:

app.get('/', function(req,res){
res.render('home', {
var1: 'val1',
var2: 'val2'
});
});

您需要将 Jade 添加到项目的依赖项中的 package.json 文件中:

    "jade": "~1.9.1",

...然后在您的文件夹中“npm install”以将其引入。

然后您需要一个名为/views/home.jade 的文件,其内容为:

doctype html
html
body
p Var1 is #{var1}
p Var2 is #{var2}

当您访问您的主页时,您应该会看到这些值已传递给 Jade 渲染引擎并在模板中分别扩展为“val1”和“val2”。

关于html - 使用 Node.js 提供动态网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30444234/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com