Chinaunix首页 | 论坛 | 博客
  • 博客访问: 485441
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2017-11-14 11:17:08

视图助手

视图助手说明:

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,然后在浏览中输入地址:;即可看到输出的结果为:(如下图)



阅读(858) | 评论(0) | 转发(0) |
0

上一篇:sublime快捷键

下一篇:用Node.js创建网站(下)

给主人留下些什么吧!~~