map、list、map(Object,map)的前台获取遍历

一、map
  
  

后台代码:


  
  
  1. Map <String,String> map2 = new HashMap();
  2. map2.put("a","hello world");
  3. map2.put("b","this is map");
  4. request.setAttribute("map2",map2);
前台代码:


  
  
  1. <c:forEach var="item" items="${map2}">
  2. ${item.key} > 或者 ${item['a']}
  3. ${item.value} <br>
  4. </c:forEach>


二、map(Object,map)

后台代码:


  
  
  1. List <String> list = new ArrayList <String>();
  2. list.add("first");
  3. list.add("second");
  4. List <String> list2 = new ArrayList <String>();
  5. list2.add("aaaaaa");
  6. list2.add("bbbbbb");
  7. Map <String,List<String>> map = new HashMap();//(List <Map(k,v)>同理)
  8. map.put("a",list);
  9. map.put("b",list2);
  10. request.setAttribute("map",map);
前台代码:


  
  
  1. <c:forEach var="item" items="${map['a']}">
  2. ${item } <br>
  3. </c:forEach> <br>
  4. <c:forEach var="item" items="${map['b']}">
  5. ${item } <br>
  6. </c:forEach> <br>
  7.  // map中值为列表,直接遍历列表中的每一项 <br>
  8. <c:forEach var="item" items="${map}">
  9. <c:forEach items="${item.value}" var="it">
  10. ${it } <br>
  11. </c:forEach>
  12. </c:forEach>

三、list
后台代码:


  
  
  1. List list=new ArrayList();
  2. list.add(user1);
  3. list.add(user2);
  4. list.add(user3);
  5. request.setAttribute(“list”,list);
user是一个类,里面有set/get方法
  
  
前台代码:


  
  
  1. <c:forEach var="user" items="${list}">
  2.              <c:out value="${user.username}" />
  3.           </c:forEach>




                        <li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#csdnc-thumbsup"></use>
                        </svg><span class="name">点赞</span>
                        <span class="count">1</span>
                        </a></li>
                        <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{&quot;mod&quot;:&quot;popu_824&quot;}"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-csdnc-Collection-G"></use>
                        </svg><span class="name">收藏</span></a></li>
                        <li class="tool-item tool-active is-share"><a href="javascript:;"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-csdnc-fenxiang"></use>
                        </svg>分享</a></li>
                        <!--打赏开始-->
                                                <!--打赏结束-->
                                                <li class="tool-item tool-more">
                            <a>
                            <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg>
                            </a>
                            <ul class="more-box">
                                <li class="item"><a class="article-report">文章举报</a></li>
                            </ul>
                        </li>
                                            </ul>
                </div>
                            </div>
            <div class="person-messagebox">
                <div class="left-message"><a href="https://blog.csdn.net/laixiaobailing">
                    <img src="https://profile.csdnimg.cn/8/A/8/3_laixiaobailing" class="avatar_pic" username="laixiaobailing">
                                            <img src="https://g.csdnimg.cn/static/user-reg-year/2x/8.png" class="user-years">
                                    </a></div>
                <div class="middle-message">
                                        <div class="title"><span class="tit"><a href="https://blog.csdn.net/laixiaobailing" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}" target="_blank">守护_潇潇</a></span>
                                            </div>
                    <div class="text"><span>发布了57 篇原创文章</span> · <span>获赞 14</span> · <span>访问量 19万+</span></div>
                </div>
                                <div class="right-message">
                                            <a href="https://im.csdn.net/im/main.html?userName=laixiaobailing" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-letter">私信
                        </a>
                                                            <a class="btn btn-sm  bt-button personal-watch" data-report-click="{&quot;mod&quot;:&quot;popu_379&quot;}">关注</a>
                                    </div>
                            </div>
                    </div>
    
发布了45 篇原创文章 · 获赞 0 · 访问量 3506

猜你喜欢

转载自blog.csdn.net/qq_44813090/article/details/104227518