主要实现两个功能点:(文本框只是单纯在一张图片上,都是无规则的,但是会在同列或同行上,大小长短不一)
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进行赋值