zoukankan      html  css  js  c++  java
  • node.js 模板 ejs 转

    node.js 模板引ejs。 
    搜了一把推荐用ejs的最多。 
    速度比对:http://www.cnblogs.com/fengmk2/archive/2011/04/28/2031971.html 

    ejs速度不是最快的,推荐最多大概是因为其简单的语法结构。主要通过<% %><%=%>来嵌套代码。比如符合阅读逻辑,同时也省去不少学习语法的成本。 
    另有一些自定义的方法:如link_to(name, url),img_tag(url)等。 
    还可以支持json。 
    =========== 
    ejs的特性: 
        1、缓存功能,能够缓存已经解析好的html模版; 
        2、<% code %>用于执行其中javascript代码; 
        3、<%= code %>会对code进行html转义; 
        4、<%- code %>将不会进行转义; 
        5、支持自定义标签,比如'<%'可以使用'{{','%>'用'}}'代替; 
        6、提供一些辅助函数,用于模版中使用 
        7、利用<%- include filename %>加载其他页面模版; 
        
        使用示例 
        1、ejs.compile(str, options); 将返回内部解析好的Function函数 
        2、ejs.render(str, options); 返回经过解析的字符串 

        其中options的一些参数为: 
        1、cache:是否缓存解析后的模版,需要filename作为key; 
        2、filename:模版文件名; 
        3、scope:complile后的Function执行所在的上下文环境; 
        4、debug:标识是否是debeg状态,debug为true则会输出生成的Function内容; 
        5、compileDebug:标识是否是编译debug,为true则会生成解析过程中的跟踪信息,用于调试; 
        6、client,标识是否用于浏览器客户端运行,为true则返回解析后的可以单独运行的Function函数; 
        7、open,代码开头标记,默认为'<%'; 
        8、close,代码结束标记,默认为'%>'; 
        9、其他的一些用于解析模版时提供的变量。 
        在express中使用时,options参数将由response.render进行传入,其中包含了一些express中的设置,以及用户提供的变量值。 

        此外ejs还提供了一些辅助函数,用于代替使用javascript代码,使得更加方便的操纵数据。 
        1、first,返回数组的第一个元素; 
        2、last,返回数组的最后一个元素; 
        3、capitalize,返回首字母大写的字符串; 
        4、downcase,返回字符串的小写; 
        5、upcase,返回字符串的大写; 
        6、sort,排序(Object.create(obj).sort()?); 
        7、sort_by:'prop',按照指定的prop属性进行升序排序; 
        8、size,返回长度,即length属性,不一定非是数组才行; 
        9、plus:n,加上n,将转化为Number进行运算; 
        10、minus:n,减去n,将转化为Number进行运算; 
        11、times:n,乘以n,将转化为Number进行运算; 
        12、divided_by:n,除以n,将转化为Number进行运算; 
        13、join:'val',将数组用'val'最为分隔符,进行合并成一个字符串; 
        14、truncate:n,截取前n个字符,超过长度时,将返回一个副本 
        15、truncate_words:n,取得字符串中的前n个word,word以空格进行分割; 
        16、replace:pattern,substitution,字符串替换,substitution不提供将删除匹配的子串; 
        17、prepend:val,如果操作数为数组,则进行合并;为字符串则添加val在前面; 
        18、append:val,如果操作数为数组,则进行合并;为字符串则添加val在后面; 
        19、map:'prop',返回对象数组中属性为prop的值组成的数组; 
        20、reverse,翻转数组或字符串; 
        21、get:'prop',取得属性为'prop'的值; 
        22、json,转化为json格式字符串 

    ===================== 
    模板示例: 

    Html代码  收藏代码
    1. <!-- templates/supplies.ejs -->  
    2.   
    3. <h1>Supplies</h1>  
    4. <ul>  
    5. <% for(var i=0; i<supplies.length; i++) {%>  
    6.    <li><%= supplies[i] %></li>  
    7. <% } %>  
    8. </ul>  



    关于ejs的使用可参照: 
    http://node-js.diandian.com/post/2012-07-03/40029704518 
    http://blog.csdn.net/lisownjay/article/details/16952723 
    http://www.csser.com/board/4fddc4f0b28ed7d857001674#/post/4fddc603b28ed7d85700168a 
    http://nodeguide.com/index.html

    转自 http://sunnyhl.iteye.com/blog/1985539

  • 相关阅读:
    mysql迁移达梦数据库varchar长度问题
    处理器 i3 i5 i7 i9 区别,以及K F 区别
    mybatis配置文件,Mapper标签下以package包扫描形式时需要Mapper.xml文件名称和mapper接口名称一致
    add、commit、push、pull 、merge 的区别与作用
    testng 接口测试,读取Excel表格数据中json数据,做数据驱动
    windows 系统查看端口与进程,查看某个具体的端口所占用的进程号,杀掉进程
    码云gitee删除仓库
    java.sql.SQLNonTransientConnectionException: Public Key Retrieval is not allowed
    maven+mybatis+spring 项目整合log4j,实现控制台打印SQL语句
    将idea 中 代码提交至码云
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4057657.html
Copyright © 2011-2022 走看看