首页nodejs express中使用ejs具体流程

nodejs express中使用ejs具体流程

时间: 2023-11-25 15:21:42 浏览: 95

Nodejs的express使用教程

5星 · 资源好评率100%

使用 EJS 模板引擎的具体流程如下： 1. 在 Node.js 项目中安装 EJS 模板引擎： ``` npm install ejs --save ``` 2. 在 Express 应用程序中设置 EJS 模板引擎： ```javascript const express = require('express'); const app = express(); app.set('view engine', 'ejs'); ``` 3. 在 views 文件夹中创建 EJS 模板文件。 4. 在 Express 的路由中使用 res.render() 方法呈现 EJS 模板： ```javascript app.get('/', function(req, res) { res.render('index', { title: 'Express', message: 'Welcome to Express' }); }); ``` 其中，第一个参数是模板文件的名称，不需要指定文件扩展名，Express 会自动寻找扩展名为 .ejs 的模板文件；第二个参数是传递给模板的数据对象，可以在模板中使用。 5. 在 EJS 模板文件中使用动态数据和逻辑代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><%= title %></title> </head> <body> <h1><%= message %></h1> </body> </html> ``` 其中，<%= %> 表示输出动态数据，<% %> 表示嵌入逻辑代码。这样，当用户请求 '/' 路径时，Express 就会呈现 views 文件夹中的 index.ejs 模板，并将数据对象 { title: 'Express', message: 'Welcome to Express' } 传递给模板。模板文件中使用 <%= %> 输出数据对象中的数据，最终生成 HTML 页面返回给客户端。

阅读全文