mtjmtj7的小站
mtjmtj7的小站
© mtjmtj7
All Rights Reserved.

LayUI template

官网地址      https://www.layui.com/doc/modules/laytpl.html

背景介绍:因为关联查询,得到的收入记录中包含字段分类id,所以先一对一关联查询,正是因为使用了spring-data-jpa,得到的结果如下:

[inid=2, inname=2月工资, money=100, 
inType=InType [itid=1, itname=工资], 
accountid=25, createtime=2019-01-21 00:14:40, updatetime=2019-01-21 00:14:40, remark=另加额外20块]

此时注意这个inType是一个bean对象,但是这样的结果在layui-table中展示不出来(是我不会)…

经过一番搜索要使用模板引擎…搞了几天也不会…

问大佬说是后台改成一样的数据类型…

解决办法:

1,数据库也不用设置外键,前端判断

2,后台正常查询

3,再引入layui.js之后使用laytpl

4,table中选择该模板引擎

示例如下:

1,table cols:

,{field:'intypeid', title: '分类',sort: true,templet: '#inType'}

2,模板引擎

        <script type="text/html" id="inType">
            <div>
            {{# var fu = function(){
                            var iType = d.intypeid;
                            if(iType == 1){return "工资";}
                            else if(iType == 2){return "奖金";}
                            else{return "其它";}
                        }
            }}
            {{fu()}}
            </div>
        </script>

d是layui封装的。代表每一行的数据对象,模板中对应的iType是后台对象必须存在属性,才能相应进行转换。

一举两得既不用关联查询,还能展示数据

 

大佬原文:https://www.cnblogs.com/feiyang930112/p/9232971.html

打赏
2019-01-28
22 阅读
暂无评论

发表评论