模板引擎

147 阅读1分钟

什么是****EJS模板引擎?

EJS是⼀种流⾏的模板引擎,⽤于将动态数据嵌⼊到静态HTML中。

Express框架⽀持EJS,允许您轻松地创建动态Web应⽤程序,动态⽣成HTML⻚⾯,以及向⻚⾯中注⼊数据。

安装

EJS模板引擎

在使⽤

EJS之前,您需要确保已经安装了EJS模块。您可以使⽤npm来安装它

配置

Express使⽤EJS

配置

Express以使⽤EJS作为默认的模板引擎。在您的Express应⽤程序中,添加代码

创建

EJS模板

创建⼀个

EJS模板⽂件,通常保存在⼀个名为

views

的⽂件夹中。

在EJS模板中,您可以使⽤<%= name %>来插⼊动态变量。在上述示例中,name变量将在渲染时被替换为实际的值。

注意:

在Express中使⽤EJS模板引擎时,默认情况下,视图(模板)⽂件是放在名为"views"的⽂件夹中的。但这种设置是可以⾃定义的,你可以通过配置app.set('views', path.join(__dirname, 'custom-views-folder')); 来指定不同的视图⽂件夹。

渲染****EJS模板

在Express路由处理程序中,使⽤res.render()来渲染

EJS模板并传递数据

EJS模板语法

EJS⽀持许多模板语法,包括条件语句、循环语句和模板包含等。

标签含义

<% '脚本' 标签,⽤于流程控制,⽆输出。

<%_ 删除其前⾯的空格符

<%= 输出数据到模板(输出是转义 HTML 标签)

<%- 输出⾮转义的数据到模板

<%# 注释标签,不执⾏、不输出内容

<%% 输出字符串 '<%'

%> ⼀般结束标签

-%> 删除紧随其后的换⾏符

_%> 将结束标签后⾯的空格符删除