Cytoscape是一个做网络图的js插件，用起来很方便，而且很强大。这是它的网站：点击打开链接

这里实现了一个功能，即从后台数据库中检索数据，然后返回到前端，生成网络图。

后台action就不写了，总之返回到前端的是一个struts2的<s:iterator value=http://www.mamicode.com/"userlist" >，首先用div显示出来：

<div id="hidden">
<s:iterator value=http://www.mamicode.com/"userlist" >	    	    >
将这部分的css设置一下，隐藏这部分div：
#hidden {
    display:none;
}

然后在js中利用document.getElementById.innerHTML来获取到每个div的值，最后传到Cytoscape的json数据格式中。这样就完成了传值，之后设置边就可以依据自己的需求来设置了。
另网络图样式可以根据官网的文档来修改，我做了个简单的图，不十分好看：

这些点的数据都是按照上述方法从数据库传到前台的。
Cytoscape绘图初探