d3.js可视化neo4j图数据库——1、主界面框架的源代码,测试数据以及tomcat的搭建

主界面框架的源代码,测试数据以及tomcat的搭建

主界面的效果大概如下:

下面给出怎样才能达到上图的效果

1、tomcat服务器在Idea中的配置

这一步是基础,也很简单,自己去官网下载适合版本的Tomcat,然后可以参考这篇文章进行配置:

在IntelliJ IDEA2017中配置tomcat和连接mysql数据库

,如果不行,请自行百度

2、命名

在web目录下面新建一个index.jsp文件

3、框架源码

githup地址:https://github.com/mp2930696631/visualization-neo4j-using-java/blob/master/framework.jsp

4、添加必要的js、css等

也就是需要在web目录下添加上图所示的四个文件夹,(由源代码的内容也可知),其中layui是一个前端框架,下面会给出它的链接,需要特别说明的是:因为这四个文件夹中包含很多文件,不方便放在githup上,所以放在了csdn上,这样下载就需要积分,所以这个有点不好意思,但是这不是必须的,你可以使用自己的主界面框架,(例如在layui上面找到类似的主界面,然后根据我给的源代码来进行修改,没什么复杂的,就是有点繁琐)

layui官网地址:http://www.layui.com/

文件的下载地址:https://download.csdn.net/download/qq_34414916/10559311

5、测试数据(包含cypher语句)

测试数据都是.csv文件,需要直接在neo4j的浏览器中用cypher语句插入,数据量较大,所以放在了csdn上,下载需要积分,你可以选择用自己的测试数据

测试数据下载地址:https://download.csdn.net/download/qq_34414916/10559336

测试数据使用说明:

1、需要将csv文件先放入到neo4j安装目录下的import目录中才可使用

2、如果你使用双击打开了csv文件(默认是excel表的方式打开),那么在neo4j浏览器中可能会出现导入失败的情况!解决方法如下:右键选择“用记事本打开”--》点击记事本左上角的“文件”--》选择“另存为”,然后出现如下图所示

图片说明:

、“保存类型”选择“所以文件”

、“编码”选择“UTF-8”

、最后“保存”即可

6、该篇文章需要用到的链接

、在Idea中配置配置tomcat和连接MySQL数据库:在IntelliJ IDEA2017中配置tomcat和连接mysql数据库

、主界面框架源码:https://github.com/mp2930696631/visualization-neo4j-using-java/blob/master/framework.jsp

、layui官网地址:http://www.layui.com/

、项目的js、css文件的下载地址:https://download.csdn.net/download/qq_34414916/10559311

、测试数据下载地址:https://download.csdn.net/download/qq_34414916/10559336

d3.js可视化neo4j图数据库(正式篇)——1、主界面框架的源代码,测试数据以及tomcat的搭建

标题

坚持努力,因为最后你会发现

努力了这么久

我怎么舍得放弃

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180728G0WHMX00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券