play1 前端遍历后端返回的数据

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u013066244/article/details/79411247

环境

play framework 1 : 1.2.7
java:1.7

前言

很久没有写前端页面了,今天在写一个很简单的遍历时,结果纠结了挺久的,就是弄不出来;
这里做个笔记。

获取Map中的值

我后端的java代码返回的是一个map

		mm.put("aa", 1);
		mm.put("bb", "yutao");
		mm.put("cc", "tao");
		renderTemplate("servermonitor/config/query.html", mm);

正确的获取方式:

<td>${mm.aa}</td>
<td>${mm.bb}</td>
<td>${mm.cc}</td>
//还可以
<select class="form-control input-sm" name="regModel.module" id="module">
 	<option value="">全部模块</option>
 	#{list items:commonLinkMap, as:'ft'}
 		#{if regModel?.module== ft.key}
 			<option value="${ft.key}" selected="selected">${ft.value}</option>
 		#{/if}
 		#{else}
 			<option value="${ft.key}">${ft.value}</option>
 		#{/else}
 	#{/list}
 </select>
 
//其中commonLinkMap为:
LinkedHashMap<String, String> linkMap = new LinkedHashMap<String, String>();
linkMap.put("date", "日期");
linkMap.put("G3_02", "寻宝");
linkMap.put("G3_03", "事件");
linkMap.put("G3_04", "主题");
linkMap.put("G3_05", "诊股");
linkMap.put("G3_06", "研报");
linkMap.put("G3_07", "自选");
linkMap.put("G3_08", "个股");
linkMap.put("G3_09", "行情");
linkMap.put("G3_10", "数据");
linkMap.put("G3_11", "直播");
linkMap.put("G3_13", "业绩");
linkMap.put("G3_17", "好公司");
linkMap.put("G3_18", "资讯");
linkMap.put("G3_15", "私募");
linkMap.put("G3_16", "社交");

获取List<Map<String, Object>>

java后端,返回的是:
result是个List<Map<String, Object>>

		String sql = "select * from serverlist where status = 1" + ";";
		logger.debug(sql);
		
		List<Map<String, Object>> result = new ArrayList<Map<String, Object>>();
		
		try {
//			connection.setAutoCommit(false);
			
			PreparedStatement ps = connection.prepareStatement(sql);
			
			ResultSet rs = ps.executeQuery();
			
			while(rs.next()){
				//command shell 命令
				Map<String, Object> map = new HashMap<String, Object>();
				String ip = rs.getString("ip");
				int port = rs.getInt("port");
				String username = rs.getString("username");
				
				map.put("ip", ip);
				map.put("port", port);
				map.put("username", username);
				result.add(map);
			}
			rs.close();
			ps.close();
		} catch (SQLException e) {
			logger.error("------SQLException-----" + e.getStackTrace());
		}
		renderTemplate("servermonitor/config/query.html", result);

这个时候,前端就需要进行遍历:

#{list items:result, as:'n'}
 <tr>
    <td>${n.ip}</td>
    <td>${n.port}</td>
    <td>${n.username}</td>
</tr>
#{/list}

序号

${n_index}

暂时写这些,这两个最常用!

展开阅读全文

没有更多推荐了,返回首页