zoukankan      html  css  js  c++  java
  • artTemplate 原生 js 模板语法版

    在页面中引用模板引擎:

    <script src="dist/template-native.js"></script>


    下载

    表达式

    <% 与 %> 符号包裹起来的语句则为模板的逻辑表达式。

    输出表达式

    对内容编码输出:

    <%=content%>
    

    不编码输出:

    <%=#content%>
    

    编码可以防止数据中含有 HTML 字符串,避免引起 XSS 攻击。

    逻辑

    支持使用 js 原生语法

    <h1><%=title%></h1>
    <ul>
    	<%for(i = 0; i < list.length; i ++) {%>
        	<li>条目内容 <%=i + 1%> :<%=list[i]%></li>
    	<%}%>
    </ul>
    

    模板不能访问全局对象,公用的方法请参见文档 辅助方法 章节

    模板包含表达式

    用于嵌入子模板。

    <% include('template_name') %>
    

    子模板默认共享当前数据,亦可以指定数据:

    <% include('template_name', news_list) %>
    

    辅助方法

    使用template.helper(name, callback)注册公用辅助方法,例如一个基本的 UBB 替换方法:

    template.helper('$ubb2html', function (content) {
        // 处理字符串...
        return content;
    });
    

    模板中使用的方式:

    <% $ubb2html(content) %>

    技术交流QQ群:15129679
     
  • 相关阅读:
    作业6
    作业8
    作业7
    作业5
    作业4
    作业3
    作业2
    作业1
    浏览器跨域的细节
    解析node-cors模块
  • 原文地址:https://www.cnblogs.com/yeminglong/p/8028386.html
Copyright © 2011-2022 走看看