当前位置：文档之家 › 实现SpreadJS JSON的导入导出

实现SpreadJS JSON的导入导出

  • 格式：pdf
  • 大小：243.72 KB
  • 文档页数：1

2. 可以调用 SpreadJS 的 toJSON 方法来生成 SpreadJS 的 JSON 对象, 并 通过调用 JSON.stringify 方法将此 JSON 对象序列化为 JSON 的字符串 格式。例如: var spread1 = $('#ss').data('workbook'); var jsonString = JSON.stringify(spread1.toJSON());
实现 SpreadJS JSON 的导入导出
本文主要介绍如何实现 SpreadJS JSON 的导入导出。 1. SpreadJS 支持 JSON 格式的序列化与反序列化。可以将当前 SpreadJS 保存为 JSON 格式的数据进行存储, 也可以导入这些 JSON 格式数据到 SpreadJS 中来进行场景恢复。
3. 反之, 可以调用 JSON.parse 方法将 JSON 字符串反序列化为 JSON 对 象, 然后调用 fromJSON 方法来初始化 SpreadJS 对象。随即, 将获得一 个全新的与 spread1 一模一样的 spread 。例如: var spread2 = $('#ss1').data('workbook'); spread2.fromJSOபைடு நூலகம்(JSON.parse(jsonStr));

合集下载

WPS如何进行数据的导入和导出

WPS如何进行数据的导入和导出

WPS如何进行数据的导入和导出数据的导入和导出是办公软件中常见且重要的操作之一。

WPS作为一款功能强大的办公软件，也提供了方便快捷的数据导入和导出功能，使用户能够高效地处理和转移数据。

本文将介绍如何使用WPS进行数据的导入和导出，并提供一些技巧和注意事项。

导入数据在WPS中，数据的导入可以包括从其他文件、数据源或者剪贴板中导入数据。

下面将逐一介绍不同的导入方式。

1. 从文件中导入数据在WPS中，可以从许多类型的文件中导入数据，如文本文件、Excel文件等。

具体操作步骤如下：a. 打开WPS表格应用程序。

b. 点击菜单栏中的“文件”选项，选择“打开”命令。

c. 在打开对话框中选择所需的文件，并点击“打开”按钮。

d. 根据文件类型选择相应的选项，如以文本格式打开或以表格格式打开。

e. 确认后，将文件中的数据成功导入WPS表格中。

2. 从数据源中导入数据除了从文件中导入数据外，WPS还支持从数据库或其他数据源中导入数据。

操作步骤如下：a. 打开WPS表格应用程序。

b. 点击菜单栏中的“数据”选项，选择“获取外部数据”命令。

c. 在弹出的对话框中选择所需的数据源类型，如SQL数据库、Web数据等。

d. 根据所选数据源类型进行相应的设置和连接。

e. 成功连接后，选择需要导入的数据表或数据源，并将其导入WPS表格中。

3. 从剪贴板中导入数据在WPS表格中，还可以直接从剪贴板中导入数据，适用于复制或剪切的数据。

具体操作如下：a. 复制或剪切所需数据。

b. 打开WPS表格应用程序。

c. 在目标单元格中点击右键，选择“粘贴”选项。

d. 在粘贴选项中选择“只粘贴文本”或“粘贴全部内容”等选项。

e. 成功导入剪贴板中的数据到WPS表格中。

导出数据除了数据的导入，WPS还提供了多种方式用于数据的导出，以便于在其他软件或平台中使用。

以下是常见的数据导出方式。

1. 导出为文件WPS表格支持将数据导出为多种文件格式，如Excel文件、文本文件等。

js导入导出excel（实例代码）

js导入导出excel（实例代码）

js导⼊导出excel（实例代码）复制代码代码如下:<html xmlns="/1999/xhtml" ><head><title>Untitled Page</title></head><script language="javascript" type="text/javascript">function importXLS(fileName){objCon = new ActiveXObject("ADODB.Connection");objCon.Provider = "Microsoft.Jet.OLEDB.4.0";objCon.ConnectionString = "Data Source=" + fileName + ";Extended Properties=Excel 8.0;";objCon.CursorLocation = 1;objCon.Open;var strQuery;//Get the SheetNamevar strSheetName = "Sheet1$";var rsTemp = new ActiveXObject("ADODB.Recordset");rsTemp = objCon.OpenSchema(20);if(!rsTemp.EOF)strSheetName = rsTemp.Fields("Table_Name").Value;rsTemp = null;rsExcel = new ActiveXObject("ADODB.Recordset");strQuery = "SELECT * FROM [" + strSheetName + "]";rsExcel.ActiveConnection = objCon;rsExcel.Open(strQuery);while(!rsExcel.EOF){for(i = 0;i<rsExcel.Fields.Count;++i){alert(rsExcel.Fields(i).value);}rsExcel.MoveNext;}// Close the connection and dispose the fileobjCon.Close;objCon =null;rsExcel = null;}</script></head><body><input type="file" id="f" /><input type="button" id="b" value="import" onclick="if(f.value=='')alert('请选择xls⽂件');else importXLS(f.value)" /> </body></html>复制代码代码如下:function AutomateExcel(){// Start Excel and get Application object.var oXL = new ActiveXObject("Excel.Application");oXL.Visible = true;// Get a new workbook.var oWB = oXL.Workbooks.Add();var oSheet = oWB.ActiveSheet;// Add table headers going cell by cell.oSheet.Cells(1, 1).Value = "First Name";oSheet.Cells(1, 2).Value = "Last Name";oSheet.Cells(1, 3).Value = "Full Name";oSheet.Cells(1, 4).Value = "Salary";// Format A1:D1 as bold, vertical alignment = center.oSheet.Range("A1", "D1").Font.Bold = true;oSheet.Range("A1", "D1").VerticalAlignment = -4108; //xlVAlignCenter// Create an array to set multiple values at once.// Fill A2:B6 with an array of values (from VBScript).oSheet.Range("A2", "B6").Value = CreateNamesArray();// Fill C2:C6 with a relative formula (=A2 & " " & B2).var oRng = oSheet.Range("C2", "C6");oRng.Formula = "=A2 & " " & B2";// Fill D2:D6 with a formula(=RAND()*100000) and apply format.oRng = oSheet.Range("D2", "D6");oRng.Formula = "=RAND()*100000";oRng.NumberFormat = "$0.00";// AutoFit columns A:D.oRng = oSheet.Range("A1", "D1");oRng.EntireColumn.AutoFit();// Manipulate a variable number of columns for Quarterly Sales Data. DispalyQuarterlySales(oSheet);// Make sure Excel is visible and give the user control// of Excel's lifetime.oXL.Visible = true;erControl = true;}<HTML><HEAD><TITLE>将页⾯中指定表格的数据导⼊到Excel中</TITLE><SCRIPT LANGUAGE="javascript"><!--function AutomateExcel(){var oXL = new ActiveXObject("Excel.Application"); //创建应该对象var oWB = oXL.Workbooks.Add();//新建⼀个Excel⼯作簿var oSheet = oWB.ActiveSheet;//指定要写⼊内容的⼯作表为活动⼯作表var table = document.all.data;//指定要写⼊的数据源的idvar hang = table.rows.length;//取数据源⾏数var lie = table.rows(0).cells.length;//取数据源列数// Add table headers going cell by cell.for (i=0;i<hang;i++){//在Excel中写⾏for (j=0;j<lie;j++){//在Excel中写列//定义格式oSheet.Cells(i+1,j+1).NumberFormatLocal = "@";//上⾯这⼀句是将单元格的格式定义为⽂本oSheet.Cells(i+1,j+1).Font.Bold = true;//加粗oSheet.Cells(i+1,j+1).Font.Size = 10;//字体⼤⼩oSheet.Cells(i+1,j+1).value = table.rows(i).cells(j).innerText;//向单元格写⼊值}}oXL.Visible = true;erControl = true;}//--></SCRIPT></HEAD><BODY><table border="0" width="300" id="data" bgcolor="black" cellspacing="1"><tr bgcolor="white"><td>编号</td><td>姓名</td><td>年龄</td><td>性别</td></tr><tr bgcolor="white"><td>0001</td><td>张三</td><td>22</td><td>⼥</td></tr><tr bgcolor="white"><td>0002</td><td>李四</td><td>23</td><td>男</td></tr></table><input type="button" name="out_excel" onclick="AutomateExcel();" value="导出到excel"></BODY></HTML>复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- 导出excle的三个⽅法要把ie浏览器的"对没有标记为安全的 ActiveX 控件进⾏初始化和脚本运⾏设置为提⽰或启⽤" --> <html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>WEB页⾯导出为EXCEL⽂档的⽅法</title></head><body><table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"><tr><td colspan="5" align="center">WEB页⾯导出为EXCEL⽂档的⽅法</td></tr><tr><td>列标题1</td><td>列标题2</td><td>列标题3</td><td>列标题4</td><td>列标题5</td></tr><tr><td>aaa</td><td></td><td>ccc</td><td>ddd</td><td>eee</td></tr><tr><td>AAA</td><td></td><td>CCC</td><td>DDD</td><td>EEE</td></tr><tr><td>FFF</td><td>GGG</td><td>HHH</td><td>III</td><td>JJJ</td></tr></table><input type="button" onclick="javascript:method1('tableExcel');" value="第⼀种⽅法导⼊到EXCEL"><input type="button" onclick="javascript:method2('tableExcel');" value="第⼆种⽅法导⼊到EXCEL"><input type="button" onclick="javascript:getXlsFromTbl('tableExcel',null);" value="第三种⽅法导⼊到EXCEL"> <script language="javascript">function method1(tableid) {//整个表格拷贝到EXCEL中var curTbl = document.getElementById(tableid);var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excelvar oWB = oXL.Workbooks.Add(); //获取workbook对象var oSheet = oWB.ActiveSheet; //激活当前sheetvar sel = document.body.createTextRange();sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中sel.select(); //全选TextRange中内容sel.execCommand("Copy"); //复制TextRange中内容oSheet.Paste(); //粘贴到活动的EXCEL中oXL.Visible = true; //设置excel可见属性}function method2(tableid) //读取表格中每个单元到EXCEL中{var curTbl = document.getElementById(tableid);var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excelvar oWB = oXL.Workbooks.Add(); //获取workbook对象var oSheet = oWB.ActiveSheet; //激活当前sheetvar Lenr = curTbl.rows.length; //取得表格⾏数for (i = 0; i < Lenr; i++) {var Lenc = curTbl.rows(i).cells.length; //取得每⾏的列数for (j = 0; j < Lenc; j++) {oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText; //赋值 }}oXL.Visible = true; //设置excel可见属性}function getXlsFromTbl(inTblId, inWindow) {try {var allStr = "";var curStr = "";if (inTblId != null && inTblId != "" && inTblId != "null") {curStr = getTblData(inTblId, inWindow);}if (curStr != null) {allStr += curStr;}else {alert("你要导出的表不存在！");return;}var fileName = getExcelFileName();doFileExport(fileName, allStr);}catch (e) {alert("导出发⽣异常:" + + "->" + e.description + "!");}}function getTblData(inTbl, inWindow) {var rows = 0;var tblDocument = document;if (!!inWindow && inWindow != "") {if (!document.all(inWindow)) {return null;}else {tblDocument = eval(inWindow).document;}}var curTbl = tblDocument.getElementById(inTbl);var outStr = "";if (curTbl != null) {for (var j = 0; j < curTbl.rows.length; j++) {for (var i = 0; i < curTbl.rows[j].cells.length; i++) {if (i == 0 && rows > 0) {outStr += " /t";rows -= 1;}outStr += curTbl.rows[j].cells[i].innerText + "/t";if (curTbl.rows[j].cells[i].colSpan > 1) {for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) { outStr += " /t";}}if (i == 0) {if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) { rows = curTbl.rows[j].cells[i].rowSpan - 1;}}}outStr += "/r/n";}}else {outStr = null;alert(inTbl + "不存在!");}return outStr;}function getExcelFileName() {var d = new Date();var curYear = d.getYear();var curMonth = "" + (d.getMonth() + 1);var curDate = "" + d.getDate();var curHour = "" + d.getHours();var curMinute = "" + d.getMinutes();var curSecond = "" + d.getSeconds();if (curMonth.length == 1) {curMonth = "0" + curMonth;}if (curDate.length == 1) {curDate = "0" + curDate;}if (curHour.length == 1) {curHour = "0" + curHour;}if (curMinute.length == 1) {curMinute = "0" + curMinute;}if (curSecond.length == 1) {curSecond = "0" + curSecond;}var fileName = "leo_zhang" + "_" + curYear + curMonth + curDate + "_" + curHour + curMinute + curSecond + ".csv";return fileName;}function doFileExport(inName, inStr) {var xlsWin = null;if (!!document.all("glbHideFrm")) {xlsWin = glbHideFrm;}else {var width = 6;var height = 4;var openPara = "left=" + (window.screen.width / 2 - width / 2)+ ",top=" + (window.screen.height / 2 - height / 2)+ ",scrollbars=no,width=" + width + ",height=" + height;xlsWin = window.open("", "_blank", openPara);}xlsWin.document.write(inStr);xlsWin.document.close();xlsWin.document.execCommand('Saveas', true, inName);xlsWin.close();}</script></body></html>。

从服务端生成Excel电子表格（GcExcel+SpreadJS）

从服务端生成Excel电子表格（GcExcel+SpreadJS）

从服务端⽣成Excel电⼦表格（GcExcel+SpreadJS）在服务端⽣成Excel电⼦表格，除了使⽤ Node.js + SpreadJS 外，葡萄城官⽅推荐使⽤ SpreadJS + GcExcel。

该⽅案不仅能够解决批量绑定数据源并导出Excel、批量修改⼤量Excel内容及样式、服务端批量打印以及⽣成PDF⽂档等需求，还提供了远超⾏业标准的组件性能。

为了验证SpreadJS + GcExcel的处理性能，本⽂将就和Node.js中运⾏SpreadJS的各项数据进⾏对⽐。

由于SpreadJS和GcExcel的组件功能⾮常丰富，本⽂仅选择最为常见的两个功能点做对⽐，分别是设置区域数据和导出Excel⽂档。

⼀、本次测试的⼏个⼤前提由于Node.js是基于V8引擎来执⾏JavaScript的，因此它的js也是基于事件机制的⾮阻塞单线程运⾏，其⽂件的I/O都是异步执⾏的，⽽Node.js之所以选择单线程的⽅式是因为编码简单、开发难度低、对"码农"码农的⼼智消耗相对较⼩；⽽且它的⽂件I/O是异步执⾏的，所以不需要像Java那样需要创建、回收线程（Node.js的I/O操作在底层也是线程，这⾥不做深⼊讨论），这⽅⾯开销较⼩。

但是，单线程在做复杂运算⽅⾯相⽐多线程则没有任何优势，也⽆法利⽤多线程来有效调配多核CPU进⾏优化，因此在Node.js中运⾏SpreadJS就只能是单线程JS，这也会影响SpreadJS 的数据处理性能。

所以，为了获得更加准确的测试结果，本篇中设计的测试⽤例，在两个环境（Java 和 Node.js）中都采⽤单线程执⾏，并且选择了与Node.js更加匹配的批量I/O操作作为测试⽤例。

⼆、 Node.js 与 SpreadJS 的测试代码和结果：软件版本CPU内存Node.js 16.10.0Intel(R) Core(TM) i7-9750HQ CPU @ 2.80 GHz32G测试代码：如下所⽰，⽤⼀个Performance类执⾏1000次设置数据、导出Excel⽂档的操作。

SpreadJS纯前端表格控件V11-SP1支持npm安装

SpreadJS纯前端表格控件V11-SP1支持npm安装

概述SpreadJS V11SP1 正式发布到npm，项目中使用SpreadJS 将更加方便优雅。

您可以通过命令npm install @grapecity/spread-sheets 引用spread.sheets 资源。

Excelio、PDF、chart 以及语言资源都是独立package，需要单独安装。

（原文链接）以webpack 项目为例，下面将展示如何使用Spread.Sheets。

1、安装Node.js 和Npm2、新建"spreadjs_webpack"文件夹3、在文件夹中通过npm 命令创建一个新的工程输入"npm init -y" 创建package.json1.{2."name": "spreadjs_webpack",3."version": "1.0.0",4."description": "",5."main": "index.js",6."scripts": {7."test": "echo "Error: no test specified" && exit 1"8.},9."keywords": [],10."author": "",11."license": "ISC"12.}13.复制代码4、安装webpack输入命令"npm install webpack --save-dev" 输入命令"npm install webpack-cli --save-dev"5、创建如下结构及文件spreadjs_webpack1.|- package.json2.|- webpack.config.js3.|- /dist4.|- index.html5.|- /src6.|-index.js7.复制代码package.json1.{ "name": "spreadjs_webpack",2."version": "1.0.0",3."description": "",4."main": "index.js",5."scripts": {6."build": "webpack --config webpack.config.js"7.},8."keywords": [],9."author": "",10."license": "ISC",11."devDependencies": {12."webpack": "^4.5.0",13."webpack-cli": "^2.0.14"14.}15.}16.复制代码index.html1.<!DOCTYPE html>2.<html lang="en">3.4.<head>5.<meta charset="UTF-8">6.<title>SpreadJS Development</title>7.<script src="bundle.js"></script>8.</head>9.10.<body>11.<div id="ss" style="width:80%;height:80vh;border:1px solidlightgray"></div>12.</body>13.14.</html>15.复制代码6、安装Spread.Sheets输入命令"npm install @grapecity/spread-sheets --save"安装完成后您会在package.json kandao "@grapecity/spread-sheets":"^11.1.0"spread.sheets npm 模块会安装在"node_modules-> @grapecity -> spread-sheets" 文件夹中。