跟Vue
、React
一样,需要一个容器,把EJS
渲染到html
上面。
npm install ejs
<script src="ejs.js"></script>
在浏览器上面输入localhost:8080,
就可以看到渲染后的界面。
高效的嵌入式JavaScript模板引擎-EJS - 知乎
5.1 使用EJS构建静态网页
EJS可以用于构建静态的网页,只需将数据绑定到模板中,然后将渲染后的HTML保存到文件中即可。
5.2 使用EJS构建动态网页
EJS也可以用于构建动态的网页,只需将数据绑定到模板中,然后将渲染后的HTML发送给客户端即可。
5.3 使用EJS与后端数据交互
EJS可以与后端数据进行交互,通过模板中的变量和表达式来显示和处理后端传递的数据。
6.2 其他模板引擎的比较
除了EJS,还有其他许多流行的模板引擎可供选择。以下是一些与EJS相比的其他模板引擎,并对它们进行了简要比较:
-
Handlebars:Handlebars是一种基于Mustache模板语法的模板引擎,语法简洁易懂。相比EJS,Handlebars更强调模板的可读性和易维护性。
-
Jade/Pug:Jade(现称为Pug)是一种使用缩进和无闭合标签的模板引擎,具有简洁的语法和强大的表达能力。相对于EJS,Jade/Pug的模板文件通常更加精简和优雅。
-
Nunjucks:Nunjucks是一种基于Jinja2模板引擎的JavaScript模板引擎,具有灵活和强大的功能,支持模板继承、宏等高级特性。
-
React/Vue:React和Vue是基于组件化开发的前端框架,它们提供了自己的模板语法和渲染机制,具有更高的性能和更好的交互体验。
EJS:高效的嵌入式 JavaScript 模板引擎