本文試圖通過一個簡單的執行個體,向大家展示如何通過JSP 調用JavaBean在網頁上動態產生柱狀圖。以下代碼在Windows2000成功測試通過,Web應用伺服器採用Allaire公司的Jrun3.0。 第一步:建立一個Java Bean用來產生jpg檔案 來源程式如下:
//產生圖片的 Java Bean //作者:崔冠宇 //日期:2001-08-24 import java.io.*; import java.util.*; import com.sun.image.codec.jpeg.*; import java.awt.image.*; import java.awt.*; public class ChartGraphics { BufferedImage image; public void createImage(String fileLocation) { try { FileOutputStream fos = new FileOutputStream(fileLocation); BufferedOutputStream bos = new BufferedOutputStream(fos); JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(bos); encoder.encode(image); bos.close(); } catch(Exception e) { System.out.println(e); } } public void graphicsGeneration(int h1,int h2,int h3,int h4,int h5) { final int X=10; int imageWidth = 300;//圖片的寬度 int imageHeight = 300;//圖片的高度 int columnWidth=30;//柱的寬度 int columnHeight=200;//柱的最大高度 ChartGraphics chartGraphics = new ChartGraphics(); chartGraphics.image = new BufferedImage(imageWidth, imageHeight, BufferedImage.TYPE_INT_RGB); Graphics graphics = chartGraphics.image.getGraphics(); graphics.setColor(Color.white); graphics.fillRect(0,0,imageWidth,imageHeight); graphics.setColor(Color.red); graphics.drawRect(X+1*columnWidth, columnHeight-h1, columnWidth, h1); graphics.drawRect(X+2*columnWidth, columnHeight-h2, columnWidth, h2); graphics.drawRect(X+3*columnWidth, columnHeight-h3, columnWidth, h3); graphics.drawRect(X+4*columnWidth, columnHeight-h4, columnWidth, h4); graphics.drawRect(X+5*columnWidth, columnHeight-h5, columnWidth, h5); chartGraphics.createImage("D://temp//chart.jpg"); } } |
解釋:createImage(String fileLocation)方法用於建立JPG圖片,參數fileLocation為檔案路徑 graphicsGeneration(int h1,int h2,int h3,int h4,int h5)方法用於繪出圖片的內容,參數h1……h5為每一個長方形的高度 第二步:建立另一個Java Bean從文字檔中讀取資料(每一個長方形的高度),在實際應用中資料存放區在Oracle資料庫中 來源程式如下:
//讀取Text檔案中資料的 Java Bean //作者:崔冠宇 //日期:2001-08-24 import java.io.*; public class GetData { int heightArray[] = new int[5]; public int[] getHightArray() { try { RandomAccessFile randomAccessFile = new RandomAccessFile ("d://temp//ColumnHeightArray.txt","r"); for (int i=0;i<5;i++) { heightArray[i] = Integer.parseInt(randomAccessFile.readLine()); } } catch(Exception e) { System.out.println(e); } return heightArray; } } |
解釋: getHightArray()用於從文本中讀取資料,將文本中的String類型轉換為int類型,並以數群組類型返回。 第三步:建立JSP檔案 來源程式如下:
<%@ page import="ChartGraphics" %> <%@ page import="GetData" %> <jsp:useBean id="cg" class="ChartGraphics"/> <jsp:useBean id="gd" class="GetData"/> <%! int height[]=new int[5]; %> <% height=gd.getHightArray(); cg.graphicsGeneration(height[0],height[1],height[2],height[3],height[4]); %> <html> <body> <img src="d:/temp/chart.jpg"></img> </body> </html> |
JSP首先調用Bean (GetData..class)讀取檔案中的資料,再調用Bean(ChartGraphics.class)產生圖片,最後顯示圖片。 ColumnHeightArray.txt中的資料可以隨時變化,因此產生的圖片中的5個長方形的高度是隨之變化的,從而實現了圖片的動態產生.該設計思想還可以用於製作網站的投票系統。 |