Nodejs常用模板引擎

素颜马尾好姑娘i 2022-06-07 06:07 862阅读 0赞

一、 模板引擎的介绍

在一个web应用程序中，如果只是使用服务器端代码来编写客户端html代码，前后端不分离，那么会造成很大的工作量，而且写出来的代码会比较难以阅读和维护。如果只是使用客户端的静态的HTML文件，那么后端的逻辑也会比较难以融入到客户端的HTML代码中。

为了便于维护，且使后端逻辑能够比较好的融入前端的HTML代码中，同时便于维护，很多第三方开发者就开发出了各种Nodejs模板引擎，其中比较常用的就是Jade模板引擎和Ejs 模板引擎。

二、 Jade模板引擎的使用方法

首先，需要使用包管理工具npm下载，下载的方式非常的简单，如下：

npm install jade

下载完成之后，因为我们的模板文件放在目录views里面，可以通过view engine内部变量值设定为”jade ”的方式，来使用jade模板引擎，设置代码如下：

app.set(‘view engine’, ‘jade’ );

默认情况下，express引用程序中的所有视图文件都是在项目根目录的views文件夹里面的，可以通过设置views内部变量的值的方法显示指定视图文件的存放路径，方法如下：

app.set(‘views’, ——dirname+’/views’)

那么，在express框架中，响应服务器的请求的时候，可以使用响应对象的方法render来渲染视图，返回给客户端，代码如下：

res.render(view, \[locals\], \[callback\])

方法里面有三个参数，view参数就是模板视图的文件的名字，是一个字符串，指定需要返回给客户端的模板视图，locals参数值为一个对象，用于指定视图所用的数据的变量的值或者名字，callback为回调函数，其中local和callback两个参数是可选参数。例如

res.render（‘index’，\{data：‘这里是数据对象的值’\}）

三、Ejs模板引擎的使用方法

接下来我们介绍一下ejs模板引擎的使用方法，首先，同样的需要使用npm包管理工具安装esj模板引擎，代码如下

npm install ejs

下载了EJS模板引擎之后，可以在整个项目的根目录下的views文件 中，创建扩展名字为ejs的模板文件，模板文件的写法和HTML的写法大致相同，没有太大的区别，输出表达式写成

<%s=输出表达式%>

可以像在php文件或者asp.net文件中一样，混写服务器端nodejs脚本，搅拌写在<%脚本语言%>中

同样的，在服务器端接收到客户端的请求后，在express框架的web应用程序中，可以通过render方法返回给html，示例代码如下：

res.render(‘index’, \{data : ‘这里是数据的值得’\})

第一个参数为模板，可以加后缀如：index.ejs，或者省略，第二个参数为数据对象，那么我们用数据对象的名字变量 ，去写模板视图，那么响应给客户端的就是一个完整的html。

四、 总结

除了以上两个模板引擎以外，nodejs还有很多的模板引擎可以使用，例如Haml模板引擎、CoffeeKup模板引擎以及jQuery模板引擎等等，只是我们介绍的这两种是现在比较主流的，使用的比较多的，其他的用法差异并不是非常的大，要学会举一反三，当然，我们只是初略的介绍了jade模板引擎和ejs模板引擎的用法，想要熟练的掌握，还得需要自行写代码联系验证，毕竟，实践出真知。

本文来源：http://bbs.itsource.cn/thread-1701-1-1.html

发表评论取消回复

表情：

评论列表（有 0 条评论，862人围观）

还没有评论，来说两句吧...

相关阅读

相关 Twig模板引擎常用基础用法总结

Twig是一种PHP模板引擎，最近，由于比较频繁的使用Twig模板，于是想总结一下一些常用的基本用法，希望能给对Twig还不熟悉的朋友带来帮助。首先贴一下Twig官方文档

朴灿烈づ我的快乐病毒、/ 2023年02月20日 02:41/ 0 赞/ 17 阅读

相关 nodejs之模板引擎（渲染模板）

模板引擎模板引擎简介语法模板核心方法 template（filename，data）

- 日理万妓/ 2022年12月15日 06:10/ 0 赞/ 480 阅读

相关 nodejs ejs模板引擎

1.EJS模板 ejs模板的语法主要是使用：<%= %> 和<% %>两种；前者是要进行输出的（输出到html页面），后者不输出（一般用于控制语句和声明语句，比如：if…

偏执的太偏执、/ 2022年11月25日 10:23/ 0 赞/ 212 阅读

相关 nodejs+art-template配置模板引擎

什么是art-template art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript

亦凉/ 2022年08月28日 13:49/ 0 赞/ 213 阅读

相关 Nodejs常用模板引擎

一、模板引擎的介绍在一个web应用程序中，如果只是使用服务器端代码来编写客户端html代码，前后端不分离，那么会造成很大的工作量，而且写出来的代码会比较难以阅读和维护。如

素颜马尾好姑娘i/ 2022年06月07日 06:07/ 0 赞/ 863 阅读

相关 nodejs（九）art-template模板引擎

nodejs中可以使用模板引擎，其中art-template既可以用在前端，也可以用在服务器端，首先看一下前端用法 <!DOCTYPE html> <html

àì夳堔傛蜴生んèń/ 2022年05月11日 12:42/ 0 赞/ 214 阅读

相关 js模板引擎-art-template常用总结

art-template javascript 模板引擎，官网：[https://github.com/aui/art-template][https_github

短命女/ 2022年04月11日 02:12/ 0 赞/ 321 阅读

相关 JSP与常用模板引擎比较（freemarker thymeleaf beentl及模板引擎概念

1 什么是模板引擎概念：模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的文档就是将模板

男娘i/ 2022年02月27日 08:40/ 0 赞/ 492 阅读

相关 ejs模板引擎常用语法

NodeJs的模板引擎有很多，`ejs`是比较简单和容易上手的。常用的一些语法如下: > 提示：中间的内容数据记得前后要空一格 `<% ... %>` 包含js代

素颜马尾好姑娘i/ 2021年10月15日 04:25/ 0 赞/ 465 阅读

相关常用标签库和模板引擎

一 JSP标签标签库（JSTL） [https://www.runoob.com/jsp/jsp-jstl.html][https_www.runoob.com_jsp_js

分手后的思念是犯贱/ 2021年08月19日 22:48/ 0 赞/ 451 阅读