慢慢来 网站建设,安徽安庆怎么样,陕西专业网站建设,微网站开发哪家好背景
HugeGraph 安装部署了最新版本1.0.0#xff0c;发现它的 Web 工具 Hubble 有一个大 Bug。数据导入的时候#xff0c;配置节点属性映射这个选项时#xff0c;下拉框只有一个选项#xff0c;但实际上#xff0c;元数据配置中的属性有3个#xff0c;这个 Bug 是怎么产…背景
HugeGraph 安装部署了最新版本1.0.0发现它的 Web 工具 Hubble 有一个大 Bug。数据导入的时候配置节点属性映射这个选项时下拉框只有一个选项但实际上元数据配置中的属性有3个这个 Bug 是怎么产生的呢
下载源码编译
去官网下载了最新版本的 Hubble 源码本地安装看了看Hubble 这个 Web 工程前端是 React 写的定位到了任务映射这个前端文件 VertexMap.tsx 。
天啊真的是看不下去了一千多行数据处理和 html 标签映射混在一起让我这个习惯了 Vue.js 且只用 React 写过几个简单页面的后端怎么能定位到缺陷代码呢太高估我自己了我这一点 React 的皮毛完全看不懂。
再吐槽一下HugeGraph 不是已经捐给 Apache 了吗为什么里面的国际化部分的 en-US 的内容也是中文呢难道中文要占领全世界了还是说虽然捐赠出去了但是只有咱们才用所以不用国际化了 验证结果1.0.0 的 Hubble 界面上的国际化「语言」切换按钮无效
1.0.0 hubble-fe 前端 Bug 修复
昨天导入源码之后今天把程序跑起来每个页面上的告警类似下面的页面告警逐个解决
Menu 组件没有 needBorder 属性删掉。Select 组件没有 selectorName 属性删掉。Input 的 maxLength 属性名称写成 maxLen 了修正。Input 没有 onClearClick 、isShowDropDown、countMode 、originalProps 之类的属性删掉。通过 Map 映射生成的循环 div 列表没有设置 key 属性加上动态的 key 。最后定位到节点映射文件 VertexMap.tsx 中渲染下拉框的地方
对选择的节点将其包含的除了主键之外的其他属性填充到下拉框中。测试直接将 Select.Option 的下拉选项列表不能正常显示 页面显示可选项还是只有一个
意识到应该是 Select 的配置属性有问题。再拷贝一份 Select 组件下拉选项就正常对 Select 属性逐个验证发现去掉getPopupContainer{(e: any) e.parentNode} 这个属性下拉选项就正常了。 这个属性是为了解决下来选项内容过多时滚动条问题的为什么加上后反而不能显示完整的选项了呢
官网版本使用方法
幸运的是找到了一个网友分享到网盘的「 0.10 版本的 Server 1.6.0 的 Hubble 」合起来才能用它的 Web 界面导入数据hugegraph0.10.4 的网盘地址。
按官网的版本映射说明0.10 Server 应该对应 1.5.0 的 Hubble 的但是这个版本的 Hubble 又太简单了只有一个数据分析页面就没有其他功能了好在搭一个高版本的 Hubble 也能用起来就是下面这个界面了缺陷是下拉选项里面还包主键名称这也正是 1.0.0 Hubble 改进的地方之一 这个才是正常的数据节点映射属性的下拉选项但是低版本的 Hubble1.6.0 它的数据分析功能只有一个「Gremlin 分析」 Tab没有 1.0.0 的「算法分析」
启示录
开源软件虽然能用但是有没有坑咱也不知道发现的坑咱也改不了。最麻烦的是官网发布的历史版本的下载地址都是失效的只有最新 1.0.0 可以下载但是它的数据导入功能没有办法正常配置节点属性功能就没法正常使用了。
1.0.0 的数据导入的这个 Bug前一天感觉自己没有能力修改磕了一个多小时竟然也能解决改了这个前端的错误后需要重新打包Web 图形化工具就正常。搞定这个Bug我已不再是昨天的我
另外React 和 Vue.js 对比之下Vue.js 对 Java 后端开发人员来说确实很简洁啊基于数据驱动的页面模版数据定义及处理CSS 定义各司其职内容明了我还是更欣赏 Vue.js !
