JSP程序设计案例课件：图形处理

第十七讲图形处理第十七讲图形处理主要内容本课目标新课引入与项目展示案例1–验证码程序案例2

–圆饼图程序和柱状图程序课堂实践巩固与提高主要内容本课目标本课目标知识目标了解验证码的原理，熟悉验证码类（重点、难点）了解JFreeChart项目熟悉JFreeChart的安装配置熟悉JFreeChart的核心类库（重点、难点）

本课目标知识了解验证码的原理，熟悉验证码类（重点、难点本课目标技能目标灵活编写彩色验证码程序。灵活运用JFreeChart对象实现数据统计功能。

素质目标严谨认真的工作态度语言表达和与人沟通能力团队合作精神本课目标技能灵活编写彩色验证码程序。素质严谨认真的教学情境－－引入新课1.完成Easy_Buy购物系统的彩色码验证

2.利用圆饼图和柱状图完成统计功能。

1.163网站注册功能中使用的验证码。2.统计网站的统计图形。工作任务情境展示教学情境－－引入新课1.完成Easy_Buy购物系统的彩教师示范与讲解－－1任务一：生成4位数字的彩色验证码。

案例分析教师示范与讲解－－1任务一：生成4位数字验证码概述验证码原理:WEB网站在客户登录时为客户提供一个包含随即字符串的图片，用户必须读取这些字符串，然后随登录窗体或者发帖窗体等用户创建的窗体一起提交。这样就可以防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登录、灌水。因为验证码是一个混合了数字或符号的图片，人眼看起来都费劲，机器识别起来就更困难。验证码概述验证码种类常见的验证码包括以下种类：（1）四位数字验证码.

（2）GIF格式图片验证码.

（3）PNG格式图片验证码.

（4）BMP格式图片验证码.

（5）JPG格式图片验证码.

（6）XBM格式图片验证码.

验证码验证码种类验证码课堂演示9.4生成4位数字的彩色验证码。verifyCode.jsp产生图片验证码，login.jsp使用所产生的验证码，verify.jsp进行验证。课堂演示9.4生成4位数字的彩色验证码。verifyCode

演示结果

演示结果学生模仿－－1任务一：学生模仿完成课堂演示9.4中的内容。学生模仿－－1任务一：学生模仿完成课堂演示9.4中的内容。教师示范与讲解－－2任务一：以圆饼图形式统计产品销售情况（课堂演示9.6）。

任务二：以柱状图形式统计产品销售情况。（课堂演示9.7）

案例分析教师示范与讲解－－2任务一：以圆饼图形式统计产品销JFreeChart概述

JFreeChart是一个开源的JAVA项目，它主要用来开发各种各样的图表，这些图表包括：饼图、柱状图、线图、区域图、分布图、混合图、甘特图等等.JFreeChart是一种基于JAVA语言的图表开发技术。

JFreeChart可用于Servlet、JSP、Applet、JavaAppication环境中，通过JDBC可动态显示任何数据库数据，而结合Itext还可以输出至PDF文件。JFreeChart概述

JFreeChart安装配置

JFreeChart安装配置的步骤如下：（1）从JFreeChart公司网站下载后，将其解压到指定位置。（2）将解压后的lib文件夹复制到应用程序文件夹的WEB-INF\lib目录下。实际上一般用到的文件只有三个：jfreechart-1.0.5.jar、jcommon-1.0.9.jar和gnujaxp.jar。（3）修改应用程序文件的WEB-INF文件夹下的web.xml文件.其内容如下：JFreeChart安装配置JFreeChart安装配置<?xmlversion="1.0"encoding="ISO-8859-1"?><!DOCTYPEweb-appPUBLIC"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN""/dtd/web-app_2_3.dtd"><web-app><servlet><servlet-name>DisplayChart</servlet-name><servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class></servlet><servlet-mapping><servlet-name>DisplayChart</servlet-name><url-pattern>/servlet/DisplayChart</url-pattern></servlet-mapping></web-app><?xmlversion="1.0"encoding="

JFreeChart核心类库介绍

JFreeChart主要由两个大的包组成：org.jfree.chart和org.jfree.data。其中前者主要与图形本身有关，后者与图形显示的数据有关。其核心类主要有：（1）org.jfree.chart.JFreeChart：图表对象，任何类型的图表的最终表现形式都是在该对象进行一些属性的定制。（2）org.jfree.data.category.XXXDataSet：数据集对象，用于提供显示图表所用的数据。根据不同类型的图表对应着很多类型的数据集对象类。（3）org.jfree.chart.plot.XXXPlot：图表区域对象，基本上这个对象决定着什么样式的图表，创建该对象的时候需要Axis、Renderer以及数据集对象的支持。JFreeChart核心类库介绍JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于处理图表的两个轴：纵轴和横轴。（5）org.jfree.chart.render.XXXRender：负责如何显示一个图表对象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web图表中每个项目的鼠标点击链接（7）XXXXXToolTipGenerator：用于生成图象的帮助提示，不同类型图表对应不同类型的工具提示类。

JFreeChart核心类库介绍

（4）org.jfree.chart.axis.XXXAxi课堂演示9.6以圆饼图形式统计产品销售情况。chart_pie.jsp通过JFreeChart对象实现圆饼图。课堂演示9.6以圆饼图形式统计产品销售情况。chart_pi

圆饼图程序结果演示圆饼图程序结果演示课堂演示9.7以柱状图形式统计产品销售情况。chart_3d.jsp通过JFreeChart对象实现圆饼图。课堂演示9.7以柱状图形式统计产品销售情况。chart_3d柱状图程序结果演示柱状图程序结果演示学生模仿－－2任务一：学生模仿完成课堂演示9.6中的内容。任务二：学生模仿完成课堂演示9.7中的内容。学生模仿－－2任务一：学生模仿完成课堂演示9.6中的内容。课堂实践

实践要求

【课堂实践9-2】【课堂实践9-3】

（1）为Easy_Buy电子商城用户登录程序添加“验证码”功能。（2）参照本书说明，配置好JFreeChart组件的使用环境。

（3）编写一个应用JFreeChart组件统计Easy_Buy电子商城月销售量的程序。

课堂实践实践要求本课小结

1.验证码程序的实现方法。

2.JFreeChart画图方法。

本课小结1.验证码程序的实现方法。课外拓展1.怎样实现电子邮件的自动发送？怎样发送带附件的电子邮件？

课外拓展1.怎样实现电子邮件的自动发送？怎样发

第十七讲图形处理第十七讲图形处理主要内容本课目标新课引入与项目展示案例1–验证码程序案例2

–圆饼图程序和柱状图程序课堂实践巩固与提高主要内容本课目标本课目标知识目标了解验证码的原理，熟悉验证码类（重点、难点）了解JFreeChart项目熟悉JFreeChart的安装配置熟悉JFreeChart的核心类库（重点、难点）

本课目标知识了解验证码的原理，熟悉验证码类（重点、难点本课目标技能目标灵活编写彩色验证码程序。灵活运用JFreeChart对象实现数据统计功能。

素质目标严谨认真的工作态度语言表达和与人沟通能力团队合作精神本课目标技能灵活编写彩色验证码程序。素质严谨认真的教学情境－－引入新课1.完成Easy_Buy购物系统的彩色码验证

2.利用圆饼图和柱状图完成统计功能。

1.163网站注册功能中使用的验证码。2.统计网站的统计图形。工作任务情境展示教学情境－－引入新课1.完成Easy_Buy购物系统的彩教师示范与讲解－－1任务一：生成4位数字的彩色验证码。

案例分析教师示范与讲解－－1任务一：生成4位数字验证码概述验证码原理:WEB网站在客户登录时为客户提供一个包含随即字符串的图片，用户必须读取这些字符串，然后随登录窗体或者发帖窗体等用户创建的窗体一起提交。这样就可以防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登录、灌水。因为验证码是一个混合了数字或符号的图片，人眼看起来都费劲，机器识别起来就更困难。验证码概述验证码种类常见的验证码包括以下种类：（1）四位数字验证码.

（2）GIF格式图片验证码.

（3）PNG格式图片验证码.

（4）BMP格式图片验证码.

（5）JPG格式图片验证码.

（6）XBM格式图片验证码.

验证码验证码种类验证码课堂演示9.4生成4位数字的彩色验证码。verifyCode.jsp产生图片验证码，login.jsp使用所产生的验证码，verify.jsp进行验证。课堂演示9.4生成4位数字的彩色验证码。verifyCode

演示结果

演示结果学生模仿－－1任务一：学生模仿完成课堂演示9.4中的内容。学生模仿－－1任务一：学生模仿完成课堂演示9.4中的内容。教师示范与讲解－－2任务一：以圆饼图形式统计产品销售情况（课堂演示9.6）。

任务二：以柱状图形式统计产品销售情况。（课堂演示9.7）

案例分析教师示范与讲解－－2任务一：以圆饼图形式统计产品销JFreeChart概述

JFreeChart是一个开源的JAVA项目，它主要用来开发各种各样的图表，这些图表包括：饼图、柱状图、线图、区域图、分布图、混合图、甘特图等等.JFreeChart是一种基于JAVA语言的图表开发技术。

JFreeChart可用于Servlet、JSP、Applet、JavaAppication环境中，通过JDBC可动态显示任何数据库数据，而结合Itext还可以输出至PDF文件。JFreeChart概述

JFreeChart安装配置

JFreeChart安装配置的步骤如下：（1）从JFreeChart公司网站下载后，将其解压到指定位置。（2）将解压后的lib文件夹复制到应用程序文件夹的WEB-INF\lib目录下。实际上一般用到的文件只有三个：jfreechart-1.0.5.jar、jcommon-1.0.9.jar和gnujaxp.jar。（3）修改应用程序文件的WEB-INF文件夹下的web.xml文件.其内容如下：JFreeChart安装配置JFreeChart安装配置<?xmlversion="1.0"encoding="ISO-8859-1"?><!DOCTYPEweb-appPUBLIC"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN""/dtd/web-app_2_3.dtd"><web-app><servlet><servlet-name>DisplayChart</servlet-name><servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class></servlet><servlet-mapping><servlet-name>DisplayChart</servlet-name><url-pattern>/servlet/DisplayChart</url-pattern></servlet-mapping></web-app><?xmlversion="1.0"encoding="

JFreeChart核心类库介绍

JFreeChart主要由两个大的包组成：org.jfree.chart和org.jfree.data。其中前者主要与图形本身有关，后者与图形显示的数据有关。其核心类主要有：（1）org.jfree.chart.JFreeChart：图表对象，任何类型的图表的最终表现形式都是在该对象进行一些属性的定制。（2）org.jfree.data.category.XXXDataSet：数据集对象，用于提供显示图表所用的数据。根据不同类型的图表对应着很多类型的数据集对象类。（3）org.jfree.chart.plot.XXXPlot：图表区域对象，基本上这个对象决定着什么样式的图表，创建该对象的时候需要Axis、Renderer以及数据集对象的支持。JFreeChart核心类库介绍JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于处理图表的两个轴：纵轴和横轴。（5）org.jfree.chart.render.XXXRender：负责如何显示一个图表对象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web图表中每个项目的鼠标点击链接（7）XXXXXToolTipGenerator：用于生成图象的帮助提示，不同类型图表对应不同类型的工具提示类。

JFreeChart核心类库