一、 模板引擎的介绍

在一个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模板引擎的用法，想要熟练的掌握，还得需要自行写代码联系验证，毕竟，实践出真知。

感谢源码时代H5学科讲师提供此文章！

本文为原创文章，转载请注明出处（）！