NodeJS+ Express 4.x + ejs+视图助手(静态和动态)案例详解

视图助手说明:

Express提供了一种叫做视图助手的工具,他的功能是允许在视图中访问一个全局的函数或对象或变量,不用每次调用视图解析的时候单独传入。例如partials(片段视图)就是一个视图助手。

它可以全局控制整个app的视图变量,方法,比如每个模块都需要引入的例如app的名称和输出请求地址等等。

注:express 4.x与之前版本的exprss有差别。下面以express 4.x为例:

1.静态视图助手

静态视图助手指的是该视图变量,方法与请求无关,不会随着请求的路径,参数的改变而改变,一般指的是项目的名称,地址等配置参数或者是公共的方法,这些变量,方法只能用在模板视图里面,在本文章中的实例是以ejs为准,如果项目其他地方使用公共的变量,方法可以在global下新增加变量和方法。

>首先在app.js中添加语句(如下图):

>此时,即在全局中添加了静态视图助手,那么,就可在整个app的视图中的各处使用命令引用上图定义的变量,并显示变量和方法函数的值。(在本例子中,就是在ejs文件中添加引用语句)

此时在启动服务器使用命令:npm start;在浏览器中输入网址即可访问引用了静态视图助手的效果:

localhost:3000即可看到:

2.动态视图助手(动态视图助手的实现方式和路由的方式相似,所以动态视图助手要将语句放在路由的前面

动态视图助手指的是该视图变量,方法与请求有关,一般用来解析请求信息,如用户登录信息,请求地址等。

实现步骤:

>首先,在app.js中添加动态视图助手的语句(如下图:):

>再次,在list.ejs文件中的body中添加语句:

>启动服务器npm start,然后在浏览中输入地址:http://localhost:3000/list;即可看到输出的结果为:(如下图)

 

posted @ 2017-01-18 19:57  Hfsuccess  阅读(2306)  评论(0编辑  收藏  举报