简介

资源链接：https://download.csdn.net/download/m0_46573428/87796553

详细信息请看：https://blog.csdn.net/m0_46573428/article/details/130071302

这一部分的网页结构非常简单。由于Neo4j本身有提供可视化界面，本次设计就没有重复造轮子了。这部分的功能是直接通过点击链接跳转。页面效果如下。

Neo4j的可视化界面如下所示。需要简单学会Cypher语言来增删改查自己所需要的数据。后面也会提供一些简单的Cypher语言使用示例。

主要代码

VisualInterface.vue

<template>
  <div style="padding-top: 20%">
    <h1>
      请在浏览器打开：<a href="http://localhost:7474/browser/" target="_blank"
        >http://localhost:7474/browser/</a>
    </h1>
    <h3>
      该操作需要确认Neo4j驱动已经打开：在命令行中执行“neo4j.bat console”即可
    </h3>
  </div>
</template>

<script>
export default {
  name: "VisualInterface",
  props: {},
  data() {
    return {};
  },
};
</script>

<style scoped>
*{
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  color: #486E53;
}
h3{
 font-size: 20px;
}
</style>

Cypher语言使用示例

1. 创建（插入）操作：

创建具有属性的节点：

CREATE (node:Label {property1: value1, property2: value2})

在两个节点之间创建关系：

MATCH (node1:Label1), (node2:Label2)
WHERE node1.property = value1 AND node2.property = value2
CREATE (node1)-[:RELATIONSHIP_TYPE]->(node2)

1. 读取（检索）操作：

检索特定标签的所有节点：

MATCH (node:Label)
RETURN node

根据属性值检索节点：

MATCH (node:Label)
WHERE node.property = valueRETURN node

检索节点的特定属性：

MATCH (node:Label)
RETURN node.property1, node.property2

1. 更新操作：

更新节点的属性值：

MATCH (node:Label)
WHERE node.property = value
SET node.property = newValue

更新节点的多个属性：

MATCH (node:Label)
WHERE node.property = valueSET node.property1 = newValue1, node.property2 = newValue2

1. 删除操作：

删除节点及其关系：

MATCH (node:Label)
WHERE node.property = value
DETACH DELETE node

删除特定关系：

MATCH (node1:Label1)-[r:RELATIONSHIP_TYPE]->(node2:Label2)
WHERE node1.property = value1 AND node2.property = value2DELETE r

如果属性或label为中文，应该如何输入

如果属性或标签是中文的话，可以在Cypher查询中直接使用中文进行输入。Neo4j的Cypher查询语言支持Unicode字符，因此可以像处理英文属性和标签一样处理中文属性和标签。

例如，如果要创建一个具有中文属性和标签的节点，可以按照以下方式进行：

CREATE (node:标签 {属性1: 值1, 属性2: 值2})

同样，可以在其他Cypher查询中使用中文属性和标签：

MATCH (node:标签)
WHERE node.属性 = 值
RETURN node

确保的数据库连接和工具能够正确地处理和显示Unicode字符，以便正确执行和显示中文属性和标签。