在 Express.js 中,使用 EJS 模板引擎可以方便地实现页面渲染。EJS 是一种简单的模板语言,可以将数据和 HTML 模板混合在一起,生成最终的 HTML 页面。
安装 EJS
要在 Express.js 中使用 EJS,首先需要安装 EJS 模块。可以使用 npm 命令进行安装:
npm install ejs --save
配置 Express.js
在 Express.js 中,需要设置视图引擎为 EJS,以便能够正确地渲染 EJS 模板。可以在 app.js 文件中添加以下代码:
// 设置视图引擎为 EJS app.set('view engine', 'ejs');
创建 EJS 模板
在 Express.js 中,可以创建 EJS 模板文件,用于渲染最终的 HTML 页面。EJS 模板文件的扩展名为 .ejs,可以在 views 目录下创建。
下面是一个简单的 EJS 模板文件示例,用于显示一个标题和一段文字:
// javascriptcn.com 代码示例 <!DOCTYPE html> <html> <head> <title><%= title %></title> </head> <body> <h1><%= title %></h1> <p><%= text %></p> </body> </html>
在模板文件中,可以使用 <%= %> 标签来插入变量。在上面的例子中,使用 title 和 text 变量来渲染标题和文字内容。
渲染 EJS 模板
在 Express.js 中,可以使用 res.render() 方法来渲染 EJS 模板。这个方法需要传入模板文件名和要渲染的数据。
下面是一个示例代码,用于渲染上面创建的 EJS 模板文件:
app.get('/', function(req, res) { res.render('index', { title: 'Hello, EJS!', text: 'This is a simple example of EJS template.' }); });
在上面的代码中,使用 res.render() 方法渲染了名为 index 的 EJS 模板文件,并传入了 title 和 text 变量作为数据。
总结
通过使用 EJS 模板引擎,可以方便地实现页面渲染。在 Express.js 中,可以使用 res.render() 方法来渲染 EJS 模板,并传入需要渲染的数据。EJS 模板语言简单易用,可以快速地创建复杂的 HTML 页面。
参考资料
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/655b04f3d2f5e1655d52fa23