什么是****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 标签)
<%- 输出⾮转义的数据到模板
<%# 注释标签,不执⾏、不输出内容
<%% 输出字符串 '<%'
%> ⼀般结束标签
-%> 删除紧随其后的换⾏符
_%> 将结束标签后⾯的空格符删除