JSP調(diào)用JavaBean在頁(yè)面上動(dòng)態(tài)生成柱狀圖
發(fā)表時(shí)間：2024-06-05 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]背景：本人最近在為某統(tǒng)計(jì)局開(kāi)發(fā)項(xiàng)目時(shí),涉及到在網(wǎng)頁(yè)上動(dòng)態(tài)生成圖片的問(wèn)題，費(fèi)了一天的時(shí)間,終于搞定,為幫助大家在以后遇到同樣的問(wèn)題時(shí)不走彎路，現(xiàn)將設(shè)計(jì)思想及源代碼公布出來(lái)，與大家共勉。以下代碼在Windows2000成功測(cè)試通過(guò)，Web應(yīng)用服務(wù)器采用Allaire公司的Jrun3.0。 第一步：創(chuàng)...
背景：本人最近在為某統(tǒng)計(jì)局開(kāi)發(fā)項(xiàng)目時(shí),涉及到在網(wǎng)頁(yè)上動(dòng)態(tài)生成圖片的問(wèn)題，費(fèi)了一天的時(shí)間,終于搞定,為幫助大家在以后遇到同樣的問(wèn)題時(shí)不走彎路，現(xiàn)將設(shè)計(jì)思想及源代碼公布出來(lái)，與大家共勉。以下代碼在Windows2000成功測(cè)試通過(guò)，Web應(yīng)用服務(wù)器采用Allaire公司的Jrun3.0。
第一步：創(chuàng)建一個(gè)Java Bean用來(lái)生成jpg文件
源程序如下：
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");
}
} |
解釋?zhuān)篶reateImage(String fileLocation)方法用于創(chuàng)建JPG圖片,參數(shù)fileLocation為文件路徑
graphicsGeneration(int h1,int h2,int h3,int h4,int h5)方法用于繪出圖片的內(nèi)容,參數(shù)h1……h(huán)5為每一個(gè)長(zhǎng)方形的高度
第二步：創(chuàng)建另一個(gè)Java Bean從文本文件中讀取數(shù)據(jù)(每一個(gè)長(zhǎng)方形的高度)，在實(shí)際應(yīng)用中數(shù)據(jù)存儲(chǔ)在Oracle數(shù)據(jù)庫(kù)中
源程序如下:
//讀取Text文件中數(shù)據(jù)的 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;
}
} |
解釋?zhuān)?getHightArray()用于從文本中讀取數(shù)據(jù),將文本中的String類(lèi)型轉(zhuǎn)換為int類(lèi)型，并以數(shù)組類(lèi)型返回。
第三步：創(chuàng)建JavaScript/" target="_blank">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="http://edu.chinaz.com/Get/Program/Jsp/d:/temp/chart.jpg"＞＜/img＞
＜/body＞
＜/html＞ |
解釋:JavaScript/" target="_blank">JSP首先調(diào)用Bean (GetData..class)讀取文件中的數(shù)據(jù)，再調(diào)用Bean(ChartGraphics.class)生成圖片,最后顯示圖片。
結(jié)束語(yǔ)：由于文本(ColumnHeightArray.txt)中的數(shù)據(jù)可以隨時(shí)變化，因此生成的圖片中的5個(gè)長(zhǎng)方形的高度是隨之變化的，從而實(shí)現(xiàn)了圖片的動(dòng)態(tài)生成.該設(shè)計(jì)思想還可以用于制作網(wǎng)站的投票系統(tǒng)。
