📅 最后修改于: 2023-12-03 15:09:17.152000 🧑 作者: Mango
在开发web应用程序时，为了让用户更好的使用应用，我们需要向用户展示各种信息。在node js中，我们可以使用express框架来创建web应用程序，并通过它来渲染页面。在本教程中，我们将了解如何通过express在node js中渲染一个新页面。
在使用express之前，需要先安装它。在终端中执行以下命令来安装express。
npm install express --save
使用以下代码片段在node js中创建一个新的express应用程序。
const express = require('express')
const app = express()
接下来，我们需要设置网页模板引擎。express支持多种模板引擎，我们将使用EJS模板引擎。
app.set('view engine', 'ejs')
我们可以通过创建路由来访问应用程序的不同页面。在这里，我们将创建一个路由，用于访问名为newPage的新页面。
app.get('/newPage', (req, res) => {
res.render('newPage')
})
注意，这里的newPage是指我们将要创建的页面的名称。
最后，我们需要创建名为newPage.ejs的新页面。在这个页面中，我们可以使用HTML和EJS语法来编写代码。以下是一个简单的例子。
<!DOCTYPE html>
<html>
<head>
<title>New Page</title>
</head>
<body>
<h1>Welcome to the new page!</h1>
</body>
</html>
在以上代码中，我们使用了HTML标签来创建页面，并使用EJS模板引擎提供的模板标记来添加动态内容。比如：
<h1><%= title %></h1>
在这个例子中，我们使用<%= %>标记向页面添加了一个变量，该变量名为title。
最后，我们需要运行应用程序。使用以下代码在端口3000上启动应用程序。
app.listen(3000, () => {
console.log('App listening on port 3000!')
})
现在，在浏览器中访问http://localhost:3000/newPage即可看到我们创建的新页面。
通过以上步骤，我们可以在node js中使用express框架来创建一个新应用程序，并通过它来渲染一个新页面。当然，我们还可以创建更多的路由和页面来扩展应用程序，以便更好地满足我们的需求。