Excel表3级数据整理工具
前言
做专题经常会遇到做数据级联的需求,大部分需求都长一个模样。销售给你一个excel表,然后你做一个省市经销商的级联。不知道以前大家是怎么样做的,我之前是把excel复制到sublime中,然后使用正则,把数据整理成我们想要的形式。但是每次去弄正则蛋疼啊!还有使用不同的级联插件,所需要的数据形式也不同,通常还导致二次整理。浪费时间。不知道之前有没有人做过一个可以更加快捷的工作,今天我做了。三级和三级以内的级联都可以很方便的处理
工具介绍
工具地址:http://www1.pcauto.com.cn/zt/20160706/selectDataTool.html
工具会生成3种格式的数据:
1、第一种格式:数据之间通过键值pk连接,结构比较复杂,适用于大数据,不能做ip定向。
2、第二种格式:数据之间通过key和value链接,结构简单,数据也很小,能做ip定向,推荐使用。
3、第三种格式:这种是快秀广告专用的。
使用方法
1、去掉excel表中多余的数据,比如“省份”字段,“城市”字段,只留下我们需要的有效的数据。空格不用管,工具会自动清除
2、将表中的第一级数据(A列)复制到工具的第一个文本框
3、将表中的第二级数据(B列)复制到工具的第二个文本框
4、将表中的第三级数据(C列)复制到工具的第三个文本框
5、点击生成数据
6、复制“使用方法”下的文本框中的内容到你的html文件中,修改对应select的id即可
html文件格式(可忽略)
html文件必须包含select标签
<select id="data1Id" name="xxxx"></select>
<select id="data2Id" name="xxxx"></select>
<select id="data3Id" name="xxxx"></select>
级联插件使用方法(可忽略)
“使用方法”下的文本框中已经包含了级联插件地址和方法调用,可以直接复制。这里再简单说明下使用方法。
第一种格式的数据
没有ip定向功能
调用方法:
//new _initSelectData({});
new _initSelectData({
data1Id:"#data1Id",
data2Id:"#data2Id",
data3Id:"#data3Id",
data1Data:window._$data1,
data2Data:window._$data2,
data3Data:window._$data3
})
第二种格式的数据
可以ip定向
调用方法
new _initSelectData({},isIp); isIp为true表示设置ip定向,为false或者不填表示不设置ip定向。
var childSelect=new _initSelectData({
data1Id:"#data1Id",
data2Id:"#data2Id",
data3Id:"#data3Id",
data1Data:window._$data1,
data2Data:window._$data2,
data3Data:window._$data3
},true);
制作中遇到的难点
1.如何将excel中的数据转化为自己想要的数组
2.如何做ip定向