一、前端

1、标签部分

<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>

2、解释

因为列数不确定，有哪些列也不确定，我们只能采用v-for的方式动态循环生成el-column标签，prop和label分别绑定同一个（或者不同的标识符，这需要在后端实体类增设字段）

二、输入sql

这部分很简单，就是很普通的输入框，用来记录前端输入的sql语句

三、后端

控制器和服务层不必多说，按流程走就行，重点是dao层

1、实体类不可用

由于是动态查询，不可能预先知道查询结果对应什么实体类，所以不用entity，也不用dto做映射。
那么如何获取数据呢？
HashMap
将列名/字段值以键值对的方式存入map，再将map存入list，就可以完整地映射一个表。

2、获取列名/列值

目前我只用过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;
	}