zoukankan      html  css  js  c++  java
  • express4中模板引擎ejs

    node使用express4框架,模板引擎采用ejs

    那么,创建项目命令行:express -e 项目名称

    没错,项目创建后会发现views文件夹中没有了layout.ejs。要想使用layout.ejs,有一种方法可以实现,需要下载包express-ejs-layouts。

    包下载好后,导入到app.js中。

    当然关于模板引擎,还有一些配置项,如果你需要的话,比如:

    layout属性,可以全局配置模板,上面代码中,表示统一不要模板。当然除了全局配置外,还可以在某次渲染中单独指定layout,下面会涉及到。

    新建一个layout.ejs文件,内容如下:

     关于ejs的语法,它只有以下3中标签:

    • <% code %>:js代码。
    • <%= code %>:显示替换html特殊字符的内容。
    • <%- code %>:显示原始html内容。

    应用:

    比如下面渲染index.ejs模板。

    layout可以为某次渲染单独指定模板,上面将模板指定为layout1.ejs,那么在全局指定的模板设置中关于layout字段的配置会被覆盖掉。

    layout1.ejs模板如下:

    而index.ejs模板是如下:

    listitem.ejs模板如下:

     渲染结果如下:

     上面渲染中用到了局部渲染。也就是说模板中用到了另一个模板,上面再index.ejs模板中利用include用到了listitem.ejs模板。

    视图助手:

    Express提供了一种叫做视图助手的工具,他的功能是允许在视图中访问一个全局的函数或变量,不用每次调用视图解析的时候单独传入。视图助手有两类,分别是静态视图助手和动态视图助手。两者的差别在于,静态视图助手可以是任何类型的对象,包括接受任意参数的函数,但访问到的对象必须是与用户请求无关的,而动态视图助手只能是一个函数,这个函数不能接受参数,但可以访问req和res对象。

     静态视图助手:

    在上面图中,渲染index.ejs时,使用了静态视图助手,定义了一个全局方法testFunction(),可在模板中直接使用。

    动态视图助手:

    在express4创建的项目中,可以看到下面这部分代码:

    message和error就是动态视图助手,可以发现他们与req有关。

  • 相关阅读:
    Ant
    责任链模式
    日志logback
    知识点
    三个实例演示 Java Thread Dump 日志分析
    IDEA运行编译后配置文件无法找到,或配置文件修改后无效的问题
    IDEA创建MAVEN WEB工程
    多线程源码分析ThreadPoolExecutor
    解决
    微博关系服务与Redis的故事
  • 原文地址:https://www.cnblogs.com/yddlvo/p/8417482.html
Copyright © 2011-2022 走看看