网络拓扑 le5le-topology & draw.io技术差异及研发方案对比汇总
先看一下两个方案的介绍
1、le5le
体验地址:https://t.le5le.com/
Github:https://github.com/le5le-com/topology.js
Gitee: https://gitee.com/le5le/topology.js
官方文档:http://developer.le5le.com/
乐吾乐物联平台:http://iot.demo.le5le.com/
文档地址:https://www.yuque.com/alsmile/topology/daf7sb
3D演示版:http://3d.preview.le5le.com/
2、draw.io
体验地址:https://app.diagrams.net/
官方文档:https://drawio-app.com/product/
Gitbug:https://github.com/jgraph
ok 下面根据测试集成结果,总结一下个人对两个框架的基本对比
产品共同点
1、这两个框架功能相似draw.io 相对完善一点。
2、产品布局相同,页面顶部导航为菜单,左侧为元素列表,中间为画布,右侧为属性编辑。
3、产品操作逻辑相同,都是 拖拽/导入=>编辑=>保存/导出。
4、产品都可以导入、导出拓扑文件。
产品不同点
1、整体架构不同,topology属于开源插件形式,draw.io属于系统集成部署形式。
2、技术框架不同,topology是遵循原生JavaScript开发,可与Vue、react等项目集成,draw.io是多种语言(.net,ObjectC,java,php,javaScript )开源整套系统。
3、部署方式不同,topology是插件形式引入项目,开发可和项目一同部署,不需要单独处理。draw.io因为它属于系统集成部署有多种部署方式,如下:
可以通过客户端(window,MacOs)安装部署。
可以通过IP域名等方式部署到独立服务器,可选语言包括 JavaScript、 PHP、Java等。
可以通过系统对接系统方式部署(iframe方式引入)。
4、开发及维护成本不同。
topology开发只需开发业务层代码,无需关注插件源码。后期维护也只需要维护业务代码,源码插件按需升级就行。
draw.io属于系统集成方式功能相对全面,原则上无需二次开发部署就能用。但考虑融合大数据平台,需要定制化开发。开发业务时需要考虑源码兼容,集成部署后续单独搭建系统间通讯问题。后期维护需要维护源码及业务代码,因为改动源码升级成本较高。
产品优点
Topology:
轻量、基本功能齐全、灵活度高、二次开发空间大、无需考虑部署问题。
Draw.io:
一键部署、快速应用、功能完善、前期0成本、跨平台、客户端。
产品缺陷
Topology:
只提供核心插件代码、具体功能需根据业务开发、个人开源、功能相对draw.io 来说比较欠缺。
Draw.io:
整套解决方案、因为系统集成方式部署需要单独web服务、成套系统定制开发 困难、需要汉化、定制化开发成本高,需要考虑系统间通讯问题。