前台文本框数据与EXCEL的导入与导出

主要实现两个功能点：（文本框只是单纯在一张图片上，都是无规则的，但是会在同列或同行上，大小长短不一）

1。将前台指定区域内的所有文本框的值导出成EXCEL表

2。将EXCEL表中数据放到前台指定区域内的所有文本框中

 

步骤：

导出

1。用JS选择矩形区域

2。获得所选区域内文本框信息（通过与所选区域坐标是否相交或包含来判断是否在区域内），将各文本框信息组装成长串（也要把每个文本框被读到的顺序INDEX存入）

3。把得到的字符串传到后台（在JS中将此值赋给某个HIDDEN 文本框就行）。对字符串进行拆分成一个个文本框

4。将文本框进行定位，主要是定位它们的行与列

    具体方法：

   定位操作步骤
   * 1、得到边界值
   * 2、采用拉网的方式，进行X方向的扫描
   * 如px`从边界左边开始，按width=10扫描，每次检测是否有文本框与其在同一列，
   * （同一列的意思是X有交集）
   * 有则找出与该文本框同列的框集合（无则py+=width继续扫描），再分别标记上列号，
   * px则定位到该集合中右下角X最大者，继续扫描，直至到右边界.
   * 3、Y扫描与2同样的方法

5。定位成功后按各自的行列写到EXCEL中即可

 

EXCEL的导入：

1。矩形选择区域

2。点导入按钮出现上传文件框，上传文件后，提交。这里还得将前台各输入框信息（可能没值，但有位置）传到后台并进行解析定位。

3。读取EXCEL内容，用HASHMAP存里面的信息，键值是行列组成的字符串

4。给后台的各文本框赋值，再组装成长串

5。利用IFRAME，调用父窗口的JS方法，将此长串返回给父窗口，通过该方法对长串进行解析，并根据文本框的INDEX进行赋值