Express.js 中利用 EJS 实现渲染

在 Express.js 中,使用 EJS 模板引擎可以方便地实现页面渲染。EJS 是一种简单的模板语言,可以将数据和 HTML 模板混合在一起,生成最终的 HTML 页面。

安装 EJS

要在 Express.js 中使用 EJS,首先需要安装 EJS 模块。可以使用 npm 命令进行安装:

配置 Express.js

在 Express.js 中,需要设置视图引擎为 EJS,以便能够正确地渲染 EJS 模板。可以在 app.js 文件中添加以下代码:

创建 EJS 模板

在 Express.js 中,可以创建 EJS 模板文件,用于渲染最终的 HTML 页面。EJS 模板文件的扩展名为 .ejs,可以在 views 目录下创建。

下面是一个简单的 EJS 模板文件示例,用于显示一个标题和一段文字:

在模板文件中,可以使用 <%= %> 标签来插入变量。在上面的例子中,使用 title 和 text 变量来渲染标题和文字内容。

渲染 EJS 模板

在 Express.js 中,可以使用 res.render() 方法来渲染 EJS 模板。这个方法需要传入模板文件名和要渲染的数据。

下面是一个示例代码,用于渲染上面创建的 EJS 模板文件:

在上面的代码中,使用 res.render() 方法渲染了名为 index 的 EJS 模板文件,并传入了 title 和 text 变量作为数据。

总结

通过使用 EJS 模板引擎,可以方便地实现页面渲染。在 Express.js 中,可以使用 res.render() 方法来渲染 EJS 模板,并传入需要渲染的数据。EJS 模板语言简单易用,可以快速地创建复杂的 HTML 页面。

参考资料

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/655b04f3d2f5e1655d52fa23


纠错
反馈