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;即可看到输出的结果为:(如下图)