为了要生成gif 图片 ，请先在http://www.fmsware.com/stuff/gif.zip 下载处理GIF图片的代码，解压之后可以发现有AnimatedGifEncoder.java, GifDecoder.java, ... 其中AnimatedGifEncoder.是用来生成GIF文件的

Gif图片比Jpeg 要小的多，另外动态走势图保存在内存中，不用生成图片文件的。

准备一张背景图片400×200大小，如下

ImageContainer.java

package com.web;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.LinkedList;
import java.util.List;
import javax.imageio.ImageIO;

public class ImageContainer {

    public final static int MAX_LIST_SIZE = 100;

    public final static int DEFAULT_WIDTH = 400;

    public final static int DEFAULT_HEIGHT = 200;

    public final static int DOT_WIDTH = 4;

    public final static int DOT_HEIGHT = 2;

    public final static String BACKGROUND_IMAGE = "/bg.gif";

    private LinkedList<Integer> valueList = new LinkedList<Integer>();

    private Image image = null;

    private void loadImageFile() {
        File file = new File(this.getClass().getResource(BACKGROUND_IMAGE)
                .getFile());
        try {
            image = ImageIO.read(file);
        } catch (IOException e) {
            System.err.println("Can not load backgroud, reason:"
                    + e.getMessage());
        }
    }

    private ImageContainer() {
    }

    private static ImageContainer intance = new ImageContainer();

    public static ImageContainer getInstance() {
        return intance;
    }

    public synchronized List getList() {
        return valueList;
    }

    public synchronized void pushValue(Integer value) {
        if (valueList.size() >= MAX_LIST_SIZE) {
            valueList.poll();
        }
        valueList.offer(value);
    }

    public BufferedImage draw() {
        BufferedImage tag = new BufferedImage(DEFAULT_WIDTH, DEFAULT_HEIGHT,
                BufferedImage.TYPE_INT_RGB);
        if (image == null) {
            loadImageFile();
        }
        if (image != null) {
            int width = image.getWidth(null);
            int height = image.getHeight(null);
            tag.getGraphics().drawImage(image, 0, 0, width, height, null);
        }

        Graphics g = tag.getGraphics();
        g.setColor(Color.GREEN);
        List valueList = this.getList();
        int x1 = 0, y1 = 0, x2 = 0, y2 = 0;
        int size = valueList.size();
        int offset = (MAX_LIST_SIZE - size) * DOT_WIDTH;
        x1 = offset;
        y1 = DEFAULT_HEIGHT-0;
        for (int i = 0; i < size; i++) {
            x2 = offset + i * DOT_WIDTH;
            y2 = DEFAULT_HEIGHT-(Integer) valueList.get(i) * DOT_HEIGHT;
            g.drawLine(x1, y1, x2, y2);
            System.out.printf("drawLine[%d,%d,%d,%d]", x1, y1, x2, y2);
            x1 = x2;
            y1 = y2;
        }
        System.out.println();
        return tag;
    }

}

RandomValueThread.java

package com.web;

import java.util.Random;

public class RandomValueThread extends Thread {

    private boolean isRunning = false;

    public synchronized boolean isRunning() {
        return isRunning;
    }

    public synchronized void setRunning(boolean isRunning) {
        this.isRunning = isRunning;
    }

    @Override
    public synchronized void start() {
        isRunning = true;
        super.start();
    }

    @Override
    public void run() {
        int v;
        Random randomp = new Random();
        while (isRunning) {
            v = randomp.nextInt(100);
            System.out.println("Put random value=" + v);
            ImageContainer.getInstance().pushValue(v);
            try {
                Thread.sleep(1000);
            } catch (InterruptedException e) {
            }
        }
    }
}

ImageServlet.java

package com.web.servlet;

import giftool.AnimatedGifEncoder;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.web.ImageContainer;
import com.web.RandomValueThread;

public class ImageServlet extends HttpServlet {

    private static final String GIF = "image/gif";

    private static final String JPG = "image/jpeg";

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType(GIF);
        BufferedImage image = ImageContainer.getInstance().draw();
        OutputStream out = response.getOutputStream();
        // JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
        // encoder.encode(image);
        AnimatedGifEncoder encoder = new AnimatedGifEncoder();
        encoder.setRepeat(0);
        encoder.start(out);
        encoder.addFrame(image);
        encoder.finish();
       
        out.close();
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }

    public void init() throws ServletException {
        // Start random value thread
        RandomValueThread thread = new RandomValueThread();
        thread.setDaemon(true);
        thread.start();
    }

}

 web.xml 加入

  <servlet>
    <servlet-name>ImageServlet</servlet-name>
    <servlet-class>com.web.servlet.ImageServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>ImageServlet</servlet-name>
    <url-pattern>/ImageServlet</url-pattern>
  </servlet-mapping>

demo.htm

<html>
    <body>
        Memory Copy Buffer Image
        <br>

        <img src="" id="viewImg" />
    </body>
</html>
<script language="javascript">...
function refreshImage() ...{
 document.getElementById("viewImg").src="ImageServlet?"+Math.random();
 setTimeout(refreshImage,1000);
}

setTimeout(refreshImage,1000);
</script>
 

最终演示效果图:

文章来自：http://publishblog.blogchina.com/blog/tb.b?diaryID=5607592

webwork相对struts要简单直接一些，打算以后的项目都用webwork2了。

webwork的文档确实做得不好，用wiki显得杂乱无章。
项目文档还是应该专门编写，以一个完整的思路来编写，对于初学者会碰到的问题有一个清晰的指导。

经过一些痛苦之后，我终于让freemarker如我期望的工作了。
freemarker确实是不错的模版语言引擎，尤其是处理对象图很方便，处理xml也很方便，还支持xpath哦。另外写文章来表扬freemarker。

本文主要是讲webwork和freemarker的结合点。

为了国际化(i18n)，我希望在freemarker的文件中也使用webwork的jsptag，
因为webwork的tag可以很好的解决国际化问题。
为了这一点花费了一个上午的时间，从webwork2文档的各个角落找到了解决各个问题的钥匙。

要点有三：
1 web.xml中
   要增加
   <servlet>
        <servlet-name>JspSupportServlet</servlet-name>
           <servlet-class>com.opensymphony.webwork.views.JspSupportServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <taglib>
        <taglib-uri>webwork</taglib-uri>
        <taglib-location>/WEB-INF/webwork.tld</taglib-location>
    </taglib>
   
   否则在ftl文件头部写的<#assign ww=JspTaglibs["/WEB-INF/webwork.tld"] />是不能被正确处理的。
   我由于没有注意这点，花的时间最多。

2  freemarker的文件一般以后缀ftl，ftl文件的头上要写
    <#assign ww=JspTaglibs["/WEB-INF/webwork.tld"] />
    这样才能在ftl中使用webwork的tag。

    webwork文档是怎么写的呢，直接告诉读者：
   <@ww.text name="hello"/>
    失败之后发现，后面的后面还有一段话，说明要加上 <#assign    mytag=JspTaglibs["/WEB-INF/mytag.tld"]>
    于是加上，还是失败，郁闷了。

    再往下文看，还有一个Note：说明了我在第1条中说明的内容。

    怎么能拿这样的文档给读者呢？

3   要注意一个细微的差别!!

    在jsp中用tag，是这样的：
    <ww:text name="login.title"/>
    在ftl中用tag，是这样的：
    <@ww.text name="login.title"/>

    其中<ww:text ... 中间是冒号 :
   <@ww.text  ...  则是句号.

   着急的初学者常常看不到这个差别，例如我。