需求

使用Luckysheet新建了一个表格,然后界面操作修改表格数据,如何与后台对接来保存这些更改后的数据呢?

思路

有两个方案:

一是表格操作完成后,使用luckysheet.getAllSheets()方法获取到全部的工作表数据,全部发送到后台存储。

二是开启协同编辑功能,实时传输数据给后端。

这里重点介绍第二种方案,因为使用协同编辑功能传输的数据量很小,性能更好。因为保存数据只是前后端交互的中间一步,我们从整体来考虑前后端交互的方案设计。

首先后端根据表格的数据结构建立数据库表

然后后端将配置和数据组装起来,供前端调用,重点是起一个websocket服务

前端请求数据初始化表格,并使用websocket实时保存数据,后端根据前端不同的操作类型接受参数做存储,数据库保存后,将修改的数据推送到此服务器其它连接上(如果是集群,推荐做法是要将修改的数据推送到redis的队列中,其他服务器接受后,也群发到各自连接的websocket上),协同编辑的其他客户端收到信息做更新

详细步骤

第一步 数据库设计

一个表格的数据,包含工作簿配置、工作表配置、工作表数据。所以根据Luckysheet的数据结构作为基础,可以抽象出数据库表和字段信息。详细的配置信息点击链接查看官方文档。

工作簿配置:根据luckysheet.create(options)所需要使用的options可以建立一张workbook表

工作表配置:根据options.data建立一张worksheet表

工作表数据:根据options.data[0].celldata的单个工作表的数据,建立数据表,这个可以根据自己的实际情况,决定表头字段的分类

第二步 后端提供接口

后台需要提供三个接口来组装数据。详细的配置信息点击链接查看官方文档

loadUrl:加载所有工作表的配置,并包含当前页单元格数据

updateUrl:实时保存的websocket地址

第三步 前端初始化配置

前端在表格初始化的时候,需要配置后端提供的三个接口地址和允许更新标识来开启共享编辑功能。

allowUpdate为true

配置了loadUrl

配置了loadSheetUrl

配置了updateUrl

第四步 后端存储分发

通过共享编辑接口updateUrl,可以实现Luckysheet实时保存数据和多人同步数据,每一次操作都会发送不同的参数到后台,具体的操作类型和参数参见表格操作

重点在于,后台拿到这些发来的数据,分别做好归类存储,维护好每一个luckysheetfile,并且把前端传来的数据同样的分发出去,其它客户端接收到消息,Luckysheet会自动合并更新最新数据。

参考

表格如何存入mysql_Luckysheet如何把表格里的数据保存到数据库相关推荐

  1. excel文件存入mysql_解析excel文件并将数据导入到数据库中

    今天领导给安排了一个临时工作,让我将一个excel里面的数据解析后放入数据库中,经过一个下午的努力成功完成,现在将代码献上,希望对大家有所帮助 一.需要导入的jar 1.commons-collect ...

  2. oracle clob数据保存,oracle数据库里保存clob字段

    public void addStatements(StatementsBean statementsBean) { try { Session session = this.getSession() ...

  3. php表格增加一行数据,““vb中数据库内容输出到excel如何把表格第一行合并添加一个大标题...

    excel表格上面和下面都有行怎么在中间添加一行 excel表面和下面都有行怎么在中间添加一行的方法如下: 1.打开要处理的文档, 2.标定位到要插入的位置之后,比如要在2,3行之间插入,就定位到第3 ...

  4. php 浏览器打开excel文件夹里,php网页显示excel表格数据-phpexcel 读取excel里的数据并在页面显示出来...

    网页如何调用excel表格中的数据? $retdata=array(); //内容 //二维数 $filename= "文.csv"; //生成头文件 $now = gmdate( ...

  5. php中跨页面id的获取,excel跨表格提取数据?phpexcel 读取excel里的数据并在页面显示出来...

    php怎么读取excel 文件数据并输出 PHPExcel PHPExcel 是用来操作Office Excel 文一个PHP类库,它基于微软的OpenXML和PHP语言.可以使用它来.写入不同格式的 ...

  6. java poi 模板填数据库,java使用POI读取excel模版并向固定表格里填写数据详解

    java使用POI读取excel模版并向固定表格里填写数据详解:public class ExportExcelDemo { private HSSFWorkbook workbook = null; ...

  7. arcgis怎么关联excel表_在arcgis中添加excel表格数据-ArcGIS如何将Excel里的数据关联至地图上...

    ArcGIS如何将Excel里的数据关联至地图上 1.打开一个arcgis工程文件. 2.在左侧窗口中右击面要素文件,选择"open attribute table". 3.在出现 ...

  8. wps不小心删除怎么恢复_【】wps表格里的数据误删并点保存了,怎么恢复?

    EXCEL里怎么恢复误删的内容? 在备份文件中找 默认保存位置:C:Documentsand settings/Administrator/Applicationdata /Microsoft/Exc ...

  9. html导入wps,wps excel导入html表格数据-WPS表格里的数据怎样快速导入到wps文字里

    wps表格怎样导入txt数据 由于WPS表格不支持直接将网页数据导入到表格之中,但可以使用微软Excel表格的"自网站"获取网页数据,也比较方便快捷. 使用微软office打开Ex ...

最新文章

  1. 【问题收录】ubuntu下weka链接mysql数据库
  2. 人工智能影响未来娱乐的31种方式
  3. win10触摸板手势
  4. jmeter达梦数据库
  5. Spring Bean的一生
  6. springboot(六):如何优雅的使用mybatis
  7. android debug bridge tools_飞凌干货丨Android 应用程序如何获取system权限
  8. Hadoop3.2.0使用详解
  9. Python(入门小练习1)
  10. MongoDB联合查询 -摘自网络
  11. 大数据时代背景下智能工厂的能源管理系统
  12. dns服务器优化 360,360超级dns解析速度提升10倍
  13. 配置localhost
  14. 【踩坑记录】priority_queue 第三个模板参数和sort 的第三个形参的区别;仿函数、自定义排序函数、lambda 函数分别传入;传入类型和对象的区别;
  15. java的体系结构_java体系结构介绍
  16. 5款知乎高赞的超牛软件,你一定要知道
  17. python 日期格式只取年月_python如何只获取日期
  18. 计算机网络划分为广域网的主要依据,下列哪一项是局域网、城域网、广域网主要是划分依据?()...
  19. 21考研:一研为定,定为研一
  20. python连接打印机打印文档、图片、pdf文件等

热门文章

  1. 误删资料恢复(回收站清空了也可以)
  2. 通达信自带公式 阶段强于大盘(C124)
  3. win10 映射WebDAV
  4. h5聊天页面 jquery_HTML5仿微信聊天界面、微信朋友圈实例代码
  5. 群晖 kodi mysql_家庭影音必备系统Kodi虽然好用但总少了些什么?或许你需要一台群晖为 Kodi 注入多设备同步能力...
  6. 你需要了解的图片版权
  7. 你们这些偷代码的程序员!
  8. Pandas+Pyecharts | 北京近五年历史天气数据可视化
  9. 创建挂载squashfs
  10. 医疗诊断文本多分类问题(NLP)(合工大机器学习)