赞
踩
<el-table :height="tableHeight" ref="multipleTable" :data="tableData" v-loading="dataListLoading" highlight-current-row tooltip-effect="dark" :row-style="rowClass" style="font-size: 15px"> <el-table-column :show-overflow-tooltip = "true" :label="col" :prop="col" v-for="col in cols"> </el-table-column> </el-table>
因为列数不确定,有哪些列也不确定,我们只能采用v-for的方式动态循环生成el-column标签,prop和label分别绑定同一个(或者不同的标识符,这需要在后端实体类增设字段)
这部分很简单,就是很普通的输入框,用来记录前端输入的sql语句
控制器和服务层不必多说,按流程走就行,重点是dao层
由于是动态查询,不可能预先知道查询结果对应什么实体类,所以不用entity,也不用dto做映射。
那么如何获取数据呢?
HashMap
将列名/字段值以键值对的方式存入map,再将map存入list,就可以完整地映射一个表。
目前我只用过jdbcTemplate实现这一功能,myBatis和hibernate还未尝试,所以先写jdbcTemplate的实现:
@Autowired private JdbcTemplate jdbc; @Override public Map<String, Object> querySqlData(PageObj obj, String sql) { String sqlType=sql.substring(0, sql.indexOf(" ")).toLowerCase(); if (sqlType.equals("update")||sqlType.equals("insert")||sqlType.equals("delete")) { this.jdbc.update(sql); return null; } List<Object> param=new ArrayList<>(); List<Object> list2=new ArrayList<>(); List<Object> list= queryByPage(sql, new RowMapper<Object>() { @Override public Object mapRow(ResultSet rs, int rowNum) throws SQLException { Map<String,Object> row=new HashMap<String, Object>(); ResultSetMetaData rowdata =rs.getMetaData(); for(int i=1;i<=rowdata.getColumnCount();i++){ String columnName=rowdata.getColumnLabel(i); row.put(columnName, rs.getObject(i)==null?"":rs.getObject(i)); list2.add(columnName); } return row; } },obj,param.toArray()); Map<String, Object> map =new HashMap<String, Object>(); List<Object> list3=(List) list2.stream().distinct().collect(Collectors.toList()); map.put("cols_list", list3); map.put("rows", list); map.put("pageObj", obj); return map; }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。