前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >freemarker里取map的key和value(ftl中怎么获取map的key和value)

freemarker里取map的key和value(ftl中怎么获取map的key和value)

作者头像
凯哥Java
发布2022-12-15 15:24:58
4.4K0
发布2022-12-15 15:24:58
举报
文章被收录于专栏:凯哥Java凯哥Java

在工作中,有时候,我们需要获取到后台返回的map,在freemarker中展示。那么怎么处理呢?

在table中使用的案例:

代码语言:javascript
复制
<#assign userMap=data/>
<#assign  keys=userMap?keys/>
<#list keys as key>
  <tr class="table_one_height">
<td class="table_one_bgd">${key}</td>
<td class="table_one_content">${userMap[key]!''}</td>
</tr>
</#list>

说明:data就是后台返回的map.

在来看个,在select中使用的案例:

后台数据:

1055d2885c8011d614bcf497dec35c45.png
1055d2885c8011d614bcf497dec35c45.png

前台页面展示效果:

21626a4067a55d4cea72f7d637813efb.png
21626a4067a55d4cea72f7d637813efb.png
a3416279b17a3f9fda7b36baea835203.png
a3416279b17a3f9fda7b36baea835203.png

前台代码:

cb2adb82825650c42771f9569b90a472.png
cb2adb82825650c42771f9569b90a472.png
代码语言:javascript
复制
<div class="col-xs-12 form-group">
    <label class="col-xs-2 text-right control-label"><span style="color: red;">*</span>兼职管理人:</label>
    <div class="col-xs-4 field">
        <#assign jobmanagerMap=jobmanager/>
        <select name="manager" class="form-control input-static-lg" id="jp-manager-select">
            <option value="">请选择兼职管理人</option>
            <#assign  keys=jobmanagerMap?keys/>
            <#list keys as key>
                <option value="${key}-${jobmanagerMap[key]!''}">${key}-${jobmanagerMap[key]!''}</option>
            </#list>
        </select>
    </div>
</div>

总结:

1:先给后台传回的map对象起个别名。

代码语言:javascript
复制
<#assign jobmanagerMap=jobmanager/>

2:从别名中得到所有的key

代码语言:javascript
复制
<#assign  keys=jobmanagerMap?keys/>

3: 循环所有的keys

代码语言:javascript
复制
<#list keys as key>
 </#list>

4:获取单个key.并根据key获取到value

代码语言:javascript
复制
<#list keys as key>
                <option value="${key}-${jobmanagerMap[key]!''}">${key}-${jobmanagerMap[key]!''}</option>
            </#list>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-01-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档