多模态知识图谱可视化构建(neo4j+python+flask+vue环境搭建与示例)

article/2025/6/6 4:03:56

文章目录

  • 常用语句
  • 线上工具
  • 搭建环境
    • neo4j
    • node.js
      • 测试
      • 环境搭配
  • 构建图谱
    • 一.数据准备
      • json文件结构
    • 二.Python脚本,用于将上述JSON文件中的数据导入到Neo4j数据库中
    • 三. 可视化
    • 四.前后端部署
      • 后端
      • 前端


提示:以下是本篇文章正文内容,下面案例可供参考

常用语句

启动:neo4j consolo

Directories in use:
home: D:\noe4j-5.22.0\neo4j-community-5.22.0
config: D:\noe4j-5.22.0\neo4j-community-5.22.0\conf
logs: D:\noe4j-5.22.0\neo4j-community-5.22.0\logs
plugins: D:\noe4j-5.22.0\neo4j-community-5.22.0\plugins
import: D:\noe4j-5.22.0\neo4j-community-5.22.0\import
data: D:\noe4j-5.22.0\neo4j-community-5.22.0\data
certificates: D:\noe4j-5.22.0\neo4j-community-5.22.0\certificates
licenses: D:\noe4j-5.22.0\neo4j-community-5.22.0\licenses
run: D:\noe4j-5.22.0\neo4j-community-5.22.0\run
Starting Neo4j.
2025-02-09 07:57:53.164+0000 INFO Logging config in use: File ‘D:\noe4j-5.22.0\neo4j-community-5.22.0\conf\user-logs.xml’
2025-02-09 07:57:53.253+0000 INFO Starting…
2025-02-09 07:57:55.400+0000 INFO This instance is ServerId{31e8e438} (31e8e438-de52-431d-a230-8f3045f57bed)
2025-02-09 07:57:59.131+0000 INFO ======== Neo4j 5.22.0 ========
2025-02-09 07:58:04.580+0000 INFO Anonymous Usage Data is being sent to Neo4j, see https://neo4j.com/docs/usage-data/
2025-02-09 07:58:04.800+0000 INFO Bolt enabled on localhost:7687.
2025-02-09 07:58:06.171+0000 INFO HTTP enabled on localhost:7474.
2025-02-09 07:58:06.172+0000 INFO Remote interface available at http://localhost:7474/
2025-02-09 07:58:06.178+0000 INFO id: 06AE122C32C564D26F4915D4DA71A067C08210D45F807179797B3301774A74EF
2025-02-09 07:58:06.178+0000 INFO name: system
2025-02-09 07:58:06.179+0000 INFO creationDate: 2024-08-22T09:50:05.874Z
2025-02-09 07:58:06.180+0000 INFO Started.

线上工具

图片转链接和base64网址:https://www.imagetourl.org/p/blog-page.html
短链接服务:https://www.sina.lt/

搭建环境

neo4j

参考

node.js

下载链接

开始
在这里插入图片描述
同意协议
在这里插入图片描述
修改路径
在这里插入图片描述
再NEXT,然后
不用选,再NEXT安装
在这里插入图片描述
等待安装完成后finish
在这里插入图片描述

测试

按下【win+R】键,输入cmd,打开cmd窗口
输入:node -v // 显示node.js版本
      npm -v // 显示npm版本
在这里插入图片描述
成功显示,完成安装

环境搭配

1)找到刚刚安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】
在这里插入图片描述
(2)创建完毕后,复制刚刚创建的【node_global】和【node_cache】文件夹路径在cmd命令分别输入以下两条命令,注意不要两条命令的文件路径不要搞混了。
使用管理员身份打开cmd命令窗口(使用管理员身份运行cmd的方法 :点击左下角【开始】菜单,在搜索区域输入“命令提示符”,然后点击【以管理员身份运行】),输入以下命令(下面的路径是我创建的文件夹所在的路径,需要复制你们自己创建的路径哦)
在这里插入图片描述

①npm config set prefix “你的路径\node_global” (复制刚刚所创建的“node_global”文件夹路径)

npm config set prefix “D:\common\develop\Nodejs\node_global”

②npm config set cache “你的路径\node_cache” (复制刚刚所创建的“node_cache”文件夹路径)

npm config set cache “D:\common\develop\Nodejs\node_cache”
在这里插入图片描述
----------可以输入以下两条命令查看路径是否配置正确------------
npm config get cache
npm config get prefix

(3)环境变量
①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】
在这里插入图片描述
② 在【系统变量】中点击【新建】
在这里插入图片描述
变量名:NODE_PATH
变量值:D:\Program Files\nodejs\node_global\node_modules(注意是新建目录下再加后面的文件名node_modules)
在这里插入图片描述
③编辑【用户变量】中的【Path】
④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击【确定】
⑤在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】,随后一直点击【确定】直到关闭所有窗口即可。

nodejs执行安装vue命令后,提示没有找到vue命令,在文件中查不到vue.cmd等文件

1.换镜像源
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.使用cnpm安装vue-cl
cnpm install -g vue-cli
3.然后运行
vue -V

vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。

1.检查并修改 PowerShell 执行策略
PowerShell 默认的执行策略是 Restricted,这会阻止运行未签名的脚本。你需要将其修改为 RemoteSigned 或 Unrestricted。
以管理员身份运行 PowerShell:
按 Win + R,输入 PowerShell,然后按 Ctrl + Shift + Enter,或者在搜索框中输入 PowerShell,右键选择“以管理员身份运行”。
检查当前执行策略:
在管理员权限的 PowerShell 中运行以下命令:Get-ExecutionPolicy
如果返回 Restricted,则需要修改执行策略。
修改执行策略:
运行以下命令将执行策略修改为 RemoteSigned:Set-ExecutionPolicy RemoteSigned
系统会提示你确认,输入 Y 或 A(全部允许)。
2. 验证修改是否成功
修改执行策略后,重新运行你的 Vue CLI 命令:
vue create vue_app

构建图谱

一.数据准备

json文件结构

说明:
texts:包含所有文本节点的信息。

{id:文本节点的唯一标识符。
type:节点类型(固定为Text)。
name:文本节点的名称。
content:文本内容。}

images:包含所有图片节点的信息。

{id:图片节点的唯一标识符。
type:节点类型(固定为Image)。
name:图片节点的名称。
imageUrl:图片的URL。}

relationships:定义文本和图片之间的关系。

{source:关系的起始节点id(文本节点)。
target:关系的目标节点id(图片节点)。
type:关系的类型(例如HAS_IMAGE)。
name:关系的描述(可选)。}

文件示例:

# 我们将本地图片通过网站转换为URL链接
{"texts": [{"id": "text1","type": "Text","name": "示例文本1","content": "这是示例文本内容1"},{"id": "text2","type": "Text","name": "示例文本2","content": "这是示例文本内容2"}],"images": [{"id": "image1","type": "Image","name": "bird1","imageUrl": "https://example.com/image1.jpg"},{"id": "image2","type": "Image","name": "bird2","imageUrl": "https://example.com/image2.jpg"}],"relationships": [{"source": "text1","target": "image1","type": "HAS_IMAGE","name": "包含图片"},{"source": "text2","target": "image2","type": "HAS_IMAGE","name": "包含图片"}]
}

二.Python脚本,用于将上述JSON文件中的数据导入到Neo4j数据库中

import json
from py2neo import Graph, Node, Relationship# 连接到Neo4j数据库
graph = Graph("bolt://localhost:7687", auth=("neo4j", "password"))# 加载JSON文件
with open("data.json", "r", encoding="utf-8") as file:data = json.load(file)# 创建文本节点
text_nodes = {}
for text_data in data["texts"]:node = Node(text_data["type"], id=text_data["id"], name=text_data["name"], content=text_data["content"])graph.create(node)text_nodes[text_data["id"]] = node# 创建图片节点
image_nodes = {}
for image_data in data[

http://www.hkcw.cn/article/yjZWsoQmLI.shtml

相关文章

如何监测光伏系统中的电能质量问题?分布式光伏电能质量解决方案

根据光伏相关技术规范要求,通过10(6)kV~35kV电压等级并网的变流器类型分布式电源应在公共连接点装设满足GB/T 19862要求的A级电能质量监测装置。用于监测分布式光伏发出的电能的质量,指标包括谐波、电压偏差、电压不平衡度、电压波动和闪变等。 CET中电…

DeviceNet主站转EtherNet/IP协议网关详细解读

很多小伙伴在后台私信小编问可不可以讲讲DeviceNet主站转EtherNet/IP协议网关,今天小编就给大家展开讲一下。 一,设备主要功能 JH-EIP-DVN疆鸿智能型网关实现了EtherNet/IP网络与DeviceNet网络之间的数据通讯,可连接DeviceNet网络到EtherNe…

安卓Compose实现鱼骨加载中效果

安卓Compose实现鱼骨加载中效果 文章目录 安卓Compose实现鱼骨加载中效果背景与简介适用场景Compose骨架屏与传统View实现对比Shimmer动画原理简介常见问题与优化建议参考资料 本文首发地址 https://h89.cn/archives/404.html 背景与简介 在移动应用开发中,加载中占…

简单实现Ajax基础应用

Ajax不是一种技术,而是一个编程概念。HTML 和 CSS 可以组合使用来标记和设置信息样式。JavaScript 可以修改网页以动态显示,并允许用户与新信息进行交互。内置的 XMLHttpRequest 对象用于在网页上执行 Ajax,允许网站将内容加载到屏幕上而无需…

在Overleaf中使用IEEE模板

1、Overleaf网站 Log in to Overleaf - Overleaf, Online LaTeX Editor 2、左上角New project —— Journal articles 3、左上角back to all gallery items 4、搜索IEEE

BugKu Web渗透之源代码

启动场景,打开网页显示如下: 步骤一: 肯定是右键查看源代码。 如图: 感觉p1和p2都比较可疑。这样显示应该是url编码。 unescape: 对escape() 编码的字符串进行解码。 eval或者assert(code)的…

新版 Xcode 中 CoreData 模型编辑器显示拓扑图功能取消的替代方案

概述 何曾几时,小伙伴们在 Xcode 的 CoreData 模型编辑器里可以肆无忌惮的浏览数据库表结构的拓扑图,造福了我们这些秃头码农们,可惜这一功能现在已不复存在! 那么,还有没有什么替代方案呢?本文由此应运而…

曹骏回应拒演短剧争议:专注长剧和电影

曹骏回应拒演短剧争议。曹骏回应拒演短剧争议,表示因不熟悉短剧领域,尊重经纪公司安排,专注长剧和电影。果然人红是非多,凭借《无忧渡》火起来的曹骏,居然被某编剧爆料称,拒绝了自己主创的短剧项目,而这个编剧还说自己是和曹骏相识十年。要我说啊,曹骏后援会的回应真挺…

卫健局回应女婴术后脑损伤 调查未明真相

近日,四川的徐女士反映,她五个多月大的孩子鱼鱼在四川大学华西第二医院锦江院区完成心脏手术后,从重症监护室转出时头部出现了一个创口。经检查,鱼鱼被诊断为脑出血和脑损伤,后续还伴有癫痫。当地卫健委介入调查但未能得出明确结论。5月29日,记者在事发医院看到已经一岁多…

数据安全管理进阶:81页 2024数据安全典型场景案例集【附全文阅读】

《2024 数据安全典型场景案例集》聚焦政务数据安全,覆盖数据细粒度治理、授权运营、接口安全、系统接入、批量数据共享、使用侧监管、风险监测、账号管控、第三方人员管理、密码应用等十大典型场景,剖析各场景风险并提供技术方案,如基于 AI 的…

数据加密标准(DES)解析及代码实现(java)

概述 数据加密标准(Data Encryption Standard, DES)是1977年由美国国家标准局(NIST)采纳的对称密钥加密算法,作为首个公开的联邦信息处理标准(FIPS PUB 46)。DES采用64位分组大小和56位有效密钥…

web程序设计期末复习-简答题

页面色彩搭配的基本原理 色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。色彩的合适性。就是说色彩和你表达的内容气氛相合适。如用粉色体现女性站点的柔性。色彩的联想性。不同色彩会产生不…

pikachu靶场通关笔记11 XSS关卡07-XSS之关键字过滤绕过(三种方法渗透)

目录 一、源码分析 1、进入靶场 2、代码审计 3、攻击思路 二、渗透实战 1、探测过滤信息 2、注入Payload1 3、注入Payload2 4、注入Payload3 本系列为通过《pikachu靶场通关笔记》的XSS关卡(共10关)渗透集合,通过对XSS关卡源码的代码审计找到安…

基于Java的OPCDA采集中间件

1.软件功能及技术特点简介: 软件功能及技术特点简介: OPCDA是基于Java语言开发的OPC client(OPC客户端)跨平台中间件软件,他支持OPC SERVER的OPC DA1.0/2.0/3.0。OPCDA实时采集数据(包括实时数据、报警数…

centos挂载目录满但实际未满引发系统宕机

测试服务器应用系统突然挂了,经过排查发现是因为磁盘“满了”导致的,使用df -h查看磁盘使用情况/home目录使用率已经到了100%,但使用du -sh /home查看发现实际磁盘使用还不到1G,推测有进程正在写入或占用已删除的大文件(Linux 系统…

鸿蒙仓颉语言开发实战教程:购物车页面

大家上午好,仓颉语言商城应用的开发进程已经过半,不知道大家通过这一系列的教程对仓颉开发是否有了进一步的了解。今天要分享的购物车页面: 看到这个页面,我们首先要对它简单的分析一下。这个页面一共分为三部分,分别是…

Redisson单机模式

redisson调用unlock的过程 Redisson 是一个基于 Redis 的 Java 驻内存数据网格(In-Memory Data Grid)框架,提供了分布式和可扩展的数据结构和服务。Redisson 的 unlock 方法用于释放锁。下面是 unlock 方法的调用过程: 获取锁的状…

软件测试环境搭建与测试流程

🍅 点击文末小卡片,免费获取软件测试全套资料,资料在手,涨薪更快 1.软件测试环境搭建 思考: 在什么条件下做软件测试?怎么做软件测试? 1.1 搭建测试环境前 确定测试目的 功能测试&#xff…

Go语言学习-->从零开始搭建环境

Go语言学习–>从零开始搭建环境 1 开发环境 Go官网下载地址:https://golang.org/dl/ Go官方镜像站(推荐):https://golang.google.cn/dl/ windos 平台下载: 我这里下载1.22稳定版 双击下载好的.msi文件 修改安装…

Mac 芯片系列 安装cocoapod 教程

安装声明: 本人是在搭梯子的环境下安装成功,前提是必须安装好安装homebrew环境。 1.检测rudy的源 2.查看源(目的:检测rudy的源) gem sources - l 3.移除源(目的:移除rudy自带的源) gem sources --remove https://rubygems.org/ 4.更换源(目的:替换成国…