知识图谱可视化网站——前端的编写（2024山东大学软件学院项目实训）

数据库数据的建立

数据库数据建立

前端设计

节点以及关系列表的获取

connectToNeo4j() {
      this.driver = neo4j.driver('bolt://localhost:7687', neo4j.auth.basic('neo4j', 'roman-prefix-symbol-spiral-critic-133'));
      this.session = this.driver.session();

通过用户名密码链接neo4j数据库。

 async initializeNetwork() {
                const container = this.$el;
                const {nodes, edges} = await this.fetchGraphData();

                const data = {nodes, edges};
                const options = {
                    nodes: {
                        shape: 'circle',
                        size: 20, // 确保所有节点大小一致