中企动力 > 商学院 > 前端导入excel表格
  • ?

    玩Excel前应该知道:表格和表单有什么区别?

    皮静柏

    展开

    在国内,大家对表单类软件理解相对较少,但因为Excel的频繁出境,多数人对表格类软件都很熟悉。那么表单类软件是什么?跟表格有什么区别?什么时候用表单?什么时候用表格?一起了解下:

    一、表单和表格的区别?

    1)从概念上理解,表格和表单有如下区别:

    2)从电脑端展现形式上看下二者的差别:

    在电脑端打开Excel表,我们可以对表格的数据、样式等进行灵活的修改:

    上图为电脑端表格

    在电脑端打开表单,我们则可以快速地设计字段、流程,并对搜集来的数据进行管理:

    上图为电脑端表单

    表格与表格之间一般是没有关联性的,表单因为在线的优势,表单与表单之间可以建立复杂的联系,因此流程设计更好被实现:

    3)表格和表单在移动端的展现方式也不同:

    表格依然保留了电脑端的样式,而表单在移动端的适配相对更好一些:

    4)在搜集数据方式上二者的差别:

    当团队共享数据时,Excel表格需要配合邮件使用(如下图左),通过表单一个分享链接,即可在线搜集数据(如下图右):

    二、表格与表单有什么联系?

    同样作为处理数据的工具,这二者之间的数据当然也是可以互通的,将表格数据导入到表单系统中:

    导入数据成功后,可以看到表单后台界面如下所示:

    表单中的数据也可以顺利导出到表格,可以选择导出部分或所有数据:

    通过导出的Excel表格内只有数据,表格样式上全部是默认模式:

    以上就是简单的关于表单类软件和表格类软件(注:此处表格软件特指大家熟悉的Microsoft Excel、WPS Excel)的区别和联系。

    在日常学习和工作中,我们可以根据二者各自的优势配合使用,进而提升效率、实现数据化管理。

  • ?

    教你怎样将Word表格导入到Excel中

    聪明

    展开

    方法如下:

      1、首先,打开媒介工具“记事本”,将word文件里需要导入的数据,复制粘贴到记事本当中,然后保存成为txt文件,本例中将txt文件取名为“1.txt”。

      2、打开excel表格,点击“数据”选项卡,在“获取外部数据”当中,找到“自文本”。

      3、点击“自文本”,弹出下一窗口,选择刚才保存的名为1的txt类型文件,点击“导入”。因“自文本”方式数据导入默认的只有三种文件类型txt、csv、prn,所以需要事先将word转变为txt。

      4、弹出文本导入对话框,选择默认的固定宽度,意思就是数据与单元格一一对应。如果选择分隔符号,则导入的所有数据将会在一个单元格当中,接着,点击下一步。

      5、设置分行线,其实就是导入数据列数的控制,单击鼠标,可以在任意位置增加分行线。双击任意分行线,就会删除。完成设定后,点击下一步。

      6、设置输出数据的格式,一般不需要进行任何设置,选择常规即可,点击“完成”。

      7、导入完成。

    (本文内容由百度知道网友贡献)

  • ?

    Spread Studio 表格控件V11.1发布,让数据用 Excel 的方式说话

    爱无赦

    展开

    超强数据处理,无缝兼容Excel!Spread Studio是一款高度兼容 Excel 的跨平台表格控件,用于在您的应用系统中实现表格数据录入和编辑等交互功能,并且提供灵活的定制能力和丰富的数据可视化效果,为商业表单控制面板提供丰富、有效的内容信息。

    日前,Spread Studio系列产品推出最新版本 V11.1,最低版本支持提升到 .NET4.5.2,在各平台的主要更新点有:

    Spread for WinForms平台

    增强颜色筛选,方便用户更快的选择数据

    如Excel一样,增强颜色筛选用户界面支持按“无填充”进行筛选。

    颜色筛选

    为了支持该功能,DefaultStyleCollection.DataAreaDefault的默认BackColor从SystemColors.Window 更新为Color.Empty。

    为TEXT函数提供 Excel 语法支持

    作为一款在功能和布局上都和Excel高度相似的表格控件,Spread Studio 在本次发布中进一步增强对Excel的支持。

    为和Excel行为一致,TEXT计算函数现在使用Excel语法对值进行格式设置(替代了过去使用.NET语法)。如需恢复使用.NET语法来格式化值,可以使用以下代码将旧的TEXT函数作为自定义函数进行添加,该自定义函数将覆盖内置的TEXT函数:

    fpSpread1.AddCustomFunction(new GrapeCity.Spreadsheet.Win.TextFunction());

    Spread for ASP.NET平台

    减少视图状态大小,提高页面安全性

    为减少具有大量隐藏单元下的视图状态大小,可将新属性AllowGenerateHiddenData设置为false。 此属性比AllowGetAllHiddenValue更强大。当其设置为false时,表单中的所有隐藏值都保留在服务器端,从而减少视图状态的大小,并提高了页面安全性。在这种情况下,客户端接口GetHiddenValue和GetHiddenCellValue将不起作用。

    更多新版本发布的详情,请访问Spread Studio 官网:

    http://grapecity/developer/spreadstudio/whatsnew

    了解Spread表格开发系列

    Spread 是一系列功能和Excel类似的表格工具,支持桌面、Web和移动平台开发,用于在您的应用系统中实现Excel导入导出、表格数据录入和编辑等交互功能,并提供灵活的定制能力和丰富的数据可视化效果。

    Spread在布局和功能方面和Excel高度类似,包括前端平台适用的 SpreadJS,.NET平台适用的Spread Studio,以及通过代码即可在应用程序中批量操作Excel的Spread 表格组件产品。

    另外,纯前端表格控件 SpreadJS 也于近日发布了新版本,敬请登陆官网,了解更多。

    http://grapecity/developer/spreadjs

    关于葡萄城

    赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。

  • ?

    纯前端表格控件SpreadJS与Java结合,实现模板上传和下载等功能

    裴幻天

    展开

    安装部署:

    开发环境:

    后台服务器端采用 Java 、SpringMVC。数据存储到 \demo_web\WEB-INF\FileDatabase.txt 文件中,不需要依赖 DB。采用 Eclipse Java EE IDE for Web Developers,Eclipse Version: Photon Release (4.8.0)。服务器:tomcat-7.0.90。工程导入eclipse:

    demo_web.zip 是直接将 eclipse 工程打成的压缩包。

    您可直接解压到 eclipse 的 workspace 下,导入 Existing Projects into Workspace 工程即可。

    部署方法:

    配置 tomcat 与 eclipse 关联,将工程 add 进 tomcat 应用列表,启动 tomcat 即可。

    操作步骤:

    访问:

    在本机部署时,可以通过 http://127.0.0.1:8080/demo_web/view?path=index 访问主页。

    创建模板:

    创建模板分为三种模板类型:表单绑定、单元格绑定、表格绑定。demo_web 压缩包中还包含了三个模板 SSJSON 文件:表单绑定示例、单元格绑定示例以及表格绑定示例,可供用户进行创建模板的操作。表单绑定预览区域说明:如果选择模板类型下拉菜单,预览区域会随模板类型不同而发生变化,单元格绑定和表格绑定只有 ssjson 模板预览一个区域。如图:

    图1:创建表单绑定模板页面

    4.表单模板上传成功后,预览页面的效果如下图:

    图2:上传表单绑定模板后的预览效果

    5.如果需要上传单元格绑定模板或者表格绑定模板,需要先点击“类型”下拉菜单,选中对应类型后再执行上传操作。

    6.在上传完模板并填写完模板基本信息后,点击保存按钮即可。

    管理模板:

    管理模板列表中展示了系统中已创建的模板信息。点击对应模板的下载按钮,可以下载该模板的ssjson文件,可以直接导入至SpreadJS 设计器中进行修改。点击对应模板的填报按钮,可以进入表格填报页面。填报:

    以表单绑定模板为例,如图所示:

    图3:表单绑定模板填报页面示例

    2.新建:重新载入当前模板,不保留已经填写的所有数据。

    3.新行:为填报数据添加一个新行,对应绑定的dataSource多一个数据元素(单元格绑定模板无此按钮)。

    4.保存:将填报数据保存到后台文件中。

    5.历史:当前模板填报提交的历史数据。

    历史数据列表:

    如图:点击查看可以查询本次填报的历史数据。

    图4:填报历史数据列表页面

    历史数据:

    如图:

    图5:填报历史数据页面

    QA:

    Q:局域网无法访问?

    A:此Demo中采用的SpreadJS控件是未授权的,只能在本机操作。

    Q:表单绑定模板,怎样自定义绑定字段?

    A:您可以将表单绑定模板示例.ssjson导入到设计器中查看,表单绑定模板第一行是dataSource对应的字段名,第二行为展示的字段名,第三行为表格对应的样式。

    Q:单元格绑定模板,怎样自定义绑定字段?

    A:您可以将单元格绑定模板示例.ssjson导入到设计器中查看,绑定dataSource对应的字段名是以 [field] 的方式定义在对应的单元格中。

    Q:表格绑定模板,怎样自定义绑定字段?

    A:在表格模板中表头下面的第一行中,可以 [field] 的方式定义列名,在代码中可以创建new GC.Spread.Sheets.Tables.TableColumn() 实例,用以映射列名与绑定字段的关系,具体方法可以参考官网的学习指南中表格绑定的demo。

    本demo中也采用了这个方法。

    Q:表格填报时,新行的样式与前面的行不匹配?

    A:由于表格的模板设计样式非常灵活多样,因此本demo只采用了复制上一行样式的方式对新行进行设置,具体应用当中可以根据需求自行设置表格样式。

    关于葡萄城

    赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。

  • ?

    Excel办公必备|多个表格之间快速导入数据

    兰花草

    展开

    对于一大部分走向职场的人来讲,Excel可能会经常用到。今天就分享一个比较实用的函数:多个表格之间快速导入数据 vlookup。

    很多人不明白这个函数的用法,今天我详细讲解一下。

    VLOOKUP(lookup_value,table_array,col_index_num,range_lookup)

    相信很多人看到这个很蒙圈吧。那我注解一下。

    lookup_value 要查找的值

    table_array 要查找的区域

    col_index_num 需要数据在查找区域的第几列数

    range_lookup 模糊匹配/精确匹配

    可能说还是有人说看不懂吧。那我们一起来看一个例子吧。

    我们看这两个表格:

    两个表格的数据不同需要将另外一个表的数据导入,即图中的成绩表总分导入学生表中。这时我们就利用vlookup。

    我们就在学生表中进行如下操作

    =VLOOKUP(D2,[成绩信息.xlsx]Sheet1!$A$1:$B$7,2,0) 我们可以看到在这实际运用中公式就是这样的。

    这样我们就可以把多个表格之间快速导入数据。

    在使用公式的时候我们需要注意我们选择的对象必须有一个在表格的最左侧。在我的例子中就是姓名一列必须有一个在表的最左侧,这是是两个数据在不同表或者Sheet页中需要满足。

    是不是感觉一下子可以从繁琐的工作解脱,早下班不是梦啦。

    如果有不懂的可以在评论区评论哦。

  • ?

    快用它,让您的Excel数据在浏览器上飞起来

    Frieda

    展开

    SpreadJS在线Excel表格编辑器

    概述

    赋能开发者!为进一步帮助开发人员提高开发效率,充分发掘数据价值,葡萄城 SpreadJS 在线 Excel 表格编辑器应运而生,无需额外的学习成本,帮您快速搭建信息系统,高效提升企业数据管理水平。

    这是一款能为您的 Web 应用节省大量财力和物力的开发工具,一经推出,即备受开发人员欢迎,被誉为“专为私人定制的在线 Excel”。

    SpreadJS 在线 Excel 表格编辑器是什么?

    葡萄城推出的 SpreadJS在线Excel 表格编辑器,是类似在线 Excel 的纯前端在线表格编辑程序,在功能和外观上都与 Excel 高度接近,也是 SpreadJS 纯前端电子表格控件桌面设计器的在线版本,提供源代码,您可自由定制,任意扩展。该产品内嵌了SpreadJS,使用离线和在线方式均可进行表格编辑。

    三大亮点:

    基于 Java/HTML5 的 Web 前端应用程序,不依赖任何配置库,提供了更高的渲染性能和更快的界面操作,轻松实现跨平台、跨操作系统,帮助用户方便流畅地载入和操作海量数据。

    以“所见即所得”的设计思想,提供类 Excel 的用户体验,让用户能快速方便的设计自己的 Spread.Sheets 模板。

    提供 Excel 纯前端导入/导出功能,可实现将设计产物保存至 Excel 格式或 SpreadJS 支持的项目文件。

    SpreadJS在线Excel表格编辑器都有哪些客户在使用?

    自面世以来,SpreadJS在线Excel 表格编辑器已经广泛应用于华为、中国民航飞行学院、中国平安、中国能建、中通等知名企业的项目开发。

    SpreadJS在线Excel表格编辑器可以帮您解决什么难题?

    作为葡萄城的明星控件,SpreadJS在线Excel 表格编辑器秉承“赋能开发者”企业理念,开放、包容、可自由定制、任意扩展。以敏捷开发为前提,助力企业破解:海量表格数据管理、安全操作表格数据和更方便流畅进行表格数据交互的三大难题。面向全球市场向客户提供覆盖软件产品研发各阶段的技术服务,助力企业专注于核心业务,在全球市场赢得先机。

    关于葡萄城

    葡萄城公司成立于1980年,是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。

  • ?

    前端开发:一款快速、安全、可靠的电子表格组件(Handsontable)

    明亮

    展开

    Handsontable Community Edition (CE) 是一个开源的JavaScript电子表格组件,非常流行的web应用程序的UI组件,可用于 各种技术,如React、Angular和Vue,它很容易与任何数据源集成并提供了各种有用的功能,如数据绑定、验证、排序和强大的上下文菜单,它可以处理大量数据而无需担心性能问题,兼容所有现代浏览器和IE9+。

    1、下载及初始化

    https://github/handsontable/handsontable

    文件下载完成后放到项目任意位置,引入如下两个文件,这两个文件包含所有依赖项(日期选择器等)。

    在页面body中新增一个空的p元素,并设置id属性。

    最后,运行如下脚本,简单的初始化就完成了。

    npm安装命令:npm install handsontable

    bower安装命令:bower install handsontable

    除此之外还有yarn、amd、nuget、jspm安装方式

    2、功能展示

    ①上下文菜单

    可以进行复制、剪切、粘贴、插入行、移除行等操作。

    ②单元格类型

    单元格中值得类型,有文本、数字、复选框、日期时间选择器、自动补全等。

    ③单元格渲染HTML

    ④格式化数据

    负数为红色,正数为黑色,空背景为灰色等。

    ⑤分页

    ⑥合并单元格

    ⑦数据备注

    ⑧查询

    匹配数据高亮显示。

    ⑨选择突出显示

    选中单元格行、列突出显示。

    ⑩排序

    点击表头降序、升序排序。

    官方网站:

    https://handsontable/

    API文档:

    https://docs.handsontable/0.34.4/Core.html

    handsontable除了上面的以外还有柱冻结、突出显示当前行/列、列排序、水平和垂直对齐、自定义边框、验证、自定义按钮、只读、下拉菜单、拖拽、函数等,在桌面软件Excel中可进行的操作,handsontable几乎都做到。内置多种方法、监听事件、配置属性,合理的组合运用能够实现强大的功能。

  • ?

    做前端开发的同学有福了!SpreadJS 纯前端表格控件V11.1震撼来袭

    夹竹桃

    展开

    全球最大的控件提供商葡萄城宣布,纯前端表格控件SpreadJS 正式发布2018 V11.1 版本,新版本提供撤销/重做功能,并增强了UI和数据筛选,极大的扩展了产品的实用功能,可更加方便优雅的嵌入您的应用系统。

    Spread 是一系列功能和Excel类似的表格工具,支持桌面、Web和移动平台开发,用于在您的应用系统中实现Excel导入导出、表格数据录入和编辑等交互功能,并提供灵活的定制能力和丰富的数据可视化效果。Spread 在功能和布局上与Excel高度相似,全系列包括适用于前端平台SpreadJS,.NET平台的Spread Studio,以及通过代码即可在应用程序中批量操作Excel的Spread表格组建,适应不同开发场景的需求。

    SpreadJS本次发布2018 V11.1,主要更新点有:

    提供撤销/重做(Undo/Redo)功能,提高操作效率,保护您的数据安全

    开发人员可以使用startTransaction/endTransaction/undoTransaction实现撤销/重做的命令。通过此命令,可大大提高用户的操作效率,保护用户数据的安全性。如下是具体代码示例:

    新增单元格/范围对角线,使您的表格数据更加醒目

    新增对单元格或范围设置对角线边框样式的功能,并支持保存到JSON/Excel/PDF文件或打印输出。

    增强筛选功能,帮助您更快的选择所需要的数据

    在筛选框中,日期类型数据和分组列新增树状层级过滤的功能。

    在筛选框中,新增文本筛选、数字筛选、日期筛选,颜色筛选等多种筛选方式。

    1.文本筛选:

    2.数字筛选:

    3.日期筛选:

    4.颜色筛选:

    增加颜色排序功能,扩展您的数据处理方式

    增加支持自定义图标集合(IconSet),使您的数据更加易读

    了解更多新特性详情,请访问 SpreadJS官网:

    http://grapecity/developer/spreadjs/whatsnew

    .NET平台适用的Spread Studio也同期发布新版本,支持WinForm、WPF、ASP.NET 、XAML、WinRT 等多个平台,提升您应用系统中的表格数据录入、编辑等交互功能,让您的数据用 Excel 的方式说话。

    点击此处,了解详情:

    http://grapecity/developer/spreadstudio

    关于葡萄城

    赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。

  • ?

    原来网页上的数据表格,还可以这样导入到自己的Excel表中

    伍飞扬

    展开

    工作中经常会遇到在网页上看到一个数据觉得有需要,想要将其搬到我们自己的Excel。但是有些表格复制过来都是有设置了超链接还要一个个将其去除,还有一些别个复制过来是打乱了的。那么如何将网络上的数据导入到我们自己的Excel表格中呢?

    网页上的许多数据都是以表格的形式存在的,通过Excel可以直接从网页上获取这些数据。只需要通过【数据】选项卡中的“获取外部数据”工具即可获取网页里表格中的数据。

    有些数据表格是可以通过复制的,但是有些又不行,今天跟各位朋友分享如何将网页上的数据导入到自己的Excel表中的一个操作技巧,希望对大家有所帮助!

    1、新建一个空白工作簿,单击【数据】选项卡中的“自网站”按钮;在打开的对话框“地址”文本框中输入需要导入的网址,然后单击“转到”按钮;

    2、将网址粘贴到“地址”栏“转到”,找到自己需要的表格会看到一个“黄色框里面有个箭头”单击就会勾选选中这个表格,然后单击“导入”按钮导入选中的表格;

    3、弹出一个“导入数据”框,设置导入数据表格的位置,如A1单元格,然后单击“确定”按钮;

    4、看到“正在获取数据...”;

    5、网页导入数据表格(如图左边);网页复制数据表格文字有超链接(如图右边)有些复制出来这个数据是打乱的;

    网页导入数据表格与网页复制数据表格对比

    6、用“套用表格格式”一键美化导入进来的数据表格即可

    一键美化导入数据表格格式

    今天分享的“如何将网页上的数据表格导入到自己的Excel表中”方法有很多种,今天就分享这一种,希望对各位朋友们在工作中有所帮助。

    更多关于Office-Excel操作小技巧可加入我们群一起交流学习。

  • ?

    SpreadJS ExcelIO实现服务器端Excel导入导出

    宓问蕊

    展开

    SpreadJS在V10版本后推出了纯前端的Excel导入导出,这个功能可以很方便的实现客户端的Excel导入导出,但是如果用户需要导入导出到浏览器端又该怎么办呢?其实纯前端的Excel导入导出同样可以实现服务器端的Excel导入导出。下面让我们来看一下是如何实现的:

    本示例的后端使用JAVA语言,通过SpreadJS的前端导出导出与JAVA后端结合,实现分从服务器端导入Excel与导出Excel保存至服务器端这两个功能:

    从服务器端导入Excel:

    这部分使用纯前端实现,纯前端实现有一个弊端就是,浏览器没有权限访问服务器上工程目录以外的路径,所以需要将服务器端的Excel放入工程目录下。然后下载到前端直接打开,核心代码如下:

    导出Excel保存至服务器端:

    这部分使用前端导出功能与后端java结合的方式来实现,首先通过前端Excel导出,生成导出文件,然后通过formdata来承载导出文件,之后通过ajax将formdata传至后端java。后端java使用文件操作将文件保存至服务器端。

    这里有以下需要注意的地方:

    formdata没有办法改变enctype,而我们需要的用entype为multipart/form-data类型的form来承载导出文件。这里需要在jsp页面上创建一个空的form,并将其entype设置为multipart/form-data:

    之后js中只需要初始化一个该form的formdata实例即可:

    var fd = new FormData(document.forms.namedItem("myform"));

    以上就是核心的部分代码以及原理。

    了解更多

    SpreadJS是 Spread 表格开发系列产品之一。该产品是葡萄城公司出品的一系列功能和 Excel 类似的表格工具,支持桌面、Web 和移动平台开发,用于在应用系统中实现 Excel 导入导出、表格数据录入和编辑等交互功能,并提供灵活的定制能力和丰富的数据可视化效果。

    Spread 是目前市面上最接近 Excel 的表格开发工具,无论是界面、函数还是布局,都与 Excel 高度接近,正被华为、东软、中国平安、河海大学、中通快递、普华永道、魔方网表、思源软件等企业应用于项目开发中。

    除了纯前端的SpreadJS,该系列产品还包括 .NET 平台可用的Spread Studio,和服务器端批量操作Excel的Spread表格组件,敬请登陆官网了解更多:http://gcpowertools/

    关于葡萄城

    葡萄城成立于1980年,是全球最大的控件提供商,世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商,为超过75%的全球财富500强企业提供服务。葡萄城于1988年在中国设立研发中心,在全球化产品的研发过程中,不断适应中国市场的本地需求,并为软件企业和各行业的信息化提供优秀的软件工具和咨询服务。

前端导入excel表格

所有视频需要登录后,才能观看

请先登录您的帐号,即可完整播放,如果您尚未注册帐号,请先点击注册。

img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP