基于Java Applet绘制拓扑图总结
使用Java Applet技术开发小应用程序,并最终将其部署到网页上,使其能够实现从数据库中读取节点、链路数据,并根据数据绘制拓扑图的功能。绘制图像的过程应用jgraph开源软件实现。
技术要点:
1、在页面上部署Java Applet应用程序,并调用jgraph.jar包
applet archive="AppletDemo.jar,jgraph.jar" code="org/nlsde/draw/applet/AppletDemo.class" codebase="./" width="660" height="560">applet>
在此将网页文件和AppletDemo.jar放在同一个目录下,由于需要引用第三方的jgraph.jar包,因此在archive属性中一并写上jgraph.jar
2、Java Applet应用程序访问数据库
由于Java Applet应用程序本身的策略限制,在默认情况下应用程序只能以http协议访问运行此Java Applet应用程序的主机;而修改策略,需要加入数字签名,并且浏览器会提示安全问题。因此在本次开发中,使用Java Applet访问Servlet的流行方法来解决读取数据库的问题。
Java Applet应用程序和Servlet进行交互,可以直接在两者间传递支持序列化的对象(Serializable)。在Servlet端,只需要响应doGet事件,并将处理结果以ObjectStream的形式返回即可:
DefaultGraphCell[] alCells = org.nlsde.draw.data.CellHandler.getAllCells(); ObjectOutputStream out = new ObjectOutputStream(response .getOutputStream()); out.writeObject(alCells);
在Java Applet端,发起数据请求和接受结果如下:
URL url = new URL(getCodeBase() + "/servlet/GetAllCells"); URLConnection urlConn = url.openConnection(); InputStream in = urlConn.getInputStream(); ObjectInputStream result = new ObjectInputStream(in); Object obj = result.readObject(); DefaultGraphCell[] alCell = (DefaultGraphCell[]) obj;
和数据库交互的部分,被封装到另外的类CellHandler中。)
3、利用jgraph绘制拓扑图的过程
在jgraph中,存在顶点(vertice)、连线(edge)、端口(port)的概念,他们的关系如下:
顶点、连线、端口都被认为是GraphCell,只不过连线和端口有自己独特的属性。
利用jgraph绘图的流程如下:
创建顶点集合,并指定各个顶点的属性
DefaultGraphCell c = new DefaultGraphCell(rs.getString("MAIN_IP")); //创建顶点对象,并指定Label显示文字 GraphConstants.setAutoSize(c.getAttributes(), true); //设定顶点大小为自动缩放 DefaultPort p = new DefaultPort(); c.add(p); //为顶点添加一个端口,用以连接连线
如果需要为顶点加入用户自定义的属性,可以利用jgraph提供的AttributeMap创建属性键值对,最后附加到顶点上:
AttributeMap m = new AttributeMap(); m.applyValue("MAIN IP", rs.getString("MAIN_IP")); c.getAttributes().applyMap(m);
接着创建连线,并根据规则指定连线的起点和终点:
DefaultEdge e = new DefaultEdge(); AttributeMap m = new AttributeMap(); m.applyValue("OBJECT_INSTANCE",rs.getString("OBJECT_INSTANCE")); m.applyValue("SOURCE1_INSTANCE",rs.getString("SOURCE1_INSTANCE")); m.applyValue("SOURCE2_INSTANCE",rs.getString("SOURCE2_INSTANCE")); m.applyValue("TYPE","LINK"); e.getAttributes().applyMap(m);
在指定连接的起点和终点时,采用比对SOURCE1_INSTANCE和SOURCE2_INSTANCE是否和顶点中的OBJECT_INSTANCE匹配的方法,若匹配,则被比较顶点是当前连线的起点或终点:
for (int i = 0; i for (int j = 0; j if (alCell[j].getAttributes().get("OBJECT_INSTANCE") .toString().equalsIgnoreCase( alLink[i].getAttributes().get( "SOURCE1_INSTANCE").toString())) { alLink[i].setSource(alCell[j].getChildAt(0)); } if (alCell[j].getAttributes().get("OBJECT_INSTANCE") .toString().equalsIgnoreCase( alLink[i].getAttributes().get( "SOURCE2_INSTANCE").toString())) { alLink[i].setTarget(alCell[j].getChildAt(0)); } } }
设置起点或终点需要调用setSource()或setTarget()方法,需要注意的是此方法的参数是顶点的端口,而非顶点本身,因此参数形式是GraphCell.getChildAt(0)。由于本次开发中只为顶点创建了一个端口,因此只有getChildAt(0)有效。
4、为顶点指定图标
要为顶点指定图标,首先要在Java Applet应用程序中成功加载图标文件。Java Applet仅支持gif/png/jpg格式的图片文件,其他格式的一概设置ImageIcon对象Image Load Status=4的错误,表示Load出错,但是不会提示具体错误。
在Java Applet中调用其他文件,应该将此文件一并封装在Java Applet应用程序包中,并且遵循Java规范创建标准包的名称。在此次开发中,Java Applet应用程序本身的包名为org.nlsde.draw.applet,所需要调用的图片文件的包名为org.nlsde.draw.applet.ico。在调用图片文件时,只需要使用getCodeBase()方法即可获得Java Applet应用程序本身的路径,再加上ico即可找到图片文件:
URL u = AppletDemo.class.getResource("ico/" + alCell[i].getAttributes().get("OBJECT_ICON") .toString() + ".jpg"); ImageIcon icon = new ImageIcon(u); GraphConstants.setIcon(alCell[i].getAttributes(), icon);
获取图片的ImageIcon对象后,使用jgraph内置的方法可以很容易的为顶点设置图标。
5、定义数据库连接
本次开发中数据库连接被封装在DBHandler类中。另外使用SystemConfig.xml文件来存储连接数据库的信息。在DBHandler类访问SystemConfig.xml文件时,为SystemConfig.xml文件指定了URL路径而非本地路径:
private static final String _configFile = "http://192.168.15.230:8080/draw/SystemConfig.xml";
这是因为Java Web App在运行时,默认起始路径是$TOMCAT_HOME/bin,而非Web App本身的根目录,调用比较麻烦。
在SystemConfig.xml文件中,存储的数据库连接信息包括Java C Oracle连接字符串: