node js页面渲染
时间: 2023-10-22 09:03:46 浏览: 116
在 Node.js 中进行页面渲染通常涉及使用模板引擎。模板引擎允许你在服务器端生成 HTML 页面,并将它们发送到客户端进行显示。以下是一个简单的示例,展示如何在 Node.js 中使用 Express 框架和 EJS 模板引擎进行页面渲染:
首先,确保已经安装了 Express 和 EJS:
```
npm install express ejs
```
然后,创建一个名为 `app.js` 的文件,并添加以下代码:
```javascript
const express = require('express');
const app = express();
// 设置 EJS 作为默认模板引擎
app.set('view engine', 'ejs');
// 设置存放模板文件的目录(可选)
// 默认情况下,Express 会在 views 文件夹中查找模板文件
// 如果你希望使用其他目录,请使用 app.set('views', 'your_folder_path') 进行设置
// 定义路由,渲染页面
app.get('/', (req, res) => {
// 渲染名为 'index' 的 EJS 模板文件,并传递数据给模板
res.render('index', { title: 'Node.js 页面渲染示例', message: '欢迎使用 EJS 模板引擎!' });
});
// 启动服务器,监听端口
app.listen(3000, () => {
console.log('服务器已启动,监听端口 3000');
});
```
接下来,在项目根目录中创建一个名为 `views` 的文件夹,并在其中创建一个名为 `index.ejs` 的文件。在 `index.ejs` 文件中,你可以使用 EJS 的模板语法来定义 HTML 页面的结构和动态内容,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%= title %></title>
</head>
<body>
<h1><%= message %></h1>
</body>
</html>
```
以上代码中,`<%= title %>` 和 `<%= message %>` 是 EJS 的模板语法,用于将传递给模板的数据渲染到 HTML 页面中。
最后,在命令行中运行 `node app.js` 启动服务器,并打开浏览器访问 `http://localhost:3000`,你将看到渲染后的页面。页面的标题和消息来自于我们在路由中传递给模板的数据。
这只是一个简单的示例,你可以根据需求使用不同的模板引擎和更复杂的模板语法进行页面渲染。