handlebars Block Expressions 块表达式直接使用html标签拼接方式（使用较少）

来源：互联网发布：淘宝咬鲜花表情编辑：程序博客网时间：2024/05/29 06:27

    @RequestMapping("testDemo07.do")    public List<Emp> testDemo07(){        List<Emp> emps = new ArrayList<Emp>();        emps.add(new Emp(1111, "老龚", 33, "1", 1000.00, new Date(), new Timestamp(System.currentTimeMillis())));        emps.add(new Emp(1111, "老李", 30, "0", 1600.00, new Date(), new Timestamp(System.currentTimeMillis())));        emps.add(new Emp(1111, "老罗", 23, "2", 3000.00, new Date(), new Timestamp(System.currentTimeMillis())));        return emps;    }

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><div id="demo"></div><script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/handlebars-4.0.10.min.js"></script><!-- 定义handlebars模板 --><script type="text/x-handlebars-template" id="demo_ht">{{#list this}}    {{id}}--{{name}}--{{age}}{{/list}}</script><script type="text/javascript">    $(function(){        $.ajax({            type:"post",            url:"test/testDemo02.do",            dataType:"json",            success:function(data){                //编译模板                var demo_ht = Handlebars.compile($("#demo_ht").html());                Handlebars.registerHelper('list', function(items, options) {                  var out = "<ul>";                  for(var i=0; i<items.length; i++) {                    out = out + "<li>" + (i+1) + "--" + options.fn(items[i]) + "</li>";                  }                  return out + "</ul>";                });                //模板渲染数据                var _html = demo_ht(data);                //dom操作                $("#demo").html(_html);            },            error:function(){                alert("请求发生异常!");            }        });    });</script></body></html>

这里写图片描述

阅读全文

0 0

handlebars Block Expressions 块表达式 直接使用html标签拼接方式（使用较少）

handlebars Block Expressions 块表达式直接使用html标签拼接方式（使用较少）