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

     

  • 相关阅读:
    ThinkPHP5查询-select与find理解
    Gradle一分钟实现Spring-MVC
    CentOS 7 之Helloworld with c
    Python3学习之二Django搭建
    Python3学习之一环境搭建
    CentOS 7 之安装Mono&MonoDevelop
    CentOS 7 之Cisco Anyconnect Secure Mobility Client
    CentOS 7 之Shell学习笔记
    CentOS 7 之安装X Window System
    CentOS 7 之几个新特性(转)
  • 原文地址:https://www.cnblogs.com/zhushunli/p/6298020.html
Copyright © 2020-2023  润新知