Nodejs常用模板引擎

发布时间：2022-09-24 14:49:00 所属栏目：Asp教程来源：

导读：　　一、模板引擎的介绍

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

　　一、模板引擎的介绍

　　在一个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的写法大致相同，没有太大的区别asp模板，输出表达式写成

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

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

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

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

　　四、总结

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

（编辑：应用网_阳江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!