基于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连接字符串:

相关推荐