精华内容
下载资源
问答
  • 纯前端实现的webExcel

    2019-05-07 10:35:53
    纯前端实现的webExcel,支持插入行列,合并单元格,九宫格布局等
  • java web Excel文件导出

    2018-05-28 10:17:22
    提供列表查询匹配的excel数据导出,引用该工具类,只需要在页面上引用导出的自定义标签,然后按照提供的使用文档进行配置,后端action层或者controller层,实现其数据加载的抽象方法即可(使用方式也在文档中说明)...
  • 前端_HTML_Web Excel导入

    2018-04-26 17:44:31
    前端_HTML_Web Excel导入,内有可以使用的demo,前端_HTML_Web Excel导入,内有可以使用的demo
  • 在线Excel的前端组件、控件,实现web Excel 在互联网众多领域,都有导入导出的场景;但是有些场景 是导出来 编辑 再导进去,无疑是一个很麻烦的事情,失去了互联网的价值,同时也存在性能,数据一致性的问题。所以一...

    在线Excel的前端组件、控件,实现web Excel

    在互联网众多领域,都有导入导出的场景;但是有些场景 是导出来 编辑 再导进去,无疑是一个很麻烦的事情,失去了互联网的价值,同时也存在性能,数据一致性的问题。所以一个线上Excel很是重要。

    这里推荐两个 前端技术供大家参考:
    SpreadJS

    SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等功能,适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。

    SpreadJS具有以下功能特点:

             丰富的数据交互和外观
    	   数据、显示、可视化和分析支持
           强大的计算引擎
           工作表和单元格级别的数据绑定
           数据验证
           单元格类型
           数据操作
           高速、低耗
    

    https://www.grapecity.com.cn/developer/spreadjs

    JExcel.js

    展开全文
  • java web Excel导入数据库java web Excel导入数据库 java web Excel导入数据库java web Excel导入数据库
  • java web Excel在网页预览

    万次阅读 2018-07-04 11:54:34
    * @param wb excel生成的Workbook (可读取io转换生成workbook) */ public static void writToAjax(HttpServletResponse response, HSSFWorkbook wb) throws IOException { try { ExcelToHtmlConverter ...

    pom.xml添加

            <dependency>
                <groupId>org.apache.poi</groupId>
                <artifactId>poi</artifactId>
                <version>3.9</version>
            </dependency>
            <dependency>
                <groupId>org.apache.poi</groupId>
                <artifactId>poi-ooxml</artifactId>
                <version>3.9</version>
            </dependency>
            <dependency>
                <groupId>org.apache.poi</groupId>
                <artifactId>poi-ooxml-schemas</artifactId>
                <version>3.9</version>
            </dependency>
            <dependency>
                <groupId>org.apache.poi</groupId>
                <artifactId>poi-scratchpad</artifactId>
                <version>3.9</version>
            </dependency>

     

    后端处理方法代码:

     

            /** 
             * Workbook生成HTML方法
    	 * @param response  后端接口返回参数 
    	 * @param wb excel生成的Workbook  (可读取io转换生成workbook)
    	 */
    	public static void writToAjax(HttpServletResponse response, HSSFWorkbook wb) throws IOException {
    		try {
    			ExcelToHtmlConverter ethc = new ExcelToHtmlConverter(
    					DocumentBuilderFactory.newInstance().newDocumentBuilder().newDocument());
    			ethc.setOutputColumnHeaders(false);
    			ethc.setOutputRowNumbers(false);
    			ethc.processWorkbook(wb);
    
    			Document htmlDocument = ethc.getDocument();
    			ByteArrayOutputStream out = new ByteArrayOutputStream();
    			DOMSource domSource = new DOMSource(htmlDocument);
    			StreamResult streamResult = new StreamResult(out);
    
    			TransformerFactory tf = TransformerFactory.newInstance();
    			Transformer serializer = tf.newTransformer();
    			serializer.setOutputProperty(OutputKeys.ENCODING, "UTF-8");
    			serializer.setOutputProperty(OutputKeys.INDENT, "yes");
    			serializer.setOutputProperty(OutputKeys.METHOD, "html");
    			serializer.transform(domSource, streamResult);
    			out.close();
    
    			String htmlStr = new String(out.toByteArray(), "UTF-8");
    
    			htmlStr = htmlStr.replace("<h2>Sheet1</h2>", "").replace("<h2>Sheet2</h2>", "")
    					.replace("<h2>Sheet3</h2>", "").replace("<h2>Sheet4</h2>", "").replace("<h2>Sheet5</h2>", "");
    			response.setContentType("text/html;charset=utf-8");
    			PrintWriter pw = response.getWriter();
    			pw.print(htmlStr);
    			pw.flush();
    			pw.close();
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    	}

    前端请求:

    <script>
    $('#officeContent').attr("src","[后端接口路径]");
    </script>
    
    <html><body>
    <iframe id="officeContent" src="" width=0 height=0 frameborder=0></iframe></body></html>

     

     

     

    展开全文
  • Visual studio平台下基于C#语言开发的WebForm,调用NPOI类库实现Excel文档的读写操作,非常好用,程序可以直接运行
  • 基于handsontable的web excel(上)

    万次阅读 2017-09-28 15:38:39
    handsontable在网页上显示excel表格

    handsontable是一个js插件,可以在网页上显示和操作excel。可以通过github或者handsontable的官方网站下载。首先上效果图:


    使用handsontable显示excel步骤:

    一、导入js和css:

        <link href="__STATIC__/handsontable/handsontable.full.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="__STATIC__/handsontable/handsontable.full.js"></script>

    二、创建一个div作为excel表格的容器:

        <div id="lina_main">
        </div>
    三、添加初始数据:

    3.1、自定义行高和列宽,单位是px:

         var cell_width = [
             100,120,90,100,100
         ];
         var cell_height = [
             50,20,40,100
         ];

    3.2、设置单元格数据:

          var cell_data = [
             ["", "Ford", "Tesla", "Toyota", "Honda"],
             ["2017", 10, 11, 12, 13],
             ["2018", 20, 11, 14, 13],
             ["2019", 30, 15, 12, 13]
          ];
    3.3、调用Handsontable 绘制表格:

                var container = document.getElementById('lina_main');
                hot = new Handsontable(container, {
                    data: cell_data, //导入数据
                    rowHeaders: true,
                    colHeaders: function(index) {
                        return ++index;
                    },
                    autoColumnSize:false,
                    autoRowSize:false,//禁止行列自动计算距离
                    dropdownMenu: true,
                    manualRowResize: true,
                    manualColumnResize: true,//行列可拉缩
                    manualColumnMove: true,//可整行整列移动
                    manualRowMove: true,
                    mergeCells:true,//合并单元格
                    contextMenu: true,//使用菜单
                    colWidths: cell_width,//定义列宽度
                    rowHeights:cell_height ,//定义行高度
                    //水平:htLeft,htCenter,htRight,htJustify,
                    //垂直:htTop,htMiddle,htBottom。
                    //只读: readOnly htDimmed
                    cell:[ //设置单元格属性
                        {row: 1, col: 1, readOnly: true,className: 'htCenter htMiddle'},
                        {row: 2, col: 0, className: 'htCenter htMiddle'},
                    ],
                    mergeCells: [
                        {row: 1, col: 1, rowspan: 2, colspan: 2}
                    ],//设置单元格合并情况
                    afterRowResize: function(currentRow, newSize) { 
                        cell_height[currentRow] =  newSize; 
                        hot.updateSettings({ rowHeights: cell_height }); 
                    },//rowHeights为最小高度,为了设置比初始值更小的高度,编写此钩子
                });


    首先获取div容器,然后设置显示的参数,均有备注。需要注意以下参数:

    1、在使用manualRowResize和manualColumnResize手动拉伸行列的时候,最好关闭autoRowSize和autoColumnSize。

    2、cell参数可以单独设置某个单元格的格式,row和col表示单元格的行号列号(注意是从0开始),readOnly设置是否只读,className表示数据

    在单元格中的显示是上下居中,左右居中等显示格式。

    3、mergeCells参数表示合并单元格的情况,row和col表示单元格的行号和列号,rowspan和colspan表示跨域的行和列。

    4、rowHeights设置了行初始化高度,同时也是最小高度(这个比较坑)。故在afterRowResize,行高改变之后重新赋值行的高度。

    5、header表示头、true为默认的选项,即列号ABCD,如果想改为1、2、3或者其他,可以自定义函数。
    至此,一个可编辑的excel便展示出来了。

    展开全文
  • 一个Excel导入到数据库的Demo和一个winFrom的Excel的导入,简单好用。一个Excel导入到数据库的Demo和一个winFrom的Excel的导入,简单好用。一个Excel导入到数据库的Demo和一个winFrom的Excel的导入,简单好用。
  • Web导出Excel(可以运行的),包含标题的字体大小,颜色,字体,等各样漂亮的样式,简单易懂,带下载功能。
  • handsontable中文API 常规配置,第三方web 表格处理属性设计文档,包括单元格的合并等操作
  • WebExcel文件展现

    2013-03-27 17:36:33
    WebExcel文件展现,在asp.net网页中显示EXCEL
  • 发布的源码没做太多修饰和说明文档,大家看看就好,年后工作也有点忙,抽出了点时间实现了部分公式的计算,遇到了不少web端焦点的问题,比较头疼,excel本身的功能和细节实在太多了,本人对excel的使用本身就和小白...

    先上 Demo

    2017/3/1

    大家新年快乐,demo已经更新,源码给大家奉上~

    github

    发布的源码没做太多修饰和说明文档,大家看看就好,年后工作也有点忙,抽出了点时间实现了部分公式的计算,遇到了不少web端焦点的问题,比较头疼,excel本身的功能和细节实在太多了,本人对excel的使用本身就和小白没啥区别,很多功能都还在研究发现。

    以下是我简单列的任务清单(在立项目前就制定了),大家简单看看就好了

    后续有时间我就会更新,大家在体验中有发现什么问题,欢迎多交流和建议。有什么比较好用,能契合的插件欢迎推荐。这次用了三方的计算库做公式省去了好多麻烦~

    ====================⬇️上次发布的内容

    未完成版~,可远观,不。。。

    介绍

    • 性能好!demo中列了2w的数据,数据初始化处理在web-worker中,所以网页也不会卡死, 然后就是各种类似excel的功能了,就不列了,因为也没有完成。。。忘记说了,这是基于vue的,理论上改为原生,react等不会太复杂,如果有朝一日我能把我想到的功能完成的话。。。

    • 之前发布过一次类似的组件vue-grid-canvas(地址),是有源码的,这次的版本做了很多重构,性能也相对要好很多,这是在滚动时采集的性能,原来的fps也能很高,但是性能损耗很严重,现在性能损耗已经很低了。

    最近年前工作忙,还有很大一部分没完成,拖拖拉拉的做了有一段时间了,大致雏形算是有了,剩下一部分工作量的事情,自己工作表里列了有30多项的功能点到现在才真正完成了10个多点,心累。。。

    OK,最后欢迎互相学习沟通~

    Harvey Zhao

    展开全文
  • web excel + vm(js)

    2008-11-18 17:31:35
    web版的excel(js)附带一个javascript 写的vm vm还在进一步修整开发中,有兴趣的人可以来一起研讨一下 qq群号:37124638 目前已更新,请下新的版本
  • java web Excel导入、导出的实现

    万次阅读 多人点赞 2015-11-02 21:54:57
    在做web开发时,我们经常会用到数据表格的导入导出功能,这样可以帮我们节省人工操作的时间,极大提高办事效率,下面,直入正题: 笔者所做的导入导出是针对java springMVC框架、工作簿poi以及前端plupload.js插件...
  • 基于jquery实现的webexcel
  • 开发四年只会写业务代码,分布式高并发都不会还做程序员? >>> x-spreadsheet 是一个在...
  • myExcel 基于jquery实现的webexcel,包含excel的基本功能
  • Web技术模拟Excel电子表格。
  • Web Excel導出功能實現

    2011-06-22 15:12:23
    Web Excel導出功能實現!!!!!!!!
  • NULL 博文链接:https://gznofeng.iteye.com/blog/341519
  • 主要介绍了ASP.NET实现读取Excel内容并在Web上显示,很实用的一个技巧,需要的朋友可以参考下
  • js web excel 0.56 + js vm

    2008-11-25 18:06:11
    web版的excel(js)附带一个javascript 写的vm 当前版本 0.56 已经更新到0.57,有兴趣的请下最新版本
  • js web excel 0.57 + js vm

    热门讨论 2008-12-02 18:17:23
    修正了一些低级错误,增加了直接对日期计算.
  • WEB页面嵌入Excel报表

    热门讨论 2011-01-14 23:02:09
    然后根据上传Excel报表相关的计算公式或自定义函数在WEB项目内定义解析然后以二进流的形式显示在Web页面即Web页面嵌入Excel显示报表数据。资料包括项目源码、数据库表、测试报表Excel及使用的weboffice6.0的插件API...
  • Web端用到的Excel插件

    千次阅读 2020-01-08 14:22:02
    把数组转换成Excel表格 js-export-excel 安装依赖 npm install js-export-excel yarn add js-export-excel 在使用页面引入依赖 const ExportJsonExcel = require('js-export-excel'); import ExportJsonExcel...
  • web 类似excel表格

    千次阅读 热门讨论 2016-07-29 15:37:02
    完全基于前端使用的web 表格,功能强大。使用了jquery 和jquery ui来实现。
  • 而随着web浏览器技术的发展,传统的C/S报表模式逐渐被B/S取代,基于web的报表开发技术便被企业广泛应用,应运而生的web报表工具随之迅速普及。 然而,因为浏览器本身的局限性,很多web报表工具往往难以开发复杂的...
  • Web页面中sqlserver快速导入excel,生成csv格式 有的程序在Web页SQLSERVER导入excel的过程中,会出现下载时找不到样式的错误提示。本资源避免了以上问题,快速打开,快速导出。 c#.Net2005下运行成功。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 101,941
精华内容 40,776
关键字:

webexcel