本文目录一览:

  • 1、怎么在JSP中插入图片?
  • 2、请教jsp实现动态显示图片
  • 3、如何在JSP网页中生成动态图表

怎么在JSP中插入图片?

1、首先需要新建Dynamic web project项目,建好之后在WebContent里面的内容如图所示。

2、在body里在body里面设置背景图片,如图所示body部分内容。

3、在body里面代码操作好之后,运行效果如图所示。

4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。

5、直接写页面代码操作好之后,运行效果如下。

6、也可以在head里面设操作代码,如图所示。

7、在head里面代码操作好之后,运行效果如下。

扩展资料:

JSP将Java代码和特定变动内容嵌入到静态的页面中,实现以静态页面为模板,动态生成其中的部分内容。JSP引入了被称为“JSP动作”的XML标签,用来调用内建功能。另外,可以创建JSP标签库,然后像使用标准HTML或XML标签一样使用它们。

标签库能增强功能和服务器性能,而且不受跨平台问题的限制。JSP文件在运行时会被其编译器转换成更原始的Servlet代码。JSP编译器可以把JSP文件编译成用Java代码写的Servlet,然后再由Java编译器来编译成能快速执行的二进制机器码,也可以直接编译成二进制码。

在jsp网页中如何动态设置图片,在jsp网页中如何动态设置图片格式(在JSP网页中如何动态设置图片)-风君雪科技博客

请教jsp实现动态显示图片

点击显示时显示图片:

select id=”sel”

option value=”1″1/option

option value=”2″2/option

option value=”3″3/option

/select

img src=”#” id=”img” /

input type=”button” value=”显示” onclick=”show();” /

script type=”text/javascript”

function show(){

var index = $(“#sel”).attr(“selectedIndex”);

$(“#img”).attr(“src”,”your path”+(index+1)+”.jpg”);

}

/script

如果是想切换select框时显示,那么用onchange事件~

如何在JSP网页中生成动态图表

JSP页面中嵌入动态图表的两种方法 :在JSP页面中插入Applet小程序 ;通过JavaBean动态生成图像。

JSP是一种广泛应用的网页设计技术 ,它是一种HTML和Java脚本混合的编程技术 ,它结合了HTML的静态特性和Java语言的动态能力 ,因此用它进行动态网页设计非常方便。在进行图像处理时 ,一般处理静态图片非常容易 ,但是 ,在实际应用中常常需要动态地在网页中生成二维的图形.

基于JFreeChart开发的一个时序图的绘制。代码如下:

实例中createDataset()方法用于创建数据集合对象。时序图的数据集合与其他数据集合不同,它需要添加一个时间段内的所有数据,通常采用TimeSeries类进行添加。该实例中通过Math类的random()方法进行随机生成。

import java.awt.*;

import java.awt.event.ActionEvent;

import

java.awt.event.ActionListener;

import java.io.BufferedInputStream;

import

java.io.DataInputStream;

import java.io.FileOutputStream;

import

java.io.IOException;

import java.net.URL;

import

java.net.URLConnection;

import java.text.DateFormat;

import

java.text.ParseException;

import java.text.SimpleDateFormat;

import

java.util.Calendar;

import java.util.Date;

import java.util.Random;

import javax.swing.JApplet;

import javax.swing.Timer;

import org.jfree.chart.*;

import

org.jfree.chart.annotations.CategoryTextAnnotation;

import

org.jfree.chart.axis.CategoryAnchor;

import

org.jfree.chart.axis.CategoryAxis;

import

org.jfree.chart.axis.CategoryLabelPositions;

import

org.jfree.chart.axis.DateAxis;

import

org.jfree.chart.axis.DateTickUnit;

import

org.jfree.chart.axis.DateTickUnitType;

import

org.jfree.chart.axis.ValueAxis;

import

org.jfree.chart.labels.StandardCategoryItemLabelGenerator;

import

org.jfree.chart.plot.CategoryPlot;

import

org.jfree.chart.plot.PlotOrientation;

import

org.jfree.chart.plot.XYPlot;

import

org.jfree.chart.renderer.category.BarRenderer;

import

org.jfree.chart.title.TextTitle;

import

org.jfree.data.category.CategoryDataset;

import

org.jfree.data.category.IntervalCategoryDataset;

import org.jfree.chart.axis.NumberAxis;

import

org.jfree.data.category.DefaultCategoryDataset;

import

org.jfree.data.gantt.Task;

import org.jfree.data.gantt.TaskSeries;

import

org.jfree.data.gantt.TaskSeriesCollection;

import

org.jfree.data.time.Day;

import org.jfree.data.time.Second;

import

org.jfree.data.time.TimeSeries;

import

org.jfree.data.time.TimeSeriesCollection;

import

org.jfree.data.xy.XYDataset;

public class shixutu extends JApplet {

//PLOT_FONT是一静态的字体常量对象,使用此对象可以避免反复用到的字体对象被多次创建

       

private static final Font PLOT_FONT = new Font(“黑体”, Font.ITALIC ,

18);

        JFreeChart chart;

//创建数据动态更新的监听

  class DataGenerator extends Timer

implements ActionListener {

        

private static final long serialVersionUID =

3977867288743720504L;

         String

equID;                                

//设备ID号

         int

totalTask;                               

//任务数

         String[][]

strTask;                          

//任务情况

public void

actionPerformed(ActionEvent actionevent) {            

addTotalObservation();

         }         DataGenerator()

{

        

 

            

super(1000,

null);

            

addActionListener(this);

            

System.out.println(“super”);

        

}

     }

  

    

//将更新的数据添加到chart中

     private void addTotalObservation()

{

     

 System.out.println(“addTotalObservation”);

         

//设置新的数据集

           

chart.getXYPlot().setDataset(createDataset());

         

//通知Jfreechart

数据发生了改变,重新绘制柱状图

          if

(chart != null)

{

             

chart.fireChartChanged();

         

}

      }

        private static void

processChart(JFreeChart chart)

                 

//设置标题字体 

                 

chart.getTitle().setFont(new Font(“隶书”, Font.BOLD,

26)); 

                 

//设置背景色 

                 

chart.setBackgroundPaint(new

Color(252,175,134)); 

                 

XYPlot plot = chart.getXYPlot();       

//获取图表的绘制属性 

                 

plot.setDomainGridlinesVisible(false); 

//设置网格不显示 

                 

//获取时间轴对象 

                 

DateAxis dateAxis = (DateAxis)

plot.getDomainAxis(); 

                 

dateAxis.setLabelFont(PLOT_FONT);  

//设置时间轴字体 

                 

//设置时间轴标尺值字体 

                 

dateAxis.setTickLabelFont(new

Font(“宋体”,Font.PLAIN,12)); 

                 

dateAxis.setLowerMargin(0.0);      

//设置时间轴上显示的最小值 

                 

//获取数据轴对象 

                 

ValueAxis valueAxis =

plot.getRangeAxis(); 

                 

valueAxis.setLabelFont(PLOT_FONT);                     

//设置数据字体 

                 

DateFormat format = new SimpleDateFormat(“mm分ss秒”);  

//创建日期格式对象 

                 

//创建DateTickUnit对象 

                 

DateTickUnit dtu = new

DateTickUnit(DateTickUnitType.SECOND,30,format); 

                 

dateAxis.setTickUnit(dtu);         

//设置日期轴的日期标签           }          //将结果输出在文件中

private static

void writeChartAsImage(JFreeChart chart)

              

FileOutputStream fos_jpg =

null; 

              

try

                  

fos_jpg = new

FileOutputStream(“D:\\test\\shixutu.jpg”); 

                  

ChartUtilities.writeChartAsJPEG(fos_jpg, 1, chart, 400, 300,

null); 

              

} catch (Exception e)

                 

e.printStackTrace(); 

              

} finally

                  

try

                      

fos_jpg.close(); 

                 

} catch (Exception e)

                  

              

          

          

//创建数据集合对象

          

public static XYDataset createDataset()

                   

//实例化TimeSeries对象 

                    

TimeSeries timeseries = new

TimeSeries(“Data”); 

                    

Second second = new Second(); 

//实例化Day

                    

                   

double d =

50D; 

                    

//添加一年365天的数据 

                    

for (int i = 0; i 500; i++)

{  

                        

d = d + (Math.random() – 0.5) * 10;

//创建随机数据 

                        

timeseries.second(day, d);

//向数据集合中添加数据 

                        

second = (Second)

second.next();  

                   

}                  

TimeSeriesCollection timeSeriesCollection =                         

new

TimeSeriesCollection(timeseries); 

                  

//返回数据集合对象 

                  

return timeSeriesCollection;           } //Applet程序初始化

public void init()

{

        // 1.

得到数据  

      XYDataset  dataset =

createDataset(); 

            

// 2.

构造chart  

            

chart =

ChartFactory.createTimeSeriesChart( 

                   

“时序图示范”, //

图表标题  

                   

“时间”, //

目录轴的显示标签–横轴  

                   

“数值”, //

数值轴的显示标签–纵轴  

                   

dataset, //

数据集  

                   

false,

                   

false, //

是否生成工具  

                   

false //

是否生成URL链接  

                   

); 

           

// 3.

处理chart中文显示问题  

           

processChart(chart); 

     

          

// 4.

chart输出图片  

           

//writeChartAsImage(chart); 

          

// 5. chart

以swing形式输出   

           

//6.使用applet输出

           

ChartPanel chartPanel = new

ChartPanel(chart);

           

chartPanel.setPreferredSize(new

java.awt.Dimension(800,500));       

           

getContentPane().add(chartPanel);          (new

DataGenerator()).start();

        

}

         public void

paint(Graphics g)

{

             if

(chart != null)

{

               

chart.draw((Graphics2D) g,

getBounds());

            

}

         }

   

public void destroy() {

    }

}