㈠ 怎么在web中实现类似excel的表格控件
你说的是纯前端具有类似Excel操作的表格控件吧?根据你的需求来分析,SpreadJS应该比较符合你的需求,这个控件可嵌入系统并实现在线Excel的功能。
详细的信息,可以参考下面的描述
http://www.gcpowertools.com.cn/procts/spreadjs/
㈡ 前端怎么实现导出excel内容是数值
在web开发中,有一个经典的功能,就是数据的导入导出。特别是数据的导出,在生产管理或者财务系统中用的非常普遍,因为这些系统经常要做一些报表打印的工作。而数据导出的格式一般是EXCEL,我这里就给大家介绍下^_^。
首先我们来导出EXCEL格式的文件吧。现在主流的操作Excel文件的开源工具有很多,用得比较多的就是Apache的POI及JExcelAPI。这里用Apache POI!先去Apache的大本营下载POI的jar包:http://poi.apache.org/
开启分步阅读模式
工具材料:
Eclipse
操作方法
01
首先进入poi的官网,下载需要的jar包,如图所示,下载zip包
02
其次,将下载的zip包解压,并将根目录、lib目录和ooxml-lib目录下的jar包放入工程目录的lib文件中(下一步会说明具体位置)。
03
然后,新建javaweb项目,例如poi-micro项目,将上面的jar包复制到poi-micro\WebContent\WEB-INF\lib目录下,实际上上面的jar包放在本机的固定文件夹中即可,在build path时倒入进去就OK了。
04
导出的excel表格的每一行可抽象成一个实体类,例如,导出学生信息excel表格,则一行记录表示一个学生的信息。以此为例,则需要新建学生实体类Student,如图示。该类有一些属性两个构造方法和get/set方法组成。
05
下面,编写导出excel表格的功能实现类了,为了该类具有通用型,使用泛型和反射机制,安装属性的顺序输出实体类的属性信息。
06
最后编写测试方法,在main方法中新建几个学生对象,调用上面的excel表格导出类的方法即可。
07
最终的导出excel表格如图示。
㈢ Web前端怎样实现像excel那样的按列拖选的表格
Web前端实现像excel那样的按列拖选表格的方法:
1.通过flash,flex实现FLEX 功能强大的datagrid
2.通过jquery插件,js实现
JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。
㈣ 关于前端如何导出后台传来的excel接口
题主所说的导出指的是让前端去下载后台的Excel还时还要有其他操作呢?
如果单纯去下载,可以基于XMLHttpRequest请求,请求一个服务器或者后端的Excel文件,然后设置responseType为blob二进制流来传输。例如:
var excelFilePath = 'resources/Excel/importExcel.xlsx';
var xhr = new XMLHttpRequest();
xhr.open('GET', excelFilePath, true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
var blob = this.response;
}
之后onload里面的blob就是这个Excel文件的二进制流,接下来只要将blob转成文件进行下载就可以了,JS中有很多开源的第三方类库可以做到,例如filesaver。如果是用filesaver的话,调用其中的saveAs方法就可以将该blob转成对应文件进行下载
例如
var fileName = "test.xlsx"
saveAs(blob, fileName);
把上述方法加到onload 方法中,前端就会下载一个名为test.xlsx的Excel文件,内容就是后端传过来的Excel
如果还要有其他操作例如展示或者在线的编辑,就需要一些第三方控件来完成了,比如SpreadJS
上述的方法也是在他们的官方论坛中学到的,参考网址:
网页链接
㈤ 前端、后台对excel表格的处理
这样的需求需要通过一些专业的类Excel控件来完成,这些类Excel控件一般都会有Excel表格展示的功能,在您的系统页面中嵌入上控件之后页面中就会初始化一个Excel表格,之后控件一般都会将Excel的相关功能全部封装成对应的API,例如Excel的导入,导出,公式,图表,形状,单元格操作等。之后根据需求需要用到哪些调用相应的API就可以完成了。
所以你上面说的读进用户的Excel,其实就是导入功能,求和就是公式相关操作的一种,提取列的数据就是正常的单元格操作的其中一种。
如果你是前端导入的话,这里推荐使用SpreadJS,这个是一个纯前端的类Excel控件,可以用JavaScript语言实现上述所有的功能。
㈥ 如何实现SpreadJS的纯前端Excel导入导出
导入
导入时使用excelio的open方法,在successCallBack回掉中我们可以获取到Spread.Sheets的JSON对象。
导出
导出时使用save方法,传递json对象,在successCallBack中会获得一个Excel文件的blob对象。您可以在前段通过使用FileSaver.js直接保存Excel,也可将blob提交服务器处理。
具体的代码实现,请参考下面的博客
http://blog.gcpowertools.com.cn/post/spreadsheetsv10-clientside-excelio.aspx
㈦ 能不能用Excel做前端,连接和访问后台的SQLS
注意题主说的是做前端,楼上的回答虽然能解决连接和访问后台SQL的问题,但是Excel是做不了前端的,Excel始终是一个应用程序。
如果想要做到题主的需求,需要在前端页面中嵌入一个类似Excel表格的组件。这种组件如果自己来开发,代价会很大。目前市面上有一些专门做类似Excel表格组件这种的第三方,可以去评估一个不错的组件,引入到自己的系统中去。我这边也可以推荐一款SpreadJS,类似这样的组件嵌入到前端的页面中就可以实现效果了。并且组件本身也有相应的接口可以获取或者设置数据,只需要将数据传递给服务器端,服务器端再与数据库进行交互就可以解决题主的需求。