![9e53da56f6effbdfdcfc5655bd7bb1a2.png](https://img-blog.csdnimg.cn/img_convert/9e53da56f6effbdfdcfc5655bd7bb1a2.png)
今天给大家带来一个个人的项目(不属于实验室的项目),在线Excel,是我和师兄在业余时间练手做的,一个后端一个前端,由于师兄要忙论文,后续可能只有我一个人在维护了,在这开源给大家共同学习,演示地址,源码在文末 fork me 链接里,喜欢的小伙伴可以看看,顺带请给个star,谢谢
极简,轻量,她这是一款适合你继续探索的在线excel
实现的功能
- 文档设计与导出 使用界面上的各种功能组件,去设计你想要的文档,最后点击上传即可生成
- 自适应数据导出 点击加载字段,将你想要的字段拖拽到文档中,字段的标识为左右两侧的'$'符,excel将自适应你的填充字段的位置,去填充所有元数据
部署的方式
- 前端(es6)
npm打包,用pm2进行静态页面管理
- 后端(golang+postgres)
docker打包服务,脚本推送到服务器自动部署,也可以自己在本地部署,具体部署过程参考文末git链接里的readme.md
使用的算法
数据自适应填充算法
在设计过程中考虑到了用户拖拽出来的字段可能不在一行,因此考虑了按列填充,保证表格填充后,所有样式都不会影响
![2a846e429d21a76e92088e93a491020a.png](https://img-blog.csdnimg.cn/img_convert/2a846e429d21a76e92088e93a491020a.png)
OT算法,一种多人协同编辑解决冲突的算法
个人能力,时间有限,只在前端实现了一些基本功能,并没有集成到主分支中,但这是多人协同产品开发的第一步,目前也有想往这开发的意向,想了解的朋友也可与我交流
![c2e336e20c920d477af5095b83abf586.png](https://img-blog.csdnimg.cn/img_convert/c2e336e20c920d477af5095b83abf586.png)
未来架构
未来想要做成的样子
![a19c7c480c5724c8ff4c2950a0656d8e.png](https://img-blog.csdnimg.cn/img_convert/a19c7c480c5724c8ff4c2950a0656d8e.png)
演示地址
http:// 106.75.227.222:5000/
fork me!
https:// github.com/zxhjames/X-s preadsheet-online
扫描并关注以下公众号 ,我把我的一些技术学习资料都整理好了,涉及算法,计算机网络,Java,数据库,大家需要的可以访问以下链接自取,一起加油
https://github.com/zxhjames/learn_resource
![033e2844f82326e98a2b6a5231e235da.png](https://img-blog.csdnimg.cn/img_convert/033e2844f82326e98a2b6a5231e235da.png)
![f88c963a9095271b2ea799707b79ecd1.png](https://img-blog.csdnimg.cn/img_convert/f88c963a9095271b2ea799707b79ecd1.png)