Handlebars Paths Handlebars 路径处理相当于html等静态资源引用的相对路径

来源：互联网发布：淘宝时间是北京时间吗编辑：程序博客网时间：2024/06/07 04:00

    @RequestMapping("testDemo08.do")    public Manager testDemo08(){        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(1112, "老李", 30, "0", 1600.00, new Date(), new Timestamp(System.currentTimeMillis())));        Emp emp = new Emp(1113, "老罗", 23, "2", 3000.00, new Date(), new Timestamp(System.currentTimeMillis()));        emp.setJobs(new String[]{"销售副经理","开发工程师","测试工程师"});        emps.add(emp);        Manager m = new Manager(1001, "lucy", emps);        return m;    }

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><table width="50%" border="1">    <thead>        <tr>            <th>MID</th>            <th>MNAME</th>            <th>EMPS</th>        </tr>    </thead>    <tbody id="demo">    </tbody></table><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模板 --><!--     <td>{{../mname}}</td>  相当于html页面的路径  可以退出一层找到父目录    <td>{{this/name}}</td> 标识当前对象的name属性    <td>{{this.name}}</td> 标识当前对象的name属性    <td>{{./name}}</td> 标识当前对象的name属性 --><script type="text/x-handlebars-template" id="demo_ht"><tr>    <td>{{this.mid}}</td>    <td>{{this.mname}}</td>    <td>        <table width="100%" border="1">            {{#each emps}}            <tr>                <td>{{./id}}</td>                <td>{{this/name}}</td>                <td>{{../mname}}</td>                <td>                    {{#if jobs}}                    <table width="100%" border="1">                        {{#each jobs}}                        <tr>                            <td>{{this}}</td>                            <td>{{../../mid}} -- {{../../mname}}</td>                            <td>{{../name}}</td>                        </tr>                        {{/each}}                    </table>                    {{/if}}                </td>            </tr>            {{/each}}        </table>    </td></tr></script><script type="text/javascript">    $(function(){        $.ajax({            type:"post",            url:"test/testDemo08.do",            dataType:"json",            success:function(data){                //编译模板                var demo_ht = Handlebars.compile($("#demo_ht").html());                //模板渲染数据                var _html = demo_ht(data);                //dom操作                $("#demo").html(_html);            },            error:function(){                alert("请求发生异常!");            }        });    });</script></body></html>

这里写图片描述

阅读全文

0 0

Handlebars Paths Handlebars 路径处理 相当于html等静态资源引用的相对路径

Handlebars Paths Handlebars 路径处理相当于html等静态资源引用的相对路径