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的搭建

标题

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

努力了这么久

我怎么舍得放弃