Discussion :

[batanga09]

bonjour,

j'ai un petit problème que j'arrive pas à solutionner. je veux développer une petite appli qui permet à l'utilisateur via un formulaire de rentrer des paramètres. Ensuite ces paramètres servent à tracer un graphe ( via ma classe MonGraphe) grâce à la biblio JFreeChart. j'obtiens donc un graphe de type JFreeChart dans une fenêtre. mon objectif est enfin de pouvoir afficher ce graphique dans ma jsp. mais c'est la que ça coince. j'ai pensé à sauvegarder ce graphe dans un dossier de mon appli (WebContent/images) en tant qu'image (jpeg ou png) afin de n'avoir plus qu' afficher l'image dans la jsp. Mais ça ne marche pas. Besoin de votre aide. Merci d'avance.


le code de ma classe MonGraphe.
le main() juste pour vérifier que je trace bien le graphe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
public MonGraphe( String applicationTitle, String chartTitle ) {
        super( applicationTitle );
        JFreeChart xylineChart = ChartFactory.createXYLineChart(
                chartTitle,
                "Axe des X",
                "F(x)=Y",
                createDataset(),
                PlotOrientation.VERTICAL,
                true, true, false );
 
        File image = new File( "/WebContent/images/chart.jpeg" );
        try {
            ChartUtilities.saveChartAsJPEG( image, xylineChart, 600, 400 );
        } catch ( Exception e ) {
            System.out.println( "probleme rencontré " + e.getMessage() );
        }
        System.out.println( image.getName() );
 
        ChartPanel chartPanel = new ChartPanel( xylineChart );
        chartPanel.setPreferredSize( new java.awt.Dimension( 560, 367 ) );
        final XYPlot plot = xylineChart.getXYPlot();
        XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer();
        renderer.setSeriesPaint( 0, Color.RED );
 
        renderer.setSeriesStroke( 0, new BasicStroke( 4.0f ) );
 
        plot.setRenderer( renderer );
        setContentPane( chartPanel );
    }
 
    private XYDataset createDataset() {
 
        final XYSeries maFonction = new XYSeries( "Ma_Fonction" );
        maFonction.add( 1.0, 4.0 );
        maFonction.add( 2.0, 5.0 );
        maFonction.add( 3.0, 4.0 );
        maFonction.add( 4.0, 4.0 );
        maFonction.add( 5.0, 6.0 );
        maFonction.add( 2.0, 1.0 );
        maFonction.add( 2.0, 3.0 );
        final XYSeriesCollection dataset = new XYSeriesCollection();
 
        dataset.addSeries( maFonction );
        return dataset;
    }
 
    public static void main( String[] args ) {
        MonGraphe chart = new MonGraphe( "TEST", "test!" );
        chart.pack();
        RefineryUtilities.centerFrameOnScreen( chart );
        chart.setVisible( true );
 
    }
}

la méthode doGet() de ma servlet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
public class dessine extends HttpServlet {
 
    /**
     * 
     */
    private static final long  serialVersionUID = 1L;
 
    public static final String VUE              = "/WEB-INF/affiche_input.jsp";
    public static final String VUE_INSCRIPTION  = "/WEB-INF/inscription.jsp";
    public static final String ATT_FONCTION     = "maFonction";
    public static final String ATT_TRAITEMENT   = "monTraitement";
    public static final String ATT_GRAPHE       = "chart";
    public static final String VUE_CHART        = "/WEB-INF/jfreechart.jsp";
 
    public void doGet( HttpServletRequest request, HttpServletResponse response ) throws ServletException, IOException {
 
        Graphe monGraphe = new Graphe();
        JFreeChart lineChart = monGraphe.CreeJFeeChart();
        OutputStream out = response.getOutputStream();
        response.setContentType( "image/png" );
 
        File fichier = new File( "images/chart.png" );
        try {
            ChartUtilities.writeChartAsPNG( out, lineChart, 400, 300 );
        } catch ( Exception e ) {
            e.printStackTrace();
        }
 
        this.getServletContext().getRequestDispatcher( VUE_CHART ).forward( request, response );
    }

N'hésitez pas à me proposer une autre manière de faire.

[Kasko]

Salut,
j'écris ceci pour suivre l'évolution de la discussion afin que je puisse voir en cas de résolu comment réaliser ce cas de figure : exécuter en J2E un programme qui nécessite la signature main( String[] args ) car ça faisait longtemps que je cherchais(afficher une fenêtre réaliser avec JFrame dans une JSP). Je pense que c'est très difficile pour ne pas dire impossible.Et mon ami si tu trouves la solution tout seul,n'hésites pas à partager avec moi.

[joel.drigo]

Salut,

@Kasko : ce n'est pas du tout ce que fait @batanga09. Son main() c'est juste pour tester. Ce que tu veux faire n'est pas impossible, mais pas simple directement, sauf par applet, technologie en passe de devenir obsolète.

@batanga09 : ton problème est que tu mélanges 2 façons de faire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 Graphe monGraphe = new Graphe();
        JFreeChart lineChart = monGraphe.CreeJFeeChart();
        OutputStream out = response.getOutputStream();
        response.setContentType( "image/png" );
 
        File fichier = new File( "images/chart.png" );
        try {
            ChartUtilities.writeChartAsPNG( out, lineChart, 400, 300 );
        } catch ( Exception e ) {
            e.printStackTrace();
        }
 
        this.getServletContext().getRequestDispatcher( VUE_CHART ).forward( request, response );

Ta servlet écrit l'image dans le flux de la réponse avec le content type image/png. Puis tu fais un forward vers une autre JSP. Pourquoi ?
C'est bien la bonne méthode d'écrire l'image du graphique dans la réponse en indiquant le content type image/png, mais ne fait pas de forward.
Simplement, dans ta page d'affichage de ton graphe, indique une balise <img> comme pour n'importe quelle image, mais fait que l'attribut src pointe vers ta servlet, avec éventuellement dans l'URL les paramètres que tu as besoin pour générer le graphe, si nécessaire.
L'autre façon de faire est d'écrire dans le fichier "images/chart.png" (au lieu d'écrire dans le flux de la réponse) et de faire un forward vers une page avec un <img> avec src="images/chart.png". Mais la première évite justement d'écrire un fichier (ce qui évite en particulier la complication due au multi-utilisateur, que tu ne manqueras pas d'avoir avec un chemin de fichier en dur).

[batanga09]

Merci joel.drigo de ta reponse. je faisais un forward pour récupéré l'image via une balise <img>. Je crois que la où ça coince c'est que je ne sais pas faire faire pointer l'attribut src de ma balise <img> vers ma servlet. pourrais tu m'en dire plus stp? merci.

[joel.drigo]

Tu as bien fait paramétrer ta servlet, n'est-ce-pas ? Dans le genre, dans le web.xml :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<servlet>
  <servlet-name>dessinechart</servlet-name>
  <servlet-class>dessine</servlet-class>
</servlet>
 <servlet-mapping>
  <servlet-name>dessinechart</servlet-name>
  <url-pattern>/dessinechart/*</url-pattern>
</servlet-mapping>

et bien, la balise img sera : <img src="dessinechart"> : le src pointe sur l'URL de ta servlet. Habituellement, le src contient une URL d'image physiquement présente dans le serveur, mais l'important c'est que dans le flux réponse de l'URL on ait un contenu binaire correspondant à une image et que le content type soit celui qui correspond (image/png pour un binaire de png).

[batanga09]

oui j'ai bien fait paramétrer ma servlet. j'essaie ça et je revient vers toi si j'ai un soucis . merci de ton aide

[Kasko]

Bonsoir à tous,
Pouvez-vous me donner le lien qui me permettrai d'avoir le tutoriel pour apprendre comment réaliser ça?Merci d'avance!!!

[joel.drigo]

Bonsoir à tous,
Pouvez-vous me donner le lien qui me permettrai d'avoir le tutoriel pour apprendre comment réaliser ça?Merci d'avance!!!

Non, je ne connais pas de tutoriel à ce sujet. Mais tu as toutes les briques pour le faire. Je ne vois pas où tu bloques ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
package truc.bidule;
 
public class ChartServlet extends HttpServlet {
   @Override
   public void doGet(HttpServletRequest request, HttpServletResponse response)
               throws IOException, ServletException {
 
        // ça c'est tes classes, je fais comme si ça fonctionnait
        Graphe monGraphe = new Graphe();
        JFreeChart lineChart = monGraphe.CreeJFeeChart();
        //
        response.setContentType( "image/png" );
 
        try(OutputStream out = response.getOutputStream()) {
            ChartUtilities.writeChartAsPNG( out, lineChart, 400, 300 );
        } catch ( Exception e ) {
            e.printStackTrace(); // il faudra gérer un peu mieux les exceptions mais ce n'est pas l'objet de la question
        }
 
   }
 
}

dans le web.xml

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<servlet>
  <servlet-name>dessinechart</servlet-name>
  <servlet-class>truc.bidule.ChartServlet</servlet-class>
</servlet>
 <servlet-mapping>
  <servlet-name>dessinechart</servlet-name>
  <url-pattern>/dessinechart/*</url-pattern>
</servlet-mapping>

Dans la jsp, tu mets l'url relative de ta servlet :

Code jsp :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="dessinechart">

[Kasko]

Merci bien pour votre réponse.Mais je parle du tuto sur l'affichage d'une fenêtre réaliser avec JFrame dans une JSP.Ou bien c'est le même processus?

[joel.drigo]

Merci bien pour votre réponse.Mais je parle du tuto sur l'affichage d'une fenêtre réaliser avec JFrame dans une JSP.Ou bien c'est le même processus?

Ouais, m'enfin, ce n'était pas la question de batanga09. Et non ça n'a strictement rien à voir (quoiqu'on pourrait le faire de la même manière si le but est d'afficher une JFrame sans interactivité). Pour de l'interactivité, voir les applets. Mais pour des raisons de sécurité, il est de plus en plus complexe de les utiliser dans beaucoup de navigateur il me semble. Mais l'intérêt devient assez limité : on peut tout faire directement en html. Eventuellement, il y a la solution Eclipse RAP pour faire des applications avec une interface Java dans un navigateur Web (il y en a d'autres mais je les connais que peu).

[batanga09]

Je fais exactement ce que tu montre et j'ai une erreur 500 lors du lancement de la servlet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
java.lang.NoClassDefFoundError: org/jfree/data/category/CategoryDataset
	solar.servlets.assimilation.doGet(assimilation.java:36)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:622)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:729)
	org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)

A noter que tout se passe bien si je sors le bout de code qui s'occupe de tracer le graphe et de l'envoyer à la reponse dans la methode doGet().

[joel.drigo]

Tu as bien mis le jar de jfree dans le dossier lib de ton application web ?

[batanga09]

oui oui ça y est!

[batanga09]

un aperçu de ce que je fais, mon programme a légèrement changé mais le principe reste le même

pour avoir le graphe JfreeChart, je déclare une variable dans laquelle je stocke le graphe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
public class MonGraphe extends ApplicationFrame {
 
    JFreeChart xylineChart;
 
    public MonGraphe() {
        super( "applicationTitle" );
    }
 
    public MonGraphe( String applicationTitle, String chartTitle ) {
        super( applicationTitle );
        this.xylineChart = ChartFactory.createXYLineChart(
                chartTitle,
                "Axe des X",
                "F(x)=ax^2+bx+c",
                createDataset(),
                PlotOrientation.VERTICAL,
                true, true, false );
 
        // ChartUtilities.saveChartAsJPEG( image, xylineChart, 600, 400 );
 
        ChartPanel chartPanel = new ChartPanel( xylineChart );
        chartPanel.setPreferredSize( new java.awt.Dimension( 560, 367 ) );
        final XYPlot plot = xylineChart.getXYPlot();
        XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer();
        renderer.setSeriesPaint( 0, Color.RED );
 
        renderer.setSeriesStroke( 0, new BasicStroke( 4.0f ) );
 
        plot.setRenderer( renderer );
        setContentPane( chartPanel );
    }
 
    private XYDataset createDataset() {
 
        final XYSeries maFonction = new XYSeries( "Ma_Fonction" );
        maFonction.add( 1.0, 4.0 );
        maFonction.add( 2.0, 5.0 );
        maFonction.add( 3.0, 4.0 );
        maFonction.add( 4.0, 4.0 );
        maFonction.add( 5.0, 6.0 );
        maFonction.add( 2.0, 1.0 );
        maFonction.add( 2.0, 3.0 );
        final XYSeriesCollection dataset = new XYSeriesCollection();
 
        dataset.addSeries( maFonction );
        return dataset;
    }
 
 
}

ensuite dans la servlet je crée une variable de type MonGraphe et je récupère cette variable grâce à " monGraphe.xylineChart"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 public void doGet( HttpServletRequest request, HttpServletResponse response ) throws ServletException, IOException {
 
        MonGraphe monGraphe = new MonGraphe(ATT_TITRE_FEN, ATT_TITRE_GRAPHE);
 
        response.setContentType( "image/png" );
 
        try {
            OutputStream out = response.getOutputStream();
            ChartUtilities.writeChartAsPNG( out, monGraphe.xylineChart, 400, 300 );
        } catch ( Exception e ) {
            e.printStackTrace();
        }
 
        this.getServletContext().getRequestDispatcher( VUE_INSCRIPTION ).forward( request, response );
    }

[batanga09]

dans mes recherches j'ai trouvé une manière de faire qui ma l'ai plus propre

ma class graphe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
public class Graphe {
 
    public Graphe() {
 
    }
 
    public XYSeriesCollection getDataSet() {
 
        XYSeries maFonction = new XYSeries( "Ma_Fonction" );
        maFonction.add( 1.0, 4.0 );
        maFonction.add( 2.0, 5.0 );
        maFonction.add( 3.0, 4.0 );
        maFonction.add( 4.0, 4.0 );
        maFonction.add( 5.0, 6.0 );
        maFonction.add( 2.0, 1.0 );
        maFonction.add( 3.0, 3.0 );
        final XYSeriesCollection dataset = new XYSeriesCollection();
 
        dataset.addSeries( maFonction );
        return dataset;
    }
 
    public void getChart( OutputStream resp ) {
 
        XYSeriesCollection data = getDataSet();
        JFreeChart chart = ChartFactory.createXYLineChart(
                "chartTitle",
                "Axe des X",
                "Y=F(x)",
                data,
                PlotOrientation.VERTICAL,
                true, true, false );
        try {
            ChartUtilities.writeChartAsJPEG( resp, chart, 700, 450 );
        } catch ( IOException e ) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}

ma servlet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 public void doGet( HttpServletRequest request, HttpServletResponse response ) throws ServletException, IOException {
 
        response.setContentType( "image/jpeg" );
        Graphe graphe = new Graphe();
        graphe.getChart( response.getOutputStream() );
    }

mais j'ai toujour cette erreur!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
exception
 
javax.servlet.ServletException: L''exécution de la servlet a lancé une exception
	org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
cause mère
 
java.lang.NoClassDefFoundError: org/jfree/data/xy/XYDataset
	solar.servlets.assimilation.doGet(assimilation.java:46)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:622)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:729)
	org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
cause mère
 
java.lang.ClassNotFoundException: org.jfree.data.xy.XYDataset
	org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1333)
	org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1167)
	solar.servlets.assimilation.doGet(assimilation.java:46)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:622)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:729)
	org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)

cela serait du à l'ajout du .jar de JfreeChart qui ne se passe pas bien? ou tu vois une erreur?

[joel.drigo]

Tout ce que je vois c'est que les classes de JFreeChart ne sont pas trouvées. Si les jars de JFreeChart sont bien dans le dossier lib situé dans le dossier WEB-INF de l'application Web où est déclarée la servlet , je ne comprends pas pourquoi ça ne trouve pas les classes de JFreeChart.

[Kasko]

Sinon peut-être un problème de path.
Cette exception est levée si lors de l'exécution la JVM ne trouve pas le .class dans le classpath :

java.lang.NoClassDefFoundError

Et celle ci lors de la compilation si le compilateur ne trouve pas le .java :

java.lang.ClassNotFoundException

[batanga09]

Effectivement y'a deux .jar à rajouter et je n'avais rajouter qu'un seul. je n'ai donc plus d'erreur mais un comportement qui me surprend. Quand je lance la servlet elle m'affiche le graphe et ne se soucis pas du reste du code. même si je met un forward vers une jsp dans le doGet(), elle m'affiche juste le graphe.

[joel.drigo]

Effectivement y'a deux .jar à rajouter et je n'avais rajouter qu'un seul. je n'ai donc plus d'erreur mais un comportement qui me surprend. Quand je lance la servlet elle m'affiche le graphe et ne se soucis pas du reste du code. même si je met un forward vers une jsp dans le doGet(), elle m'affiche juste le graphe.

Oui : la balise img n'affiche que la première image qu'elle trouve dans le flux, le reste elle s'en moque. Cela n'a d'ailleurs aucun sens de faire un forward ici.

[batanga09]

D'accord. mais moi j'ai du contenu avant et après mon image. du coup comment je fais pour tout avoir sur la même page?

Cela n'a d'ailleurs aucun sens de faire un forward ici

En effet si je fais un forward, c'est par ce que j'aimerai que l'image soit juste rajouter à la reponse, et non qu'elle soit afficher toute suite mais afficher la page vers laquelle je fais le forward (qui n'est pas celle contenant la balise<img>) en question, et n'afficher qu'après la page qui contient un contenu, puis l'image, puis le contenu. je pense que j'arriverai à gérer ça facilement une fois que je réussirai à afficher mon image comme je veux.