利用d3模板渲染excel数据采集，+文章查询本文

　　利用d3模板渲染excel数据采集，+文章查询本文

　　关键词文章采集：vue+excel数据采集，+文章查询本文主要介绍利用d3模板渲染excel数据，并通过excel数据库查询数据，了解excel的相关使用方法。d3是当前最流行的mvvm框架，它提供强大的功能，可以用最简单的方式定义一个丰富的框架，包括数据解析，视图，模板等功能，d3极大地简化了mvvm的开发。

　　但是初始界面调试以及开发过程中存在难以修改的问题，导致功能效果不是那么的完善。本教程主要用到d3最新推出的官方主题：-bootstrap/#symbols好啦，我们开始在exceld3界面上操作吧！开发环境搭建本教程所用的是d31.0.0版本，只支持windows系统。下载地址：。安装d3插件。之后打开excel，就可以看到这样一段代码：plz=d3.publicpath();varfile=d3.data.loadtext(plz);if(file.exists()){d3.data.parent.push({mode:"d3",index:1,title:"d3",functioning:true,before:{text:"(eval)"},after:{text:"(eval)"}})}d3.parent.list(file);endif;end在excel打开的图片是sheet1，图片在sheet2里。

　　所以这里先在sheet1里添加数据。上面这段代码中指定用d3.publicpath()添加源文件地址，最终我们可以得到以下结果：plz=d3.publicpath();plz=d3.data.loadtext(plz);plz=d3.data.parent.push({mode:"d3",index:1,title:"d3",functioning:true,before:{text:"(eval)"},after:{text:"(eval)"}});end在sheet2的excel数据里，在右侧添加d3datasubmitplz=d3.publicpath();plz=d3.data.loadtext(plz);plz=d3.data.parent.push({mode:"d3",index:1,title:"d3",functioning:true,before:{text:"(eval)"},after:{text:"(eval)"}});endd3.parent.list(file);endend代码本文演示的是d3.publicpath()创建一个类名为d3path的对象，里面放入excel文件路径。

　　注意：在excel文件路径里必须添加一个publicpath参数。如果没有指定，则会报错。那么，我们创建一个图片放到sheet2文件夹里，图片数据放在excel图片里。在exceld3中创建一个图片资源的createpath=d3.exceldata.loadtext(plz);我们再次excel打开图片，可以看到excel文件加载到首页了：我们往图片加个文本，并写。