Nodejs常用模板引擎

一、 模板引擎的介绍
在一个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
阅读更多

没有更多推荐了,返回首页